{% from "components.html" import closer, scrim with context %}
{% set back = "/secrets/" ~ secret.name %}
{{ scrim(back, get=back) }}
<section class="panel panel--dialog panel--delete"
         role="dialog"
         aria-label="Delete {{ secret.name }}">
    <header class="panel__header">
        <div class="panel__title">
            <h2 class="panel__name">
                {% if refusal %}
                    {{ secret.name }} cannot be deleted
                {% else %}
                    Delete {{ secret.name }}?
                {% endif %}
            </h2>
            {{ closer(back, get=back) }}
        </div>
        <p class="panel__facts">{{ secret.subject }}</p>
    </header>
    <form class="dialog"
          method="post"
          action="{{ back }}/delete"
          hx-post="{{ back }}/delete"
          hx-target="#overlay">
        <div class="dialog__body">
            {% if refusal %}
                <p class="dialog__error">{{ refusal }}. Drop it from them and let the Runs finish first.</p>
            {% else %}
                <p class="confirm__question">{{ delete_note }}</p>
            {% endif %}
        </div>
        <footer class="dialog__footer dialog__footer--end">
            <div class="dialog__actions">
                {% if refusal %}
                    {{ closer(back, get=back, label="OK", klass="button") }}
                {% else %}
                    {{ closer(back, get=back, label="No", klass="button button--outline") }}
                    <button class="button button--danger" type="submit">Yes</button>
                {% endif %}
            </div>
        </footer>
    </form>
</section>