{# templates/admin/projet/tabs/_inventory.html.twig #}

{# 1. Calcul des statistiques en temps réel #}
{% set totalLots = projet.lots|length %}
{% set vendus = projet.lots|filter(l => (l.statut.value|default(l.statut)) in ['VENDU', 'LIVRE'])|length %}
{% set ratioVente = totalLots > 0 ? (vendus / totalLots * 100) : 0 %}

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h5 class="fw-bold mb-1">
            <i class="fas fa-boxes me-2 text-primary"></i>Unités et Inventaire
        </h5>
        <div class="d-flex align-items-center gap-3">
            <p class="text-muted small mb-0">Gestion des lots pour le projet <strong>{{ projet.nom }}</strong>.</p>
            <span class="badge bg-success-soft border">
                <i class="fas fa-chart-line me-1"></i> Ventes : {{ ratioVente|number_format(1) }}%
            </span>
        </div>
    </div>
    
    <div class="d-flex gap-2">
        <div class="dropdown">
            <button class="btn btn-outline-secondary btn-sm dropdown-toggle shadow-sm" type="button" data-bs-toggle="dropdown">
                <i class="fas fa-filter me-1"></i> Filtrer : <span id="currentFilter" class="fw-bold">Tous</span>
            </button>
            <ul class="dropdown-menu shadow border-0">
                <li><a class="dropdown-item filter-opt" href="#" data-status="ALL">Tous les lots</a></li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item filter-opt text-success" href="#" data-status="DISPONIBLE"><i class="fas fa-check-circle me-2"></i>Disponible</a></li>
                <li><a class="dropdown-item filter-opt text-warning" href="#" data-status="RESERVE"><i class="fas fa-clock me-2"></i>Réservé</a></li>
                <li><a class="dropdown-item filter-opt text-danger" href="#" data-status="VENDU"><i class="fas fa-hand-holding-usd me-2"></i>Vendu</a></li>
            </ul>
        </div>
        <button class="btn btn-primary btn-sm shadow-sm btn-ajax-modal" 
                data-url="{{ path('app_admin_lot_new', {'projet': projet.id}) }}">
            <i class="fas fa-plus me-1"></i> Nouveau Lot
        </button>
    </div>
</div>

<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="bg-light">
                <tr class="small text-uppercase fw-bold text-secondary">
                    <th class="ps-4">Désignation</th>
                    <th>Surface</th>
                    <th>Statut</th>
                    <th class="text-center">Prix Standard</th>
                    <th class="text-end pe-4">Actions</th>
                </tr>
            </thead>
            <tbody id="accordionLotsProjet">
                {% for lot in projet.lots %}
                    {% set statutValue = lot.statut.value|default(lot.statut) %}
                    
                    {# LIGNE PRINCIPALE (Désactivée du clic automatique) #}
                    <tr class="lot-item" data-status="{{ statutValue }}">
                        <td class="ps-4">
                            <div class="fw-bold text-dark">{{ lot.nomBien }}</div>
                            <div class="text-muted x-small">{{ lot.typeBien ? lot.typeBien.libelle : 'Type non défini' }}</div>
                        </td>
                        <td>
                            <span class="fw-bold text-dark">{{ lot.surfaceTerrain|number_format(0, ',', ' ') }}</span> 
                            <small class="text-muted">m²</small>
                        </td>
                        <td>
                            {% set badgeClass = {
                                'DISPONIBLE': 'bg-success-soft',
                                'VENDU': 'bg-danger-soft',
                                'RESERVE': 'bg-warning-soft'
                            } %}
                            <span class="badge rounded-pill border {{ badgeClass[statutValue]|default('bg-secondary-soft') }}">
                                <i class="fas fa-circle me-1 small"></i>{{ statutValue }}
                            </span>
                        </td>
                        <td class="fw-bold text-dark text-center">
                            {{ lot.prixStandard|number_format(0, '.', ' ') }} <small class="text-muted">FCFA</small>
                        </td>
                        <td class="text-end pe-4">
                            <div class="d-flex justify-content-end gap-2">
                                {# Nouveau Bouton Détails (Action de déroulement) #}
                                <button class="btn btn-sm btn-outline-info" 
                                        type="button"
                                        data-bs-toggle="collapse" 
                                        data-bs-target="#detailLot{{ lot.id }}" 
                                        title="Voir détails">
                                    <i class="fas fa-eye"></i>
                                </button>

                                {# Bouton Modifier #}
                                <button class="btn btn-sm btn-outline-primary btn-ajax-modal" 
                                        data-url="{{ path('shared_lot_edit_modal', {'id': lot.id}) }}"
                                        title="Modifier">
                                    <i class="fas fa-edit"></i>
                                </button>

                                {# Bouton Supprimer #}
                                <form method="post" action="{{ path('shared_lot_delete', {'id': lot.id}) }}" 
                                      onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce lot ?');" 
                                      class="d-inline">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ lot.id) }}">
                                    <button class="btn btn-sm btn-outline-danger" title="Supprimer">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>

                    {# LIGNE DE DÉTAIL (Collapse) #}
                    <tr class="collapse-row lot-item" data-status="{{ statutValue }}">
                        <td colspan="5" class="p-0 border-0">
                            <div class="collapse bg-light-subtle shadow-inner border-start border-4 border-info" 
                                 id="detailLot{{ lot.id }}" 
                                 data-bs-parent="#accordionLotsProjet">
                                <div class="p-4">
                                    {% include '_shared/lot/_lot_details.html.twig' with {'lot': lot} %}
                                </div>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="5" class="text-center py-5 text-muted">
                            <i class="fas fa-box-open fa-3x mb-3 opacity-25"></i>
                            <p class="mb-0">Aucun lot enregistré pour ce projet.</p>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>