{# templates/admin/projet/_kpis_show.html.twig #}

{# Initialisation des variables avec la nouvelle syntaxe de filtrage Twig #}
{% set totalLots = projet.lots|length %}
{% set vendusLots = projet.lots|filter(l => l.statut.value in ['VENDU', 'LIVRE']) %}
{% set vendusCount = vendusLots|length %}
{% set reservesCount = projet.lots|filter(l => l.statut.value == 'RESERVE')|length %}
{% set dispoCount = projet.lots|filter(l => l.statut.value == 'DISPONIBLE')|length %}

{% set ratioVente = totalLots > 0 ? (vendusCount / totalLots * 100) : 0 %}

<div class="row g-3 mb-4">
    {# KPI : Ratio de Vente #}
    <div class="col-md-3">
        <div class="card border-0 shadow-sm p-3 h-100">
            <div class="d-flex align-items-center justify-content-between mb-2">
                <div class="small text-muted fw-bold text-uppercase">Taux de Vente</div>
                <div class="badge bg-success-subtle text-success border border-success-subtle">
                    {{ ratioVente|number_format(1) }}%
                </div>
            </div>
            <h3 class="fw-bold mb-2">{{ vendusCount }} <small class="text-muted fs-6">/ {{ totalLots }} lots</small></h3>
            <div class="progress shadow-sm" style="height: 6px; border-radius: 10px;">
                <div class="progress-bar bg-success" role="progressbar" 
                     style="width: {{ ratioVente }}%" 
                     aria-valuenow="{{ ratioVente }}" aria-valuemin="0" aria-valuemax="100">
                </div>
            </div>
        </div>
    </div>

    {# KPI : Disponibles #}
    <div class="col-md-3">
        <div class="card border-0 shadow-sm p-3 h-100">
            <div class="small text-muted fw-bold text-uppercase mb-2">Unités Disponibles</div>
            <div class="d-flex align-items-baseline">
                <h3 class="fw-bold text-primary mb-0 me-2">{{ dispoCount }}</h3>
                <span class="text-muted small">unités</span>
            </div>
            <div class="mt-2">
                <small class="text-muted"><i class="fas fa-tag me-1"></i>Prêt à la vente</small>
            </div>
        </div>
    </div>

    {# KPI : Réservations #}
    <div class="col-md-3">
        <div class="card border-0 shadow-sm p-3 h-100">
            <div class="small text-muted fw-bold text-uppercase mb-2">En Réservation</div>
            <div class="d-flex align-items-baseline">
                <h3 class="fw-bold text-warning mb-0 me-2">{{ reservesCount }}</h3>
                <span class="text-muted small">options</span>
            </div>
            <div class="mt-2">
                <small class="text-muted"><i class="fas fa-clock me-1"></i>En attente de contrat</small>
            </div>
        </div>
    </div>

    {# KPI : Chiffre d'Affaire #}
    <div class="col-md-3">
        <div class="card border-0 shadow-sm p-3 h-100">
            <div class="small text-muted fw-bold text-uppercase mb-2">Chiffre d'Affaire</div>
            
            {# Calcul du CA total via la collection déjà filtrée plus haut #}
            {% set caTotal = 0 %}
            {% for lot in vendusLots %}
                {% set caTotal = caTotal + (lot.prixStandard|default(0)) %}
            {% endfor %}
            
            <h3 class="fw-bold text-dark mb-0">{{ caTotal|number_format(0, '.', ' ') }}</h3>
            <div class="text-primary fw-semibold small">FCFA</div>
            <div class="mt-1">
                <small class="text-muted">Lots vendus uniquement</small>
            </div>
        </div>
    </div>
</div>