{% load i18n admin_urls static %}
<div class="js-inline-admin-formset inline-group mx-report-period-inline" id="{{ inline_admin_formset.formset.prefix }}-group" data-inline-type="stacked" data-inline-formset="{{ inline_admin_formset.inline_formset_data }}">
    <fieldset class="module {{ inline_admin_formset.classes }} card card-outline">
        <div class="card-body">
            {{ inline_admin_formset.formset.management_form }}
            {{ inline_admin_formset.formset.non_form_errors }}

            <div class="mx-report-period-inline__header">
                <h3 class="mx-report-period-inline__title">{{ inline_admin_formset.opts.verbose_name_plural|capfirst }}</h3>
                <p class="mx-report-period-inline__hint">Печатные формы сгруппированы по отчетным периодам. Архивные версии доступны только в админке.</p>
            </div>

            <div class="mx-report-period-inline__nav nav nav-tabs" role="tablist">
                {% for inline_admin_form in inline_admin_formset %}
                    {% with inline_admin_form.original as record %}
                        {% if record %}
                            {% ifchanged record.report_period_key %}
                                <a
                                    class="nav-link {% if forloop.first %}active{% endif %}"
                                    id="{{ inline_admin_formset.formset.prefix }}-{{ record.report_period_dom_id }}-tab"
                                    data-toggle="tab"
                                    href="#{{ inline_admin_formset.formset.prefix }}-{{ record.report_period_dom_id }}"
                                    role="tab"
                                    aria-controls="{{ inline_admin_formset.formset.prefix }}-{{ record.report_period_dom_id }}"
                                    aria-selected="{% if forloop.first %}true{% else %}false{% endif %}"
                                >
                                    {{ record.report_period_display }}
                                </a>
                            {% endifchanged %}
                        {% endif %}
                    {% endwith %}
                {% empty %}
                    <span class="mx-report-period-inline__empty">Отчетность пока не загружена.</span>
                {% endfor %}
            </div>

            <div class="tab-content mx-report-period-inline__content">
                {% for inline_admin_form in inline_admin_formset %}
                    {% with inline_admin_form.original as record %}
                        {% if record %}
                            {% ifchanged record.report_period_key %}
                                {% if not forloop.first %}
                                        </div>
                                    </div>
                                {% endif %}
                                <div
                                    class="tab-pane fade {% if forloop.first %}show active{% endif %}"
                                    id="{{ inline_admin_formset.formset.prefix }}-{{ record.report_period_dom_id }}"
                                    role="tabpanel"
                                    aria-labelledby="{{ inline_admin_formset.formset.prefix }}-{{ record.report_period_dom_id }}-tab"
                                >
                                    <div class="mx-report-period-inline__cards">
                            {% endifchanged %}
                            <article class="mx-report-period-card{% if not record.is_active_version %} mx-report-period-card--archived{% endif %}">
                                <header class="mx-report-period-card__header">
                                    <div>
                                        <p class="mx-report-period-card__eyebrow">{{ record.report_period_short_label }}</p>
                                        <h4 class="mx-report-period-card__title">{{ record.version_label }}</h4>
                                    </div>
                                    <div class="mx-report-period-card__meta">
                                        <span class="mx-report-period-card__badge{% if record.is_active_version %} is-current{% else %} is-archived{% endif %}">
                                            {% if record.is_active_version %}Актуальная{% else %}Архив{% endif %}
                                        </span>
                                        <span class="mx-report-period-card__badge">Batch {{ record.load_batch }}</span>
                                        {% if record.superseded_by_batch %}
                                            <span class="mx-report-period-card__badge">Заменен batch {{ record.superseded_by_batch }}</span>
                                        {% endif %}
                                    </div>
                                </header>

                                {% if inline_admin_form.form.non_field_errors %}
                                    {{ inline_admin_form.form.non_field_errors }}
                                {% endif %}

                                {% for fieldset in inline_admin_form %}
                                    {% include "admin/includes/fieldset.html" %}
                                {% endfor %}

                                {% if inline_admin_form.needs_explicit_pk_field %}{{ inline_admin_form.pk_field.field }}{% endif %}
                                {% if inline_admin_form.fk_field %}{{ inline_admin_form.fk_field.field }}{% endif %}
                            </article>
                            {% if forloop.last %}
                                    </div>
                                </div>
                            {% endif %}
                        {% endif %}
                    {% endwith %}
                {% endfor %}
            </div>
        </div>
    </fieldset>
</div>