{% extends 'core/base.html' %}
{% block title %}{{ module_title }} - {{ org.name }} | Killian{% endblock %}

{% block scripts %}
<script src="/static/js/archived-toggle.js"></script>
<script src="/static/js/org-module.js"></script>
{% endblock %}

{% block content %}
<div class="breadcrumbs">
    <a href="{% url 'org_list' %}">Organizations</a>
    <span>/</span>
    <a href="{% url 'org_detail' org.pk %}">{{ org.name }}</a>
    <span>/</span>
    <strong>{{ module_title }}</strong>
</div>

<div class="page-head module-page-head">
    <div>
        <h1>{{ module_title }}</h1>
        <p>{{ module_description }}</p>
    </div>

    {% if module_view_options or archived_rows or can_import or can_export or can_add %}
        <div class="page-head-actions">
            {% if archived_rows %}
                <button
                    type="button"
                    class="button archive-toggle"
                    id="archived-toggle"
                    aria-expanded="false"
                    aria-controls="archived-records"
                    data-archived-count="{{ archived_count }}"
                >
                    Archived ({{ archived_count }})
                </button>
            {% endif %}

            {% include 'core/_module_view_control.html' %}

            {% if can_import %}
                <a class="button secondary" href="{{ import_url }}">Import</a>
            {% endif %}

            {% if can_export %}
                <a class="button secondary" href="{{ export_url }}">Export</a>
            {% endif %}

            {% if can_add %}
                <a
                    class="button js-record-modal"
                    href="{{ add_url }}"
                    data-record-modal-title="{{ add_button|escape }}"
                >{{ add_button }}</a>
            {% endif %}
        </div>
    {% endif %}
</div>

<section class="module-panel">
    <div class="module-panel-head">
        <div>
            <h2>{{ module_title }}</h2>
            <span>{{ rows|length }} active record{{ rows|length|pluralize }}</span>
        </div>
    </div>

    {% if rows %}
        {% include 'core/_module_table.html' with table_rows=rows %}
    {% else %}
        <div class="empty-state">
            <h3>No active records</h3>
            <p>{{ module_description }}</p>
            {% if can_add %}
                <a
                    class="button js-record-modal"
                    href="{{ add_url }}"
                    data-record-modal-title="{{ add_button|escape }}"
                >{{ add_button }}</a>
            {% endif %}
        </div>
    {% endif %}
</section>

{% if archived_rows %}
<section
    class="module-panel archived-module-panel"
    id="archived-records"
    hidden
>
    <div class="module-panel-head archived-module-head">
        <div>
            <h2>Archived</h2>
            <span>
                {{ archived_count }} archived record{{ archived_count|pluralize }}
            </span>
        </div>
    </div>

    {% include 'core/_module_table.html' with table_rows=archived_rows %}
</section>
{% endif %}

{% if archived_rows %}

{% endif %}

{% if current_module == 'contacts' %}

{% endif %}
{% endblock %}