{% extends 'admin/base.html.twig' %}

{% block title %}Factures d'abonnement{% endblock %}

{% block body %}
<div class="container-fluid px-4">
    <div class="row mb-4">
        <div class="col-12 d-flex justify-content-between align-items-center flex-wrap gap-2">
            <h1 class="h3 mb-0">Factures d'abonnement</h1>
            <a href="{{ path('admin_billing_stats') }}" class="btn btn-outline-secondary">
                <i class="fas fa-chart-line me-1"></i> Statistiques
            </a>
        </div>
    </div>

    {# Compteurs par statut #}
    <div class="row g-3 mb-4">
        {% set compteurs = [
            { cle: 'paid',     libelle: 'Payées',    valeur: stats.paid,     classe: 'success' },
            { cle: 'pending',  libelle: 'En attente', valeur: stats.pending,  classe: 'warning' },
            { cle: 'overdue',  libelle: 'En retard',  valeur: stats.overdue,  classe: 'danger'  },
            { cle: 'canceled', libelle: 'Annulées',   valeur: stats.canceled, classe: 'secondary' },
            { cle: 'refunded', libelle: 'Remboursées', valeur: stats.refunded, classe: 'info' }
        ] %}
        {% for compteur in compteurs %}
            <div class="col-6 col-md-4 col-xl-2">
                <div class="card h-100 border-{{ compteur.classe }}">
                    <div class="card-body py-3">
                        <div class="text-muted small">{{ compteur.libelle }}</div>
                        <div class="h3 mb-0 text-{{ compteur.classe }}">{{ compteur.valeur }}</div>
                    </div>
                </div>
            </div>
        {% endfor %}
        <div class="col-6 col-md-4 col-xl-2">
            <div class="card h-100 border-primary">
                <div class="card-body py-3">
                    <div class="text-muted small">Ce mois-ci</div>
                    <div class="h3 mb-0 text-primary">{{ monthRevenue|number_format(2, ',', ' ') }} €</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h2 class="h5 mb-0">Toutes les factures</h2>
                    <span class="text-muted small">{{ invoices|length }} facture(s)</span>
                </div>
                <div class="card-body">
                    {% if invoices is empty %}
                        {# État vide : dire pourquoi c'est vide, pas laisser un tableau nu. #}
                        <div class="text-center text-muted py-5">
                            <i class="fas fa-file-invoice fa-2x mb-3 d-block opacity-50"></i>
                            <p class="mb-1">Aucune facture émise pour l'instant.</p>
                            <p class="small mb-0">
                                Les factures apparaissent ici dès qu'un abonnement payant est facturé.
                            </p>
                        </div>
                    {% else %}
                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead>
                                    <tr>
                                        <th scope="col">Numéro</th>
                                        <th scope="col">Client</th>
                                        <th scope="col">Émise le</th>
                                        <th scope="col">Échéance</th>
                                        <th scope="col" class="text-end">Montant TTC</th>
                                        <th scope="col">Statut</th>
                                        <th scope="col" class="text-end">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                {% for invoice in invoices %}
                                    <tr>
                                        <td class="fw-semibold">{{ invoice.invoiceNumber }}</td>
                                        <td>{{ invoice.user ? invoice.user.email : '—' }}</td>
                                        <td>{{ invoice.issueDate ? invoice.issueDate|date('d/m/Y') : '—' }}</td>
                                        <td>{{ invoice.dueDate ? invoice.dueDate|date('d/m/Y') : '—' }}</td>
                                        <td class="text-end">{{ invoice.totalAmount|number_format(2, ',', ' ') }} {{ invoice.currency|default('EUR') == 'EUR' ? '€' : invoice.currency }}</td>
                                        <td>
                                            {% set etats = {
                                                'paid':     { classe: 'success',   libelle: 'Payée' },
                                                'pending':  { classe: 'warning',   libelle: 'En attente' },
                                                'overdue':  { classe: 'danger',    libelle: 'En retard' },
                                                'canceled': { classe: 'secondary', libelle: 'Annulée' },
                                                'refunded': { classe: 'info',      libelle: 'Remboursée' }
                                            } %}
                                            {% set etat = etats[invoice.status]|default({ classe: 'secondary', libelle: invoice.status }) %}
                                            <span class="badge bg-{{ etat.classe }}">{{ etat.libelle }}</span>
                                        </td>
                                        <td class="text-end text-nowrap">
                                            <a href="{{ path('admin_billing_invoice_view', {id: invoice.id}) }}"
                                               class="btn btn-sm btn-outline-primary"
                                               aria-label="Voir la facture {{ invoice.invoiceNumber }}">
                                                <i class="fas fa-eye"></i> Voir
                                            </a>
                                            <a href="{{ path('admin_invoice_pdf', {id: invoice.id}) }}"
                                               class="btn btn-sm btn-outline-secondary" target="_blank" rel="noopener"
                                               aria-label="Télécharger le PDF de la facture {{ invoice.invoiceNumber }}">
                                                <i class="fas fa-file-pdf"></i> PDF
                                            </a>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}