{#- One form per action that runs on a record or on the view, and one dialog
    for each that asks something first. A row button fills in which record it
    is for, so the same form serves every row. -#}
{% for item in single_actions %}
  <form id="action-form-{{ item.name }}" method="post" hidden
        action="{{ urls.action(view, item.name) }}{% if request.url.query %}?{{ request.url.query }}{% endif %}">
    {{ csrf_input | safe if csrf_input }}
    {% if item.on_record %}<input type="hidden" name="keys" value="">{% endif %}
  </form>

  {% if item.needs_dialog %}
    <dialog id="action-{{ item.name }}" class="modal">
      <form class="modal-box" method="post"
            action="{{ urls.action(view, item.name) }}{% if request.url.query %}?{{ request.url.query }}{% endif %}">
        {{ csrf_input | safe if csrf_input }}
        {% if item.on_record %}<input type="hidden" name="keys" value="">{% endif %}
        <h3 class="text-lg font-semibold">{{ item.label }}</h3>
        {% if item.confirm %}
          <p class="pt-2 text-base-content/80">{{ item.confirm }}</p>
        {% endif %}
        {% if action_rows[item.name] %}
          <div class="mt-3">
            {% for row in action_rows[item.name] %}
              {% include "adminsite/_field.html" %}
            {% endfor %}
          </div>
        {% endif %}
        <div class="modal-action">
          <button type="button" class="btn btn-ghost btn-sm"
                  onclick="this.closest('dialog').close()">{{ _('Cancel') }}</button>
          <button type="submit"
                  class="btn btn-sm {% if item.dangerous %}btn-error{% else %}btn-primary{% endif %}">
            {{ item.label }}
          </button>
        </div>
      </form>
      <div class="modal-backdrop" onclick="this.closest('dialog').close()"></div>
    </dialog>
  {% endif %}
{% endfor %}

{% if single_actions %}
  <script>
    // Runs an action on one record: the dialog asks first where there is one.
    function runRecordAction(name, key) {
      const dialog = document.getElementById("action-" + name);
      const form = dialog
        ? dialog.querySelector("form")
        : document.getElementById("action-form-" + name);
      const field = form.querySelector('input[name="keys"]');
      if (field) field.value = key;
      if (dialog) dialog.showModal();
      else form.submit();
    }
  </script>
{% endif %}