{#- chirp-ui: Confirm dialog component
    Modal for destructive actions or confirmations.

    Usage:
        from "chirpui/confirm.html" import confirm_dialog, confirm_trigger

        confirm_trigger("del-dlg", label="Delete")

        call confirm_dialog("del-dlg", title="Delete item?", message="This cannot be undone.",
                           confirm_label="Delete", cancel_label="Cancel", variant="danger",
                           confirm_url="/items/1/delete", confirm_method="POST")
        end

    When confirm_url is provided, confirm submits the form (htmx or native).
    Cancel closes the dialog via form method="dialog".
-#}

{% def confirm_dialog(id, title, message=none, confirm_label="Confirm", cancel_label="Cancel",
                     variant="default", confirm_url=none, confirm_method="POST",
                     hx_target=none, hx_swap="innerHTML", hx_select=none, hx_push_url=none, cls="") %}
{% set variant = variant | validate_variant(("default","danger"), "default") %}
{% set hx_disinherit = "hx-select hx-target hx-swap" if hx_target else none %}
<dialog id="{{ id }}" class="chirpui-confirm chirpui-modal chirpui-modal--small{{ " chirpui-confirm--" ~ variant if variant else "" }}{{ " " ~ cls if cls else "" }}"
        closedby="any">
    <header class="chirpui-modal__header">
        {% if variant == "danger" %}
        <h2 class="chirpui-modal__title"><span class="chirpui-confirm__icon" aria-hidden="true">&#x26A0;</span> {{ title }}</h2>
        {% else %}
        <h2 class="chirpui-modal__title">{{ title }}</h2>
        {% end %}
        <div class="chirpui-modal__header-actions">{% slot header_actions %}</div>
        <form method="dialog">
            <button class="chirpui-modal__close" aria-label="Close">&times;</button>
        </form>
    </header>
    <div class="chirpui-modal__body">
        {% if message %}
        <p class="chirpui-confirm__message">{{ message }}</p>
        {% else %}
        <div class="chirpui-confirm__message">{% slot message %}</div>
        {% end %}
        <footer class="chirpui-confirm__footer">
            <form method="dialog">
                <button type="submit" class="chirpui-btn">{{ cancel_label }}</button>
            </form>
            {% if confirm_url %}
            <form method="{{ confirm_method }}" action="{{ confirm_url }}"
                  {% if hx_target %}{% if confirm_method == "DELETE" %}hx-delete="{{ confirm_url }}"{% else %}hx-post="{{ confirm_url }}"{% end %} hx-disinherit="{{ hx_disinherit }}" hx-target="{{ hx_target }}" hx-swap="{{ hx_swap }}"{% if hx_select %} hx-select="{{ hx_select }}"{% end %}{% if hx_push_url %} hx-push-url="{{ hx_push_url }}"{% end %}{% end %}>
                {% slot form_content %}
                <button type="submit" class="chirpui-btn chirpui-btn--{{ variant if variant == "danger" else "primary" }}">{{ confirm_label }}</button>
            </form>
            {% else %}
            <form method="dialog">
                <button type="submit" class="chirpui-btn chirpui-btn--{{ variant if variant == "danger" else "primary" }}">{{ confirm_label }}</button>
            </form>
            {% end %}
        </footer>
    </div>
</dialog>
{% end %}

{% def confirm_trigger(target, label="Confirm", cls="") %}
<button class="chirpui-modal-trigger chirpui-confirm-trigger{{ " " ~ cls if cls else "" }}"
        type="button"
        x-data
        @click="document.getElementById('{{ target }}')?.showModal()">
    {{ label }}
</button>
{% end %}