{#
 # Modal de confirmation pour supprimer une entreprise
 # Paramètres: company (objet), modal_id (string)
 #}

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

            <p class="text-gray-600 leading-relaxed">
                Êtes-vous sûr de vouloir <strong class="text-gray-900">supprimer définitivement</strong> l'entreprise &laquo; {{ company.name }} &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 contrats seront désactivés</li>
                <li>Les utilisateurs seront dissociés</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-confirmation-{{ company.uuid }}">
                    Pour confirmer, tapez : <strong class="text-error">{{ company.name }}</strong>
                </label>
                <input type="text"
                       id="delete-confirmation-{{ company.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 de l'entreprise"
                       autocomplete="off"
                       data-admin--company-delete-target="input"
                       data-action="input->admin--company-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_company_delete', {uuid: company.uuid}) }}" class="inline">
                    <input type="hidden" name="_token" value="{{ csrf_token('delete-company-' ~ company.uuid) }}">
                    {% include '_atoms/button/button.html.twig' with {
                        label: 'Supprimer',
                        variant: 'error',
                        icon: 'trash',
                        size: 'lg',
                        type: 'submit',
                        disabled: true,
                        attr: { 'data-admin--company-delete-target': 'submitBtn' }
                    } only %}
                </form>
            </div>
        </div>
    {% endblock %}
{% endembed %}