@extends('layouts.app')
@section('title','Mon historique')
@section('immersive-account', '1')
@section('content')
<div class="member-shell">@include('account._sidebar')<main class="member-content history-page">
    <header class="member-page-head"><div><span class="stitch-kicker">Mon activité</span><h1>Historique</h1><p>Retrouvez vos dons, aides et commandes dans une chronologie claire.</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="history-summary" aria-label="Résumé de votre historique">
        <article><span>Activités</span><strong>{{ $counts['all'] }}</strong></article>
        <article><span>Dons</span><strong>{{ $counts['Don'] }}</strong></article>
        <article><span>Entraide</span><strong>{{ $counts['Entraide'] }}</strong></article>
        <article><span>Commandes</span><strong>{{ $counts['Commande'] }}</strong></article>
    </section>

    <section class="member-panel history-panel">
        <div class="history-toolbar"><div><h2>Toute votre activité</h2><p>{{ $entries->count() }} résultat{{ $entries->count() > 1 ? 's' : '' }}</p></div><form method="GET" action="{{ route('account.history') }}"><label class="history-search"><span>⌕</span><input type="search" name="q" value="{{ $query }}" placeholder="Rechercher dans l’historique"></label><select name="type" aria-label="Filtrer par type"><option value="">Toutes les activités</option><option value="Don" @selected($type === 'Don')>Dons</option><option value="Entraide" @selected($type === 'Entraide')>Entraide</option><option value="Commande" @selected($type === 'Commande')>Commandes</option></select><button class="button button-sm">Filtrer</button></form></div>

        @forelse($groups as $month => $monthEntries)
            <section class="history-month"><h3>{{ str($month)->ucfirst() }}</h3><div class="history-timeline">
            @foreach($monthEntries as $entry)
                @php($kind = match($entry['type']) {'Don' => ['♡','history-kind-donation'], 'Entraide' => ['◇','history-kind-help'], default => ['▣','history-kind-order']})
                <a href="{{ $entry['url'] }}" class="history-event">
                    <span class="history-event-icon {{ $kind[1] }}">{{ $kind[0] }}</span>
                    <span class="history-event-main"><small>{{ $entry['type'] }}</small><strong>{{ $entry['title'] ?: 'Activité FreeGive' }}</strong><time datetime="{{ $entry['date']->toIso8601String() }}">{{ $entry['date']->translatedFormat('d M Y') }} à {{ $entry['date']->format('H:i') }}</time></span>
                    <span class="status-pill">{{ str($entry['status'])->replace('_',' ')->title() }}</span><b aria-hidden="true">→</b>
                </a>
            @endforeach
            </div></section>
        @empty
            <div class="member-empty"><span>◷</span><h2>Aucune activité trouvée</h2><p>{{ $query || $type ? 'Modifiez vos filtres pour afficher d’autres résultats.' : 'Vos prochains dons, aides et achats apparaîtront ici.' }}</p>@if($query || $type)<a class="button button-outline" href="{{ route('account.history') }}">Réinitialiser les filtres</a>@else<a class="button" href="{{ route('donations.index') }}">Explorer les dons</a>@endif</div>
        @endforelse
    </section>
</main></div>
@endsection