{% extends "base.html" %}
{% load bootstrap4 %}

{% block title %}Section Creator{% endblock title %}

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        {% include "project_navbar.html" %}
        <h2>Section Creator</h2>
        <br>
        {{ company.company_name }}
        <br>

        <form id="form-missing" action="{% url 'questioning:section_create_missing' %}{{pid}}/" method="post">
        {% csrf_token %}
        <div class="row p-2 border bg-light">
            <div class="col-md-10">
            {% for field in missing_sections_form %}
                {{ field.label.hidden }}
                {{ field }}
            {% endfor %}
            </div>
            <div class="col-md-1">
                <input id="form-missing" class="btn btn-sm btn-success" type="submit" value="Create">
            </div>
            <div class="col-md-1">
                <a class="btn btn-sm btn-success" href="{% url 'questioning:download_zip_all' %}{{pid}}/">Download</a>
            </div>
        </div>
        </form>
        <br><br>
        {% for section, docs, tag_form in section_list %}
            <div class="row p-2 border bg-light">
                <div class="col-md-9">
                    <h5>{{ section.name_prefix.value}}{% if section.name_postfix %} - {{section.name_postfix.value}}{% endif %}</h5>
                </div>
                <div class="col-md-2 container-fluid vertical-center">
                    <a class="btn btn-sm btn-danger d-flex text-center" href="{% url 'questioning:section_delete' %}{{pid}}/{{section.pk}}/">Remove Section</a>
                </div>
                <div class="col-md-1">
                    <a class="btn btn-sm btn-info" href="{% url 'questioning:section_change_position' %}{{ section.pk }}/up/">&uarr;</a>
                    <a class="btn btn-sm btn-info" href="{% url 'questioning:section_change_position' %}{{ section.pk }}/down/">&darr;</a>
                </div>
            </div>
            <div class="row p-2 d-flex border bg-light">
                <!-- ROW BREAK -------------------------------------------------------------------------------------------->
                {% for doc_id, doc_pos, doc_url, doc_name, updated_at, conv_doc_pk, converted_path_date, converting, missing in docs %}
                <div class="col-md-1"><a class="btn btn-sm btn-info" href="{% url 'questioning:composite_document_change' %}{{ pid }}/{{ doc_id }}/">{{ forloop.counter }}</a></div>
                <div class="col-md-5">{{ doc_name }}{% if forloop.first %} <i>(main)</i>{% endif %}{% if doc_url %}<div style="font-size:9px;"><i>last update {{updated_at}}</i></div>{% endif %}</div>
                <div class="col-md-1">
                    <form id="form-{{doc_id}}" action="{% url 'questioning:composite_document_upload' %}{{ pid }}/{{ doc_id }}/" method="post" class="form" enctype="multipart/form-data">
                        {% csrf_token %}
                        <label class="btn btn-sm btn-warning" for="file-{{doc_id}}">
                            <input id="file-{{doc_id}}" type="file" name="file" style="display:none" 
                            onchange='form.submit()' accept=".docx">
                            Upload
                        </label>
                    </form>
                </div>
                <div class="col-md-1">
                    {% if doc_url %}
                    <a class="btn btn-sm btn-warning" href="{% url 'questioning:composite_document_download' %}{{ pid }}/{{ doc_id }}/">Original</a>
                    {% else %}
                    <a class="btn btn-sm btn-white" href="">No File</a>
                    {% endif %}
                </div>
                <div class="col-md-1">
                    <a class="btn btn-sm btn-danger" href="{% url 'questioning:composite_document_delete' %}{{ pid }}/{{ doc_id }}/">Delete</a>
                </div>
                <div class="col-md-1">
                    {% if doc_url %}
                    <a class="btn btn-sm btn-info" href="{% url 'questioning:composite_document_convert' %}{{ section.pk }}/{{ doc_id }}/">Convert</a>
                    {% else %}
                    <a class="btn btn-sm btn-white" href="">No File</a>
                    {% endif %}
                </div>
                <div class="col-md-1">
                    {% if conv_doc_pk %}
                        <a  href="{% url 'questioning:composite_document_converted_download' %}{{ pid }}/{{ conv_doc_pk }}/"><button type="button" class="btn btn-sm btn-info" data-toggle="tooltip" data-placement="top" title="missing tags: [{{missing}}]">[.docx]</button></a><br>
                        <div style="font-size:9px;"><i>{{converted_path_date}}</i></div>
                    {% else %}
                        <a class="btn btn-sm btn-white" href="">{% if converting %}in progr.{% else %}No File{% endif %}</a>
                    {% endif %}
                </div>
                <div class="col-md-1">
                    {% if not forloop.first %}
                    <a class="btn btn-sm btn-info" href="{% url 'questioning:composite_document_change_position' %}{{ pid }}/{{ doc_id }}/up/">&uarr;</a>
                    <a class="btn btn-sm btn-info" href="{% url 'questioning:composite_document_change_position' %}{{ pid }}/{{ doc_id }}/down/">&darr;</a>
                    {% endif %}
                </div>
                {% endfor %}
            </div>
            <form  id="form-doc-create" action="{% url 'questioning:composite_document_create' %}{{pid}}/{{section.pk}}/" method="post">
            {% csrf_token %}
            <div class="row p-2 border bg-light">
                <!-- ROW BREAK -------------------------------------------------------------------------------------------->
                {% for field in tag_form %}
                    <div class="col-md-4">
                        {{ field.errors }}
                        {{ field }}
                    </div>
                {% endfor %}
                    <div class="col-md-3"></div>
                    <div class="col-md-1">
                        {% if tag_form %}
                        <input id="form-doc-create" class="btn btn-sm btn-success" type="submit" value="Add">
                        {% endif %}
                    </div>
                <!-- ROW BREAK -------------------------------------------------------------------------------------------->
            </div>
            </form>
            <br>
        {% endfor %}
        <br><br>
    </div>
</section>

<input type="hidden" id="default_value_dict" value="{{ default_value_dict }}" />
<input type="hidden" id="default_doctype_dict" value="{{ default_doctype_dict }}" />
<script>
var default_value_dict = JSON.parse(document.getElementById('default_value_dict').value);
var default_doctype_dict = JSON.parse(document.getElementById('default_doctype_dict').value);

document.addEventListener("DOMContentLoaded", function (event) {
    var scrollpos_section = sessionStorage.getItem('scrollpos_section');
    if (scrollpos_section) {
        window.scrollTo(0, scrollpos_section);
        sessionStorage.removeItem('scrollpos_section');
    }
});

window.addEventListener("beforeunload", function (e) {
    sessionStorage.setItem('scrollpos_section', window.scrollY);
});

function choiceFieldChange(value, element) {
    var e = document.getElementById('text-' + element);
    if (e && value.value in default_value_dict) {
        e.value = default_value_dict[value.value];
    }
    var t = document.getElementById((element).substr(0,element.length-2) + '-3');
    if (t && value.value in default_doctype_dict) {
        t.value = default_doctype_dict[value.value];
    }
}
</script>
{% endblock content %}