{# templates/entreprise/intervention/index.html.twig #}
{% extends 'entreprise/entreprise_base.html.twig' %}

{% block title %}Gestion des Interventions | {{ entreprise.raisonSociale|default('Gestion') }}{% endblock %}

{% set currency = app.user.entreprise.devise ? app.user.entreprise.devise.symbole : 'F.CFA' %}
{% set annee_filtree = filtreForm.annee.vars.data %}
{% set mois_filtre = filtreForm.mois.vars.data %}

{% block body %}
    {% set isExpired = (abonnementActuel is null or not abonnementActuel.isActive()) %}
    {% set canModify = (not isExpired) %}

    <div class="container-fluid py-4 px-md-4">
        {# --- EN-TÊTE --- #}
        <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-3">
            <div>
                <h3 class="page-header page-header-top mb-1">Interventions & Réparations</h3>
                <p class="text-muted small mb-0">Suivi technique de vos <strong>Lots</strong> et <strong>Appartements</strong>.</p>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ canModify ? path('app_entreprise_intervention_new') : '#' }}"
                   class="btn btn-success shadow-sm btn-filter-icon w-auto px-3 {{ not canModify ? 'disabled opacity-50' : '' }}">
                    <i class="fas {{ not canModify ? 'fa-lock' : 'fa-plus' }} me-2"></i> Nouvelle Intervention
                </a>
            </div>
        </div>

        {% include 'flash_messages.html.twig' %}

        {# --- BLOC FILTRE & STATS HARMONISÉ --- #}
        <div class="card shadow-sm p-3 mb-4 card-filter">
            
            {# Section Filtre #}
            <div class="filter-section-compact">
                <h6 class="filter-title">Filtrer <small class="filter-subtitle">Affiner par période ou localisation</small></h6>
                
                {{ form_start(filtreForm, {'attr': {'class': 'row gx-1 gy-2 align-items-end', 'method': 'GET'}}) }}
                    <div class="col-md-1">
                        {{ form_widget(filtreForm.annee, {'attr': {'class': 'filter-field field-annee'}}) }}
                    </div>
                    <div class="col-md-2">
                        {{ form_widget(filtreForm.mois, {'attr': {'class': 'filter-field field-mois'}}) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_widget(filtreForm.immeubleId, {'attr': {'class': 'filter-field js-filter-immeuble', 'placeholder': 'Lot'}}) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_widget(filtreForm.appartementId, {'attr': {'class': 'filter-field js-filter-appartement', 'placeholder': 'Appartement'}}) }}
                    </div>
                    <div class="col-md-3">
                        <div class="d-flex gap-1">
                            <button type="submit" class="btn btn-success btn-filter-icon flex-grow-1" title="Filtrer">
                                <i class="fas fa-search me-2"></i> Rechercher
                            </button>
                            <a href="{{ path('app_entreprise_intervention_index') }}" class="btn btn-outline-danger btn-filter-icon" title="Réinitialiser">
                                <i class="fas fa-undo-alt"></i>
                            </a>
                        </div>
                    </div>
                {{ form_end(filtreForm) }}
            </div>

            {# Séparateur #}
            <div style="border-top: 1px solid #cbd5e1; margin: 15px -16px 15px -16px;"></div>

            {# Section Stats #}
            {% if interventions|length > 0 %}
                <div class="stats-container">
                    <div class="row g-0">
                        <div class="col-md-6 stat-box">
                            <div class="d-flex align-items-center">
                                <div class="stat-icon-mini bg-primary-soft me-3"><i class="fas fa-tools"></i></div>
                                <div>
                                    <span class="stat-label">Nombre d'interventions</span>
                                    <div class="stat-number">{{ stats.nombreInterventions }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 stat-box">
                            <div class="d-flex align-items-center">
                                <div class="stat-icon-mini bg-warning-soft me-3"><i class="fas fa-wallet"></i></div>
                                <div>
                                    <span class="stat-label">Coût Total Cumulé</span>
                                    <div class="stat-number text-warning">
                                        {{ stats.totalCout | number_format(0, '.', ' ') }} 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>

        {# --- TABLEAU (Inchangé mais on s'assure de la cohérence) --- #}
        <div class="card shadow-sm card-table-container">
            <div class="table-responsive">
                <table class="table table-custom table-hover align-middle mb-0">
                    <thead class="bg-light">
                        <tr class="text-muted small">
                            <th class="ps-4">DATE</th>
                            <th>LOCALISATION</th>
                            <th>TYPE</th>
                            <th>DESCRIPTION</th>
                            <th class="text-end">COÛT</th>
                            <th class="text-center pe-4">ACTIONS</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for intervention in interventions %}
                            <tr>
                                <td class="ps-4 fw-bold">{{ intervention.dates ? intervention.dates|date('d/m/Y') : 'N/A' }}</td>
                                <td>
                                    <div class="fw-bold small">{{ intervention.appartement.immeuble.titre }}</div>
                                    <div class="extra-small text-muted">{{ intervention.appartement.titre }}</div>
                                </td>
                                <td>
                                    <span class="badge bg-light text-dark border px-2 py-1" style="font-size: 10px;">
                                        {{ intervention.typeName }}
                                    </span>
                                </td>
                                <td class="small text-muted">{{ intervention.description|slice(0, 40) }}...</td>
                                <td class="text-end fw-bold">{{ intervention.montant |format_money }}</td>
                                <td class="text-center pe-4">
                                    <div class="btn-group">
                                                <button class="btn btn-sm btn-light border dropdown-toggle shadow-sm" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                    <i class="fas fa-ellipsis-h text-muted"></i>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-end shadow border-0">
                                                    <li>
                                                        <a class="dropdown-item" href="{{ path('app_entreprise_intervention_show', {'id': intervention.id}) }}">
                                                            <i class="fas fa-eye me-2 text-primary"></i> Détails
                                                        </a>
                                                    </li>
                                                    {% if is_granted('ROLE_ENTREPRISE_COLLAB') %}
                                                        <li><hr class="dropdown-divider"></li>
                                                        <li>
                                                            <a class="dropdown-item {{ not canModify ? 'disabled opacity-50' : '' }}" 
                                                               href="{{ canModify ? path('app_entreprise_intervention_edit', {'id': intervention.id}) : '#' }}">
                                                                <i class="fas fa-pencil-alt me-2 text-warning"></i> Modifier
                                                            </a>
                                                        </li>
                                                    {% endif %}
                                                </ul>
                                            </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}