@extends('layouts.app')
@section('title', 'Mes dons')
@section('immersive-account', '1')
@section('content')
<div class="member-shell">@include('account._sidebar')<main class="member-content my-donations-page">
    <header class="member-page-head"><div><span class="stitch-kicker">Mon activité</span><h1>Mes dons</h1><p>Gérez vos contributions, suivez vos réservations et mesurez votre impact solidaire.</p></div><div class="member-head-actions"><a href="{{ route('donations.create') }}" class="button">＋ Faire un don</a></div></header>

    <section class="donation-summary" aria-label="Résumé des dons"><article><span class="donation-summary-icon">♡</span><div><small>Dons effectués</small><strong>{{ $stats['given'] }}</strong></div></article><article><span class="donation-summary-icon blue">↓</span><div><small>Dons reçus</small><strong>{{ $stats['received'] }}</strong></div></article><article><span class="donation-summary-icon lime">⌛</span><div><small>À récupérer</small><strong>{{ $stats['reserved'] }}</strong></div></article></section>

    <section class="member-panel my-donations-panel">
        <nav class="donation-account-tabs" aria-label="Filtrer mes dons"><a href="{{ route('donations.mine') }}" @class(['active'=>$scope==='all'])>Tous <b>{{ $stats['given'] + $stats['received'] }}</b></a><a href="{{ route('donations.given') }}" @class(['active'=>$scope==='given'])>Dons effectués <b>{{ $stats['given'] }}</b></a><a href="{{ route('donations.received') }}" @class(['active'=>$scope==='received'])>Dons reçus <b>{{ $stats['received'] }}</b></a><a href="{{ route('donations.reserved') }}" @class(['active'=>$scope==='reserved'])>Réservations <b>{{ $stats['reserved'] }}</b></a></nav>
        <form class="my-donations-toolbar" method="GET"><label class="history-search"><span>⌕</span><input type="search" name="q" value="{{ $search }}" placeholder="Rechercher un don"></label><select name="status"><option value="">Tous les statuts</option>@foreach(['draft'=>'Brouillon','published'=>'Publié','reserved'=>'Réservé','ready'=>'Prêt à retirer','picked_up'=>'Retiré','completed'=>'Terminé','expired'=>'Expiré','cancelled'=>'Annulé'] as $value=>$label)<option value="{{ $value }}" @selected($status===$value)>{{ $label }}</option>@endforeach</select><button class="button button-sm">Filtrer</button></form>

        <div class="account-donation-grid">@forelse($donations as $donation)
            @php($isDonor = $donation->donor_actor_id === $actor->id)
            @php($label = $donation->items->pluck('label')->join(', ') ?: 'Don FreeGive')
            @php($location = $donation->pickupLocation?->city ?? $donation->handover_city ?? 'Lieu à confirmer')
            <article @class(['account-donation-card','muted'=>in_array($donation->status->value,['completed','expired','cancelled'])])>
                <a class="account-donation-media" href="{{ route('donations.show',$donation) }}">@if($donation->media->isNotEmpty())<img src="{{ route('donations.media',[$donation,$donation->media->first()]) }}" alt="Photo de {{ $label }}">@else<span>{{ $donation->items->first()?->type === 'service' ? '◇' : '♡' }}</span>@endif<i class="donation-state state-{{ $donation->status->value }}">{{ match($donation->status->value) {'draft'=>'Brouillon','published'=>'Publié','pending_payment'=>'Paiement en attente','paid'=>'Payé','reserved'=>'Réservé','ready'=>'Prêt à retirer','picked_up'=>'Retiré','completed'=>'Terminé','expired'=>'Expiré','cancelled'=>'Annulé'} }}</i></a>
                <div class="account-donation-body"><span class="donation-role">{{ $isDonor ? 'Vous donnez' : 'Vous recevez' }} · {{ $donation->origin_type->value === 'personal' ? 'Don personnel' : 'Catalogue' }}</span><h2><a href="{{ route('donations.show',$donation) }}">{{ $label }}</a></h2><div class="account-donation-meta"><span>▦ {{ $donation->created_at->translatedFormat('d M Y') }}</span><span>⌖ {{ $location }}</span></div><footer><a class="button button-sm button-outline" href="{{ route('donations.show',$donation) }}">{{ in_array($donation->status->value,['reserved','ready']) ? 'Voir la remise' : 'Voir le détail' }}</a><span>{{ $donation->items->count() }} article{{ $donation->items->count()>1?'s':'' }}</span></footer></div>
            </article>
        @empty<div class="member-empty donation-empty"><span>♡</span><h2>Aucun don trouvé</h2><p>{{ $search || $status ? 'Modifiez vos filtres pour retrouver d’autres dons.' : 'Votre prochaine action solidaire apparaîtra ici.' }}</p>@if($search || $status)<a class="button button-outline" href="{{ request()->url() }}">Réinitialiser les filtres</a>@else<a class="button" href="{{ route('donations.create') }}">Faire un don</a>@endif</div>@endforelse</div>
        <div class="pagination">{{ $donations->links() }}</div>
    </section>
</main></div>
@endsection