{% extends 'entreprise/entreprise_base.html.twig' %}

{% block title %}Choisir un forfait | Nos Offres{% endblock %}



{% block body %}
<div class="container py-5">
    {# --- HEADER --- #}
    <div class="text-center mb-5 mt-3">
        {% include 'flash_messages.html.twig' %}
        <h6 class="text-primary fw-bold text-uppercase mb-2" style="letter-spacing: 2px;">Abonnements</h6>
        <h1 class="fw-black text-dark display-5 mb-3">Passez à la vitesse supérieure</h1>
        <p class="text-muted fs-5 mx-auto" style="max-width: 650px;">
            Tarifs mensuels pour un engagement d'un an.
        </p>
    </div>

    {# --- GRILLE DES PLANS --- #}
    <div class="row g-4 justify-content-center">
        {% for plan in plans %}
            {% set isFreePlan = (plan.id == 1 or plan.prix <= 0) %}
            {% set isDisabled = (isFreePlan and aDejaUtiliseGratuit) %}
            
            {# Détection du plan actuel de l'entreprise #}
            {% set currentAbo = app.user.entreprise.abonnementActuel %}
            {% set isCurrentPlan = (currentAbo and currentAbo.abonnement.id == plan.id) %}

            <div class="col-lg-4 col-md-6 d-flex">
                <div class="card pricing-card shadow-sm p-4 text-center {{ isDisabled ? 'plan-disabled' : '' }} {{ isCurrentPlan ? 'plan-active' : '' }} w-100">
                    
                    {% if isCurrentPlan %}
                        <div class="plan-badge plan-badge-active shadow-sm">Actuel</div>
                    {% elseif plan.id == 2 and not isDisabled %}
                        <div class="plan-badge shadow-sm">Populaire</div>
                    {% endif %}

                    {% if isDisabled %}
                        <div class="disabled-overlay">
                            <span class="used-badge"><i class="fas fa-lock me-2"></i>DÉJÀ UTILISÉ</span>
                        </div>
                    {% endif %}

                    <div class="icon-box {{ isCurrentPlan ? 'bg-primary text-white' : '' }}">
                        <i class="{{ plan.icone|default(isFreePlan ? 'fas fa-seedling' : 'fas fa-rocket') }} fa-2x"></i>
                    </div>

                    <h3 class="fw-bold mb-1">{{ plan.titre }}</h3>
                    <p class="text-muted small mb-4" style="height: 40px;">{{ plan.description }}</p>

                    <div class="mb-4 py-3 {{ isCurrentPlan ? 'bg-primary-soft' : 'bg-light' }} rounded-4">
                        <div class="price-tag mb-1">
                            {{ plan.prix|number_format(0, '.', ' ') }}
                            <span class="currency">FCFA <small class="text-muted fw-normal">/mois</small></span>
                        </div>
                        <div class="text-primary small fw-bold text-uppercase">
                            Engagement 12 mois
                        </div>
                    </div>

                    <ul class="feature-list mb-5 flex-grow-1">
                        <li>
                            <i class="fas fa-building text-success-custom"></i> 
                            <span>Lots / Immeubles : <strong>{{ plan.limiteImmeuble == -1 ? 'Illimité' : plan.limiteImmeuble }}</strong></span>
                        </li>
                        <li>
                            <i class="fas fa-door-open text-success-custom"></i> 
                            <span>Appartements : <strong>{{ plan.limiteAppartement == -1 ? 'Illimité' : plan.limiteAppartement }}</strong></span>
                        </li>
                        <li>
                            <i class="fas fa-users text-success-custom"></i> 
                            <span>Locataires : <strong>{{ plan.limiteLocataire == -1 ? 'Illimité' : plan.limiteLocataire }}</strong></span>
                        </li>

                        <li><i class="fas fa-file-invoice text-success-custom"></i> <span>Facturation automatique</span></li>
                        <li><i class="fas fa-print text-success-custom"></i> <span>Impression quittances</span></li>
                        <li><i class="fas fa-file-export text-success-custom"></i> <span>Export PDF/Excel</span></li>

                        <li>
                            <i class="fas fa-user-friends {{ plan.isMultiUser ? 'text-success-custom' : 'text-muted' }}"></i> 
                            <span>{{ plan.isMultiUser ? 'Accès Multi-utilisateurs' : 'Utilisateur unique' }}</span>
                        </li>
                        <li>
                            <i class="fas fa-chart-bar {{ plan.isHasStatistics ? 'text-success-custom' : 'text-muted' }}"></i> 
                            <span class="{{ plan.isHasStatistics ? '' : 'text-decoration-line-through text-muted' }}">Statistiques & Tableaux</span>
                        </li>
                        <li>
                            <i class="fas fa-headset {{ plan.isHasPrioritySupport ? 'text-success-custom' : 'text-muted' }}"></i> 
                            <span>Support {{ plan.isHasPrioritySupport ? 'Prioritaire 24/7' : 'par Email' }}</span>
                        </li>
                    </ul>

                    <div class="mt-auto">
                        {% if isDisabled %}
                            <button class="btn btn-dark btn-lg w-100 fw-bold py-3" style="border-radius: 16px; opacity: 0.5;" disabled>
                                Offre expirée
                            </button>
                        {% elseif isCurrentPlan %}
                            {# BOUTON RENOUVELLEMENT POUR LE PLAN ACTIF #}
                            <a href="{{ path('app_entreprise_abonnement_checkout', {id: plan.id, mode: 'RENOUVELLEMENT'}) }}" 
                               class="btn btn-success btn-lg w-100 fw-bold py-3 shadow" 
                               style="border-radius: 16px;">
                                <i class="fas fa-sync-alt me-2"></i> Renouveler l'offre
                            </a>
                            <div class="mt-2 small text-muted">
                                Expire le <strong>{{ currentAbo.dateFin|date('d/m/Y') }}</strong>
                            </div>
                        {% else %}
                            {# BOUTON SOUSCRIRE OU CHANGER #}
                            <a href="{{ path('app_entreprise_abonnement_checkout', {id: plan.id}) }}" 
                               class="btn {{ plan.id == 2 ? 'btn-primary' : 'btn-outline-primary' }} btn-lg w-100 fw-bold py-3 shadow-sm" 
                               style="border-radius: 16px;">
                                {{ isFreePlan ? 'Commencer' : (currentAbo ? 'Passer à ce forfait' : 'Souscrire') }}
                            </a>
                        {% endif %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>
{% endblock %}