{#
  Coffee House Confirm Modal — Reusable destructive action confirmation.

  Usage:
    {% with modal_id="delete-user", modal_title="Delete User?", modal_desc="This action cannot be undone.", modal_action_url="/admin/users/123/delete", modal_action_label="Delete", modal_danger=true %}
    {% include "components/confirm_modal.html" %}
    {% endwith %}

  Trigger with: onclick="document.getElementById('delete-user').showModal()"
#}
<dialog id="{{ modal_id | default('confirm-modal') }}" class="modal">
    <div class="modal-box">
        <h3 class="text-lg font-bold">{{ modal_title | default("Are you sure?") }}</h3>
        <p class="py-4 text-base-content/70">{{ modal_desc | default("This action cannot be undone.") }}</p>
        <div class="modal-action">
            <form method="dialog">
                <button class="btn btn-ghost">Cancel</button>
            </form>
            {% if modal_action_url is defined and modal_action_url %}
            <form method="POST" action="{{ modal_action_url }}">
                <input type="hidden" name="csrftoken" value="">
                <button type="submit" class="btn {% if modal_danger is defined and modal_danger %}btn-error{% else %}btn-primary{% endif %}">
                    {{ modal_action_label | default("Confirm") }}
                </button>
            </form>
            {% endif %}
        </div>
    </div>
    <form method="dialog" class="modal-backdrop"><button>close</button></form>
</dialog>