@extends('layouts.dashboard')

@section('title', 'Rapports financiers - Admin')
@section('page-title', 'Rapports financiers')
@section('page-subtitle', 'Synthèse paiements.')

@section('content')
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
    <x-stat-card 
        :value="number_format((float)($stats['payments_total'] ?? 0), 2) . ' €'" 
        label="Total" 
        icon="fa-solid fa-euro-sign" 
        color="royal"
    />
    <x-stat-card 
        :value="number_format((float)($stats['payments_completed'] ?? 0), 2) . ' €'" 
        label="Complétés" 
        icon="fa-solid fa-check-circle" 
        color="green"
    />
    <x-stat-card 
        :value="number_format((float)($stats['payments_pending'] ?? 0), 2) . ' €'" 
        label="En attente" 
        icon="fa-solid fa-clock" 
        color="orange"
    />
</div>
@endsection