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

{% block title %}Rapport Financier - {{ app.user.entreprise.raisonSociale }}{% endblock %}

{% set currency = app.user.entreprise.devise ? app.user.entreprise.devise.symbole : 'F.CFA' %}

{# --- CORRECTION : Récupération intelligente des données --- #}
{# On regarde d'abord si le formulaire a des données (soumission), sinon on prend la date du jour #}
{% set annee_filtree = filtreForm.vars.data.annee %}
{% set mois_filtre = filtreForm.vars.data.mois %}

{# Si les données sont vides (cas du GET initial), on force l'affichage de la date actuelle #}
{% if annee_filtree is empty %}{% set annee_filtree = "now"|date("Y") %}{% endif %}
{% if mois_filtre is empty %}{% set mois_filtre = "now"|date("n") %}{% endif %}

{# Récupération des IDs pour l'affichage dynamique #}
{% set immeuble_id = filtreForm.immeubleId.vars.value %}
{% set appartement_id = filtreForm.appartementId.vars.value %}


{% block body %}
<div class="container-fluid px-md-4">
   {# 1. ZONE DE CONTRÔLE (Hors Impression) #}
    <div class="no-print mb-4">
        {# --- EN-TÊTE HARMONISÉ --- #}
        <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">Rapports de Gestion</h3>
                <p class="text-muted small mb-0">Analyse financière et exports officiels.</p>
            </div>
            
            {% if rapport_genere %}
                <div class="d-flex gap-2">
                    <button onclick="window.print()" class="btn btn-outline-dark btn-filter-icon w-auto px-3">
                        <i class="fas fa-file-pdf me-2"></i> Imprimer / PDF
                    </button>
                    <a href="{{ path('app_entreprise_rapports_export_excel', app.request.query.all) }}" 
                       target="_blank" class="btn btn-success btn-filter-icon w-auto px-3">
                        <i class="fas fa-file-excel me-2"></i> Exporter Excel
                    </a>
                </div>
            {% endif %}
        </div>

        {# --- FILTRE COMPACT --- #}
        <div class="card shadow-sm p-3 mb-4 card-filter border-0">
            <div class="filter-section-compact">
                <h6 class="filter-title">Analyse personnalisée <small class="filter-subtitle">Sélectionnez la période et le périmètre</small></h6>
                
                {{ form_start(filtreForm, {'attr': {'class': 'row gx-1 gy-2 align-items-end'}}) }}
                    <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': 'Tous les lots'}}) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_widget(filtreForm.appartementId, {'attr': {'class': 'filter-field js-filter-appartement', 'placeholder': 'Tous les appartements'}}) }}
                    </div>
                    <div class="col-md-3">
                        <button type="submit" class="btn btn-success btn-filter-icon w-100">
                            <i class="fas fa-sync-alt me-2"></i> Générer le rapport
                        </button>
                    </div>
                {{ form_end(filtreForm) }}
            </div>
        </div>
    </div>
</div>
<div style="background-color: #fafafa;padding:15px 0">
    {# 2. LE RAPPORT (Cadre A4) #}
    {% if rapport_genere %}
        <div class="report-paper">
            {# Entête du Rapport #}
            <div class="report-header d-flex justify-content-between align-items-start">
                <div>
                    <h2 class="text-uppercase fw-bold mb-1 text-primary">{{ app.user.entreprise.raisonSociale }}</h2>
                    <p class="text-muted small mb-3">{{ app.user.entreprise.situationGeographique }}</p>
                    
                    <div class="bg-light p-2 border-start border-3 border-secondary" style="font-size: 0.85rem;">
                        <span class="d-block"><strong>Période :</strong> {{ mois_filtre ? mois_filtre|date_mois : 'Année complète' }} {{ annee_filtree }}</span>
                        {% if immeuble_id %}
                            {% for choice in filtreForm.immeubleId.vars.choices %}
                                {% if choice.value == immeuble_id %}
                                    <span class="d-block"><strong>Immeuble/Lot :</strong> {{ choice.label }}</span>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                        {% if appartement_id %}
                            {% for choice in filtreForm.appartementId.vars.choices %}
                                {% if choice.value == appartement_id %}
                                    <span class="d-block"><strong>Appartement :</strong> {{ choice.label }}</span>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </div>
                </div>
                <div class="text-end">
                    <div class="badge bg-dark mb-2 text-uppercase px-3 py-2">Document Officiel</div>
                    <h4 class="fw-bold mb-0">RAPPORT FINANCIER</h4>
                    <p class="text-muted small">Édité le {{ "now"|date("d/m/Y") }}</p>
                </div>
            </div>

            {# --- BLOC I : RECETTES (LOYERS) --- #}
            <h5 class="section-title border-success text-success">I. État des Recettes (Paiements)</h5>
            <table class="table table-bordered table-report mb-4">
                <thead>
                    <tr>
                        <th>Bien / Emplacement</th>
                        <th>Locataire</th>
                        <th class="text-end">Total Facturé (Dû)</th>
                        <th class="text-end">Montant Perçu</th>
                    </tr>
                </thead>
                <tbody>
                    {% set totalDuGlobal = 0 %}
                    {% set totalPayeGlobal = 0 %}
                    {% for paiement in paiements_table %}
                        {% set totalDuGlobal = totalDuGlobal + (paiement.totalDu|default(0)) %}
                        {% set totalPayeGlobal = totalPayeGlobal + (paiement.montantPaye|default(0)) %}
                        <tr>
                            <td>{{ paiement.immeuble_titre }} - {{ paiement.appartement_titre }}</td>
                            <td>{{ paiement.locataire_nom }}</td>
                            <td class="text-end">{{ (paiement.totalDu|default(0)) |format_money}}</td>
                            <td class="text-end fw-bold">{{ (paiement.montantPaye|default(0)) |format_money}}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="4" class="text-center">Aucun flux de loyer enregistré</td></tr>
                    {% endfor %}
                </tbody>
                <tfoot>
                    <tr class="total-row">
                        <td colspan="2" class="text-end">TOTAL RECETTES DE LA PÉRIODE</td>
                        <td class="text-end">{{ totalDuGlobal |format_money}}</td>
                        <td class="text-end text-success">{{ totalPayeGlobal |format_money}} </td>
                    </tr>
                </tfoot>
            </table>

            {# --- BLOC II : DÉPENSES (INTERVENTIONS) --- #}
            <h5 class="section-title border-danger text-danger">II. État des Dépenses (Interventions)</h5>
            <table class="table table-bordered table-report mb-4">
                <thead>
                    <tr>
                        <th style="width: 15%;">Date</th>
                        <th>Bien & Description</th>
                        <th class="text-end" style="width: 20%;">Cout de l'intervention</th>
                    </tr>
                </thead>
                <tbody>
                    {% set totalDepensesGlobal = 0 %}
                    {% for depense in depenses_table %}
                        {% set totalDepensesGlobal = totalDepensesGlobal + (depense.montant|default(0)) %}
                        <tr>
                            <td>{{ depense.dates | date('d/m/Y') }}</td>
                            <td>
                                <strong>{{ depense.immeuble_titre }}</strong> ({{ depense.appartement_titre }})<br>
                                <small class="text-muted">{{ depense.description }}</small>
                            </td>
                            <td class="text-end text-danger">{{ (depense.montant|default(0)) |format_money}}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="3" class="text-center text-muted">Aucune intervention ou charge sur cette période</td></tr>
                    {% endfor %}
                </tbody>
                <tfoot>
                    <tr class="total-row text-danger">
                        <td colspan="2" class="text-end text-uppercase">Total Dépenses</td>
                        <td class="text-end">{{ totalDepensesGlobal |format_money}} </td>
                    </tr>
                </tfoot>
            </table>

            {# --- BLOC III : SYNTHÈSE (TABLEAU DE BORD) --- #}
            <div class="mt-5 pt-3">
                <h5 class="section-title border-primary text-primary">III. Synthèse Financière (Résultat Net)</h5>
                <table class="table table-bordered summary-table shadow-sm">
                    <tr>
                        <td class="bg-light fw-bold">Total Loyers Dus</td>
                        <td class="text-end">{{ totalDuGlobal |format_money}} </td>
                    </tr>
                    <tr>
                        <td class="bg-light fw-bold">Total Recettes (Encaissements)</td>
                        <td class="text-end text-success fw-bold">{{ totalPayeGlobal |format_money}} </td>
                    </tr>
                    <tr>
                        <td class="bg-light small">Taux de Recouvrement</td>
                        <td class="text-end fw-bold">
                            {% if totalDuGlobal > 0 %}
                                {{ ((totalPayeGlobal / totalDuGlobal) * 100) | number_format(1) }} %
                            {% else %}
                                0.0 %
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <td class="bg-light fw-bold text-danger">Total Dépenses</td>
                        <td class="text-end text-danger">{{ totalDepensesGlobal |format_money}} </td>
                    </tr>
                    <tr class="table-dark">
                        <td class="text-uppercase fw-bold">Bénéfice Net (Cash-flow)</td>
                        <td class="text-end fw-bold fs-5">{{ (totalPayeGlobal - totalDepensesGlobal) |format_money}} </td>
                    </tr>
                </table>
            </div>

            {# Footer du document A4 #}
            <div class="text-center text-muted small border-top pt-3" style="position: absolute; bottom: 15mm; left: 20mm; right: 20mm;">
                Document généré via la plateforme {{ app.user.entreprise.raisonSociale }} le {{ "now"|date("d/m/Y à H:i") }}<br>
                <span class="text-uppercase fw-bold">Confidentiel</span>
            </div>
        </div>
    {% else %}
        <div class="alert alert-light border shadow-sm text-center py-5 no-print">
            <i class="fas fa-file-invoice fa-3x mb-3 text-muted"></i>
            <p class="mb-0">Aucun rapport affiché. Utilisez les filtres ci-dessus pour générer une analyse.</p>
        </div>
    {% endif %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        // Logique pour mettre à jour les appartements selon l'immeuble sélectionné
        document.querySelector('.js-filter-immeuble')?.addEventListener('change', function() {
            this.closest('form').submit(); // On recharge pour filtrer les appartements correspondants
        });
    </script>
{% endblock %}