{% from "components.html" import closer, scrim with context %}
{% set back = "/policies/" ~ policy.id %}
{% set label = policy.get("name") or policy.id %}
{% set named = policy.profiles | length %}
{{ scrim(back, get=back) }}
<section class="panel panel--dialog panel--delete"
         role="dialog"
         aria-label="Delete {{ label }}">
    <header class="panel__header">
        <div class="panel__title">
            <h2 class="panel__name">
                {% if refusal %}
                    {{ label }} cannot be deleted
                {% else %}
                    Delete {{ label }}?
                {% endif %}
            </h2>
            {{ closer(back, get=back) }}
        </div>
        <p class="panel__facts">
            {{ policy.kind }} policy {{ label }} · {{ named }} {{ "profile" if named == 1 else "profiles" }} · {{ policy.runs_total }} {{ "run" if policy.runs_total == 1 else "runs" }}
        </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 }}</p>
            {% else %}
                <p class="confirm__question">
                    The policy leaves the list and cannot be picked for a profile or a Run. No profile names it and no run took it, so nothing else changes.
                </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>