@extends('layouts.app')
@section('title', 'Tableau de bord')
@section('immersive-account', '1')
@section('content')
<div class="member-shell">@include('account._sidebar')<main class="member-content">
    <header class="member-page-head"><div><h1>Bonjour {{ $user->firstname }} !</h1><p>Prêt à faire la différence aujourd’hui ? Voici un aperçu de votre impact et de vos actions en cours.</p></div><div class="member-head-actions"><a class="button" href="{{ route('donations.create') }}">Faire un don</a><a class="button button-blue" href="{{ route('assistance.create') }}">Demander une assistance</a></div></header>
    <section class="member-stat-grid" aria-label="Vos statistiques"><article><span>Dons effectués</span><strong>{{ $stats['donations'] }}</strong><small>Biens et services proposés</small></article><article><span>Dons reçus</span><strong>{{ $stats['received'] }}</strong><small>Aides qui vous sont attribuées</small></article><article><span>Dons réservés</span><strong>{{ $stats['reserved'] }}</strong><small>À récupérer prochainement</small></article><article><span>Demandes</span><strong>{{ $stats['assistance'] }}</strong><small>Besoins exprimés</small></article></section>
    <section class="member-dashboard-grid"><article class="member-panel"><span class="stitch-kicker">Actions rapides</span><h2>Que souhaitez-vous faire ?</h2><div class="member-quick-grid"><a href="{{ route('donations.create') }}"><b>＋</b><strong>Proposer un bien ou un service</strong><small>Publiez gratuitement ce que vous souhaitez donner.</small></a><a href="{{ route('assistance.create') }}"><b>◇</b><strong>Exprimer un besoin</strong><small>Demandez un coup de main à la communauté.</small></a><a href="{{ route('donations.index') }}"><b>⌕</b><strong>Explorer les dons</strong><small>Trouvez un don disponible près de chez vous.</small></a></div></article><aside class="member-panel member-impact-panel"><span>Votre impact</span><strong>{{ $stats['donations'] + $stats['received'] }}</strong><p>gestes solidaires réalisés ou reçus sur FreeGive.</p><a href="{{ route('account.history') }}">Voir mon historique →</a></aside></section>
</main></div>
@endsection