@extends('admin.layout')
@section('titre', 'Tableau de bord')
@section('contenu')
    <h1 class="admin-titre">Tableau de bord</h1>
    <div class="row g-4 mb-4">
        @foreach ($produits as $p)
            <div class="col-lg-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <h2 class="h5 mb-3">{{ $p['produit']->libelle() }}</h2>
                        <dl class="admin-stats">
                            <div><dt>Adhésions actives</dt><dd>{{ $p['actives'] }}</dd></div>
                            <div><dt>Nouvelles ce mois</dt><dd>{{ $p['mois'] }}</dd></div>
                            <div><dt>Impayées (30 jours)</dt><dd>{{ $p['impayees'] }}</dd></div>
                            <div><dt>À renouveler {{ now()->year }}</dt><dd>{{ $p['renouvellements'] }}</dd></div>
                        </dl>
                    </div>
                    <div class="card-footer bg-white d-flex gap-2 flex-wrap">
                        <a href="{{ route('admin.portefeuille', $p['produit']->cle()) }}" class="btn btn-sm btn-primary">Portefeuille</a>
                        <a href="{{ route('admin.portefeuille', [$p['produit']->cle(), 'vue' => 'renouvellement']) }}" class="btn btn-sm btn-outline-secondary">Renouvellements</a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    <div class="card shadow-sm">
        <div class="card-header bg-white d-flex justify-content-between align-items-center">
            <h2 class="h6 mb-0">Derniers paiements en ligne</h2>
            <a href="{{ route('admin.paiements') }}" class="btn btn-sm btn-outline-secondary">Tout voir</a>
        </div>
        @include('admin._paiements', ['paiements' => $paiements])
    </div>
@endsection