{% extends "entries_base.html" %}

{% load i18n %}
{% load static %}

{% block title %}{% trans "Hasła" %}{% endblock %}

{% block scripts %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static 'entries/css/unification_frames.css' %}">
    <script src="{% static 'entries/js/unification_entries_list.js' %}"></script>
    <script src="{% static 'entries/js/unification_frames_list.js' %}"></script>
    <script src="{% static 'entries/js/unification_entries_for_frames_list.js' %}"></script>
    <script src="{% static 'entries/js/unification.js' %}"></script>
    <script src="{% static 'entries/js/selectional_preference.js' %}"></script>
    <script src="{% static 'entries/js/jquery-impromptu.min.js' %}"></script>
    <script src="https://unpkg.com/vue@3"></script>
    <script>
        window.initialUnifiedFrameId = {{ unified_frame_id|default:'null' }};
    </script>
    <script type="module" src="{% static 'entries/js/unification_index.js' %}"></script>
{% endblock %}

{% block left_pane %}<div id="unification-left-pane"></div>{% endblock %}

{% block right_pane %}{% include "unification_lexical_unit_display.html" %}{% endblock %}


{% block content %}
    <div id="lexical-unit-notes-template" class="d-none">{% include 'notes.html' %}</div>
    <div id="vue-app" class="row h-100 m-0 p-0 bg-secondary"></div>
{% endblock %}