{% extends "base.html" %}
{% load bootstrap4 %}
{% load widget_tweaks %}
{% block title %}Base Tags Management{% endblock title %}

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        <h2>Current Base Tags</h2>
            <br>
            <div class="row">
                <div class="col-md-9 bg-light">
                    <a class="btn btn-sm btn-primary" href="#createNewBaseTag">Create New</a>
                    <a class="btn btn-sm btn-primary" href="{% url 'qmds:tags_manage_base_create' %}">Create All</a>
                    <a class="btn btn-sm btn-primary" href="{% url 'qmds:tags_manage_base_position' %}">Organize Positions</a>
                </div>
                <div class="col-md-3 bg-light pull-right">
                    <a class="btn btn-sm btn-success" href="{% url 'qmds:tags_manage_download' %}">Xlsx Download</a>
                    <a class="btn btn-sm btn-danger" href="{% url 'qmds:tags_manage_base_delete' %}" onclick="return deleteAllClicked(this);">Delete All</a>
                </div>
            </div>
            {% for section_title, tagmap_formset, tagname_map_formset in extensive_form_list %}
                <br>
                <form method="post" action="{% url 'qmds:tags_manage_base_save_tags' %}{%if selected_project %}{{ selected_project.id}}/{%endif%}">
                <div class="row">
                    <div class="col-md-10"><h2>{{ section_title }}</h2></div>
                    <div class="col-md-1"><input class="btn btn-sm btn-success" type="submit" value="Save"></div>
                    <div class="col-md-1">
                        <a class="btn btn-sm btn-info" href="{% url 'qmds:tags_manage_base_position' %}{{ section_title }}/up/">&uarr;</a>
                        <a class="btn btn-sm btn-info" href="{% url 'qmds:tags_manage_base_position' %}{{ section_title }}/down/">&darr;</a>
                    </div>
                    </div>
                {% csrf_token %}
                {{ tagmap_formset.management_form }}
                {% for tag_name, tag_id, tag_form in tagname_map_formset %}
                <div class="row p-2 border bg-light">
                    <div class="col-md-1">
                        <a class="btn btn-sm btn-success align-middle" href="{% url 'qmds:tags_manage_base_change' %}{{ tag_id }}/{%if selected_project %}{{ selected_project.id}}/{%endif%}">{{ forloop.counter }}</a>
                    </div>
                    <div class="col-md-3 align-middle">
                        <input type="hidden" name="tag_name" value="{{ tag_name }}">
                        {{  tag_name }}
                        {% render_field tag_form.tag  class="form-control" hidden=True name="tag_name" %}
                        {% render_field tag_form.comment_en class="form-control" hidden=True cols="1" placeholder="comment [en]" type="text" %}
                        {% if tag_form.comment_en.errors %}
                            {% for error in tag_form.comment_en.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                        {% render_field tag_form.comment_de class="form-control" hidden=True cols="1" placeholder="comment [de]" type="text" %}
                        {% if tag_form.comment_de.errors %}
                            {% for error in tag_form.comment_de.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                        {% render_field tag_form.parent hidden=True %}
                        {% if tag_form.parent.errors %}
                            {% for error in tag_form.parent.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                        {% render_field tag_form.related_document  hidden=True class="form-control" cols="1" placeholder="related document" type="text" %}
                        {% if tag_form.related_document.errors %}
                            {% for error in tag_form.related_document.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                        {% render_field tag_form.value_type hidden=True %}
                        {% if tag_form.value_type.errors %}
                            {% for error in tag_form.value_type.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                        {% render_field tag_form.instruction_en hidden=True class="form-control" cols="1" placeholder="instruction [en]" type="text" %}
                        {% if tag_form.instruction_en.errors %}
                            {% for error in tag_form.instruction_en.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                        {% render_field tag_form.instruction_de hidden=True class="form-control" cols="1" placeholder="instruction [de]" type="text" %}
                        {% if tag_form.instruction_de.errors %}
                            {% for error in tag_form.instruction_de.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                        {% render_field tag_form.position hidden=True class="form-control" %}
                        {% if tag_form.position.errors %}
                            {% for error in tag_form.position.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                    </div>
                    <div class="col-md-2 align-middle">
                        {{ tag_form.tag_type }}
                        {% if tag_form.tag_type.errors %}
                            {% for error in tag_form.tag_type.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                    </div>
                    <div class="col-md-1 align-middle">
                        {% render_field tag_form.doc_type %}
                        {% if tag_form.doc_type.errors %}
                            {% for error in tag_form.doc_type.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                    </div>
                    <div class="col-md-2 align-middle">
                        {% render_field tag_form.default_value_en class="form-control" cols="1" placeholder="default value (en)" type="text" %}
                        {% if tag_form.default_value_en.errors %}
                            {% for error in tag_form.default_value_en.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                    </div>
                    <div class="col-md-2 align-middle">
                        {% render_field tag_form.default_value_de class="form-control" cols="1" placeholder="default value (de)" type="text" %}
                        {% if tag_form.default_value_de.errors %}
                            {% for error in tag_form.default_value_de.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        {% endif %}
                    </div>
                    <div class="col-md-1 align-middle">
                        <a class="btn btn-sm btn-danger" href="{% url 'qmds:tags_manage_base_delete' %}{{ tag_id }}/{%if selected_project %}{{ selected_project.id}}/{%endif%}" id="{{ forloop.counter }}" onclick="return deleteAllClicked(this);">X</a>
                    </div>
                </div>
                {% endfor %}
            </form>
            {% endfor %}
        
        
                
        <!-- <a class="btn btn-sm btn-warning" href="{% url 'qmds:qmds' %}">Update</a> -->

        <br><br>
        <div id="createNewBaseTag"></div>
        <h4>Add new Base Tag</h4>
        <form action="{% url 'qmds:tags_manage_base' %}" method="post" id="create-new" class="form" enctype="multipart/form-data">
            {% csrf_token %}
            {{ tag_form.management_form }}
            {% bootstrap_form tag_form %}
            {% buttons %}
            <button type="submit" id="create-new" class="btn btn-primary">Add New</button>
            {% endbuttons %}
        </form>
    </div>
</section>

<script>
function deleteAllClicked(obj) {
    if (confirm("Warning!\r\nThis action deletes everything, all Base Tags and Tags, all Documents and Sections, in case values were set, these are lost as well.")) {
        return true;
    }
    return false;
}

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

window.addEventListener("beforeunload", function (e) {
    sessionStorage.setItem('scrollpos_base_tags', window.scrollY);
});
</script>
{% endblock content %}