{% extends base_template %}
{% load buttons %}
{% load helpers %}
{% load i18n %}

{% comment %}
Blocks:
  - content:                   Primary page content
    - table_controls:          Control elements for the child objects table
    - bulk_controls:           Bulk action buttons which appear beneath the child objects table
      - bulk_extra_controls:   Other bulk action buttons
  - modals:                    Any pre-loaded modals

Context:
  - base_template:  The template which this template extends
  - object:         The parent object
  - child_model:    The model of child objects being displayed
  - table:          The table containing child objects
  - table_config:   The ID of the table configuration modal
  - actions:        A list of enabled bulk actions
  - tab:            The currently active tab
  - return_url:     The URL to which the user is redirected after performing a bulk action
{% endcomment %}

{% block content %}
    {% block table_controls %}
        {% include 'inc/table_controls_htmx.html' with table_modal=table_config %}
    {% endblock table_controls %}
    <form method="post">
        {% csrf_token %}
        <div class="card">
            <div class="htmx-container table-responsive" id="object_list">
                {% include 'htmx/table.html' %}
            </div>
        </div>
        <div class="card btn-list sticky-actions d-print-none" data-sticky-position="right" data-sticky-when="selection">
            {% block bulk_controls %}
              <div class="btn-list bulk-action-buttons">
                {% action_buttons actions model multi=True return_url=request.path %}
              </div>
              {% block bulk_extra_controls %}{% endblock %}
            {% endblock bulk_controls %}
        </div>
    </form>
{% endblock content %}

{% block modals %}
    {{ block.super }}
    {% table_config_form table %}
{% endblock modals %}
