{# ======================================================
   MODAL — Gestion du blocage client
   ====================================================== #}

<div class="modal fade" id="modalClientBlock" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-md modal-dialog-centered" role="document">
        <div class="modal-content">

            <div class="modal-header bg-light">
                <h5 class="modal-title">
                    <i class="fa fa-lock me-2"></i>
                    Gestion du blocage client
                </h5>
                <button type="button" class="bs-close" data-bs-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>

            <div class="modal-body">

                {#  SECTION — État du client (lecture seule) #}

                <div class="p-3 mb-3 rounded
                    {{ user.isBlocked ? 'bg-danger text-white' : 'bg-success text-white' }}">
                    <div class="d-flex align-items-center">
                        <i class="fa {{ user.isBlocked ? 'fa-ban' : 'fa-check-circle' }} fa-2x me-3"></i>
                        <div>
                            <div class="fw-bold">
                                {{ user.isBlocked ? 'Client bloqué' : 'Client actif' }}
                            </div>
                            <div class="small">
                                {{ user.isBlocked
                                    ? 'Ce client est actuellement bloqué manuellement'
                                    : 'Aucun blocage manuel appliqué à ce client'
                                }}
                            </div>
                        </div>
                    </div>
                </div>

                {# --- Détails du blocage (si existant) --- #}
                {% if user.isBlocked %}
                    <div class="border rounded p-3 mb-4 bg-light mt-4">
                        <div class="mb-2">
                            <div class="small text-muted">Date de blocage</div>
                            <div class="fw-bold">
                                {{ user.blockedAt ? user.blockedAt|date('d/m/Y H:i') : '-' }}
                            </div>
                        </div>

                        <div>
                            <div class="small text-muted">Motif du blocage</div>
                            <div class="fw-bold">
                                {{ user.blockReason|default('-') }}
                            </div>
                        </div>
                    </div>
                {% endif %}

                {# SECTION — Action (formulaire) #}

                <div class="border-top pt-3 mt-4">

                    {# Section Action — Blocage manuel #}

                    <div class="mb-3 fw-bold text-secondary d-flex align-items-center">
                        <i class="fa fa-edit me-2"></i>
                        Action de blocage
                    </div>

                    {{ form_start(blockForm, {
                        action: path('admin_client_block', { id: user.id }),
                        method: 'POST'
                    }) }}

                        {# --- Checkbox blocage --- #}
                        <div class="mb-3 form-check">
                            {{ form_widget(blockForm.isBlocked, {
                                attr: { class: 'form-check-input' }
                            }) }}
                            <label class="form-check-label fw-bold"
                                for="{{ blockForm.isBlocked.vars.id }}">
                                Si activé, l’utilisateur est bloqué
                            </label>
                        </div>

                        {# --- Motif du blocage --- #}
                        <div class="mb-3">
                            <label class="fw-bold">
                                Motif du blocage
                            </label>
                            {{ form_widget(blockForm.blockReason, {
                                attr: {
                                    class: 'form-control form-control-sm',
                                    rows: 3,
                                    placeholder: 'Exemple : retards répétés, litige, non-respect des conditions…'
                                }
                            }) }}
                        </div>

                        {# --- Bouton action --- #}
                        <div class="d-flex justify-content-end mt-4">
                            <button type="submit"
                                    class="btn {{ user.isBlocked ? 'btn-success' : 'btn-danger' }} btn-sm">
                                <i class="fa fa-save me-1"></i>
                                {{ user.isBlocked ? 'Débloquer le client' : 'Bloquer le client' }}
                            </button>
                        </div>

                    {{ form_end(blockForm) }}

                </div>


            </div>


        </div>
    </div>
</div>