{% extends 'wise_core/generic/parent_base_generic.html' %}
{% load i18n %}
{% comment %}
One child model's rows, inside the parent's chrome - the body of one tab.
Pair with `wise_core.mixins.WiseParentDetailChildListView`. Same block names
as `list_generic.html`; the heading defaults to the selected tab's label, so
a child list that only needs a table can leave every block but `card_item`
(or `list_body`) alone.
{% endcomment %}

{% block parent_body %}
    <div class="flex flex-wrap items-end justify-between gap-4">
        <div>
            <div class="flex items-center gap-2">
                {% block list_icon %}{% endblock %}
                <h3 class="uppercase">{% block list_title %}{{ selected_tab.label }}{% endblock %}</h3>
            </div>
            <p class="mt-1 text-sm text-gray-600">{% block list_count %}{{ paginator.count }} {% trans "record(s)" %}{% endblock %}</p>
        </div>
        <div class="flex items-center gap-2">
            {% block list_actions %}{% endblock %}
        </div>
    </div>
    {% block list_body %}
        <div class="mt-5 space-y-2">
            {% for item in object_list %}
                {% block card_item %}{% endblock %}
            {% empty %}
                {% include 'wise_core/components/_no_data.html' %}
            {% endfor %}
            <div class="pt-2">
                {% include 'wise_core/components/_pagination.html' %}
            </div>
        </div>
    {% endblock %}
{% endblock %}