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

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        <h2>Current Section Positions</h2>
        <br><small>Simplified view to organize positions more quickly.</small>
            <br>
            {% 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-1">
                        <a class="btn btn-sm btn-info" href="{% url 'qmds:tags_manage_base_position' %}{{ section_title }}/up/99999999/">&uarr;</a>
                        <a class="btn btn-sm btn-info" href="{% url 'qmds:tags_manage_base_position' %}{{ section_title }}/down/99999999/">&darr;</a>
                    </div>
                    <div class="col-md-11"><h5>{{ section_title }}</h5></div>
                </div>
            </form>
            {% endfor %}
    </div>
</section>

<script>
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 %}