{#
 # Modal de dissociation partagé — une seule instance pour tous les utilisateurs.
 # Le contenu (nom, URL) est injecté dynamiquement via openDissociateModal() en JS.
 #}

{% embed '_molecules/modal/modal.html.twig' with {
    id: 'modal-dissociate-user',
    title: 'Dissocier l\'utilisateur',
    subtitle: '',
    variant: 'warning',
    size: 'md'
} %}
    {% block body %}
        <p class="text-gray-600 mb-4">
            Vous allez dissocier <strong class="text-gray-900" id="dissociate-user-name">–</strong>
            de l'entreprise <strong class="text-gray-900">{{ company.name }}</strong>.
        </p>
        <div class="bg-warning/10 border border-warning/20 rounded-xl p-4">
            <p class="text-sm text-warning-dark font-medium mb-2">Cette action va :</p>
            <ul class="text-sm text-gray-600 space-y-1 list-disc list-inside">
                <li>Retirer l'utilisateur de cette entreprise</li>
                <li>Réactiver ou remettre son abonnement individuel</li>
                <li>Remettre son allocation mensuelle de tokens à zéro</li>
            </ul>
        </div>
    {% endblock %}

    {% block footer %}
        <div class="flex items-center justify-between w-full gap-3"
             data-controller="user-dissociate"
             data-user-dissociate-url-value=""
             data-user-dissociate-csrf-token-value="{{ csrf_token('user-association-' ~ company.uuid) }}"
             data-user-dissociate-modal-id-value="modal-dissociate-user">
            {% include '_atoms/button/button.html.twig' with {
                label: 'Annuler',
                variant: 'ghost',
                size: 'lg',
                attr: { onclick: "closeModal('modal-dissociate-user')" }
            } only %}
            {% include '_atoms/button/button.html.twig' with {
                label: 'Dissocier',
                variant: 'warning',
                size: 'lg',
                icon: 'x',
                attr: { 'data-action': 'click->user-dissociate#dissociate' }
            } only %}
        </div>
    {% endblock %}
{% endembed %}

<script>
function openDissociateModal(uuid, name, url) {
    document.getElementById('dissociate-user-name').textContent = name;
    const controller = document.querySelector('[data-controller="user-dissociate"]');
    if (controller) {
        controller.dataset.userDissociateUrlValue = url;
    }
    openModal('modal-dissociate-user');
}
</script>