{% load i18n %}
{% comment %}
  Generic confirmation modal for ``BulkActionView``. Override the
  template at the view-class level (`template_name = "..."`) to
  customise wording, add reason inputs, etc.

  Context (provided by ``BulkActionView.get_context_data``):
    pks:        list of selected primary keys (strings)
    pk_field:   form field name to render hidden inputs under
    queryset:   filtered queryset of the affected records
    count:      record count (already evaluated)
    action_url: URL the form should POST to (defaults to request.path)
{% endcomment %}
<form class="modal-content"
      hx-post="{{ action_url }}"
      hx-target="this"
      hx-swap="outerHTML"
      hx-disabled-elt="find button[type=submit]"
      autocomplete="off">
  {% csrf_token %}
  <div class="modal-header">
    <h5 class="modal-title">
      {% block title %}
        {% blocktranslate count counter=count %}
          Apply action to {{ counter }} item?
        {% plural %}
          Apply action to {{ counter }} items?
        {% endblocktranslate %}
      {% endblock %}
    </h5>
    <button type="button" class="btn-close" data-bs-dismiss="modal"
            aria-label="{% translate 'Cancel' %}"></button>
  </div>
  <div class="modal-body">
    {% block body %}
      <p class="text-muted small mb-0">
        {% translate "This action cannot be undone." %}
      </p>
    {% endblock %}
    {% for pk in pks %}
      <input type="hidden" name="{{ pk_field }}" value="{{ pk }}">
    {% endfor %}
  </div>
  <div class="modal-footer">
    {% block footer %}
      <button type="button" class="btn me-auto" data-bs-dismiss="modal">
        {% translate "Cancel" %}
      </button>
      <button type="submit" class="btn btn-primary">
        {% block submit_label %}{% translate "Apply" %}{% endblock %}
      </button>
    {% endblock %}
  </div>
</form>