{% load i18n %}
{% comment %}
Bootstrap-5 modal that displays a row's detail blob on demand.

A single shared modal (the canonical BS5 "varying modal content"
pattern), reused by every list page that shows on-demand detail in a
popup: the config-change payload (changelog), the per-finding error
detail (run detail), and the invocation argv (invocation list). Each
row carries a hidden ``#payload-src-<pk>`` container with its rendered
markup and an icon trigger. On ``show.bs.modal`` the ``payload_modal.js``
handler reads the trigger's ``data-payload-source`` /
``data-payload-title`` and clones the source markup into the body — so
the page holds one modal, not one per row, while keeping each row's full
rendering. Every trigger sets ``data-payload-title``; the "Payload"
heading is only the fallback.

Mounted once per page, after the table (outside ``.table-responsive``
so the responsive overflow never clips it).
{% endcomment %}
<div class="modal fade"
     id="payload-modal"
     tabindex="-1"
     aria-labelledby="payload-modal-label"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="payload-modal-label">
                    {% translate "Payload" %}
                </h5>
                <button type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                        aria-label="{% translate 'Close' %}"></button>
            </div>
            <div class="modal-body" id="payload-modal-body"></div>
        </div>
    </div>
</div>