{% from "components.html" import chip, closer, scrim with context %}
{{ scrim(confirm.back, get=confirm.back) }}
<section class="panel panel--confirm"
         role="dialog"
         aria-label="{{ confirm.title }}">
    <header class="panel__header">
        <div class="panel__title">
            <h2 class="panel__name">{{ confirm.title }}</h2>
            {{ chip(confirm.subject, mono=true) }}
            {{ closer(confirm.back, get=confirm.back) }}
        </div>
    </header>
    <form class="dialog"
          method="post"
          action="{{ confirm.action }}"
          hx-post="{{ confirm.action }}"
          hx-target="#overlay">
        {% if confirm.key %}<input type="hidden" name="key" value="{{ confirm.key }}">{% endif %}
        {% for name, value in confirm.fields %}<input type="hidden" name="{{ name }}" value="{{ value }}">{% endfor %}
        <div class="dialog__body">
            <p class="confirm__question">{{ confirm.question }}</p>
            {% if confirm.note %}<p class="confirm__note">{{ confirm.note }}</p>{% endif %}
            {% if confirm.lead %}<p class="confirm__note">{{ confirm.lead }}</p>{% endif %}
            {% if confirm.facts %}
                {% with title="New run", facts=confirm.facts, link=none %}
                    {% include "partials/run_facts_card.html" %}
                {% endwith %}
            {% endif %}
        </div>
        <div class="dialog__footer">
            <span class="table__secondary">{{ confirm.footer }}</span>
            <div class="dialog__actions">
                {{ closer(confirm.back, get=confirm.back, label="No", klass="button button--secondary") }}
                <button class="button{{ " button--danger" if confirm.danger }}"
                        type="submit">{{ confirm.button }}</button>
            </div>
        </div>
    </form>
</section>