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

{% block title %}Statistiques de facturation{% endblock %}

{% block body %}
<div class="container-fluid px-4">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3 mb-0">Statistiques de facturation</h1>
        </div>
    </div>

    {# Revenus #}
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card bg-success text-white shadow">
                <div class="card-body">
                    <h5 class="card-title">MRR</h5>
                    <h2 class="mb-0">{{ mrr|number_format(2, ',', ' ') }} €</h2>
                    <small>Revenu récurrent mensuel</small>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card bg-primary text-white shadow">
                <div class="card-body">
                    <h5 class="card-title">Revenu du mois</h5>
                    <h2 class="mb-0">{{ monthRevenue|number_format(2, ',', ' ') }} €</h2>
                    <small>{{ "now"|date('F Y') }}</small>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card bg-info text-white shadow">
                <div class="card-body">
                    <h5 class="card-title">Revenu de l'année</h5>
                    <h2 class="mb-0">{{ yearRevenue|number_format(2, ',', ' ') }} €</h2>
                    <small>{{ "now"|date('Y') }}</small>
                </div>
            </div>
        </div>
    </div>

    {# Abonnements #}
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">Abonnements par statut</h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tbody>
                            <tr>
                                <td><i class="fas fa-circle text-info"></i> Essai gratuit</td>
                                <td class="text-end"><strong>{{ statsByStatus.trial }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-success"></i> Actifs</td>
                                <td class="text-end"><strong>{{ statsByStatus.active }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-warning"></i> Impayés</td>
                                <td class="text-end"><strong>{{ statsByStatus.past_due }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-danger"></i> Suspendus</td>
                                <td class="text-end"><strong>{{ statsByStatus.suspended }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-secondary"></i> Annulés</td>
                                <td class="text-end"><strong>{{ statsByStatus.canceled }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-dark"></i> Expirés</td>
                                <td class="text-end"><strong>{{ statsByStatus.expired }}</strong></td>
                            </tr>
                            <tr class="border-top">
                                <td><strong>TOTAL</strong></td>
                                <td class="text-end"><strong>{{ totalSubscriptions }}</strong></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card shadow-sm">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0">Factures par statut</h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tbody>
                            <tr>
                                <td><i class="fas fa-circle text-warning"></i> En attente</td>
                                <td class="text-end"><strong>{{ invoiceStats.pending }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-success"></i> Payées</td>
                                <td class="text-end"><strong>{{ invoiceStats.paid }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-danger"></i> En retard</td>
                                <td class="text-end"><strong>{{ invoiceStats.overdue }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-secondary"></i> Annulées</td>
                                <td class="text-end"><strong>{{ invoiceStats.canceled }}</strong></td>
                            </tr>
                            <tr>
                                <td><i class="fas fa-circle text-info"></i> Remboursées</td>
                                <td class="text-end"><strong>{{ invoiceStats.refunded }}</strong></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {# Actions rapides #}
    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm">
                <div class="card-header">
                    <h5 class="mb-0">Actions rapides</h5>
                </div>
                <div class="card-body">
                    <a href="{{ path('admin_billing_subscriptions') }}" class="btn btn-primary me-2">
                        <i class="fas fa-list"></i> Voir tous les abonnements
                    </a>
                    <a href="{{ path('admin_billing_invoices') }}" class="btn btn-success me-2">
                        <i class="fas fa-file-invoice"></i> Voir toutes les factures
                    </a>
                    <a href="{{ path('admin_billing_plans') }}" class="btn btn-info">
                        <i class="fas fa-layer-group"></i> Gérer les plans
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}