{#
 # Modal de confirmation pour supprimer un utilisateur
 # Paramètres: user (objet), modal_id (string)
 #}

{% embed '_molecules/modal/modal.html.twig' with {
    id: modal_id,
    title: 'Supprimer le compte',
    variant: 'danger',
    size: 'md'
} %}
    {% block body %}
        <div data-controller="admin--user-delete"
             data-admin--user-delete-user-name-value="{{ user.fullName }}">

            <p class="text-gray-600 leading-relaxed">
                Êtes-vous sûr de vouloir <strong class="text-gray-900">supprimer définitivement</strong> le compte de &laquo; {{ user.fullName }} &raquo; ?
            </p>

            <ul class="mt-3 space-y-1.5 text-sm text-error bg-error/5 border border-error/15 rounded-lg p-4 list-disc list-inside">
                <li>Les données associées (settings, tokens, préférences) seront supprimées</li>
                <li>L'utilisateur ne pourra plus se connecter</li>
                <li>Cette action est irréversible</li>
            </ul>

            <div class="mt-5">
                <label class="block text-sm text-gray-700 mb-2 leading-relaxed" for="delete-user-confirmation-{{ user.uuid }}">
                    Pour confirmer, tapez : <strong class="text-error">{{ user.fullName }}</strong>
                </label>
                <input type="text"
                       id="delete-user-confirmation-{{ user.uuid }}"
                       class="w-full px-4 py-3 border-2 border-gray-200 rounded-lg text-base transition-all duration-fast focus:outline-none focus:border-primary focus:ring-2 focus:ring-primary/10"
                       placeholder="Tapez le nom complet de l'utilisateur"
                       autocomplete="off"
                       data-admin--user-delete-target="input"
                       data-action="input->admin--user-delete#validate">
            </div>

            <div class="flex items-center justify-between mt-5 pt-4 border-t border-gray-100">
                {% include '_atoms/button/button.html.twig' with {
                    label: 'Annuler',
                    variant: 'ghost',
                    size: 'lg',
                    attr: { onclick: "closeModal('" ~ modal_id ~ "')" }
                } only %}

                <form method="post" action="{{ path('admin_user_delete', {uuid: user.uuid}) }}" class="inline">
                    <input type="hidden" name="_token" value="{{ csrf_token('delete-user-' ~ user.uuid) }}">
                    {% include '_atoms/button/button.html.twig' with {
                        label: 'Supprimer',
                        variant: 'error',
                        icon: 'trash',
                        size: 'lg',
                        type: 'submit',
                        disabled: true,
                        attr: { 'data-admin--user-delete-target': 'submitBtn' }
                    } only %}
                </form>
            </div>
        </div>
    {% endblock %}
{% endembed %}