@extends('layouts.app')
@section('title', $donation->items->pluck('label')->join(', '))
@section('content')
@php
    $status = $donation->status->value;
    $isDonor = $actor && $donation->donor_actor_id === $actor->id;
    $isBeneficiary = $actor && $donation->beneficiaries->contains('actor_id', $actor->id);
    $credentials = session('pickup_credentials');
    $label = $donation->items->pluck('label')->join(', ');
    $firstItem = $donation->items->first();
    $donorUser = $donation->donor?->user;
    $donorName = $donorUser ? trim($donorUser->firstname.' '.mb_substr($donorUser->lastname, 0, 1)).'.' : 'Membre FreeGive';
    $city = $donation->pickupLocation?->city ?? $donation->handover_city ?? 'Lieu à confirmer';
    $address = $donation->pickupLocation?->district ?? ($isParticipant || $canManage ? $donation->handover_address : null);
    $statusLabels = ['published' => 'Disponible', 'reserved' => 'Réservé', 'ready' => 'Prêt au retrait', 'picked_up' => 'Retiré', 'completed' => 'Terminé', 'cancelled' => 'Annulé', 'expired' => 'Expiré'];
@endphp
<section class="donation-show"><div class="shell">
    <nav class="donation-breadcrumb" aria-label="Fil d’Ariane"><a href="{{ route('donations.index') }}">Dons publics</a><span>›</span><span aria-current="page">{{ $label }}</span></nav>
    @if($isParticipant)<div class="donation-dispute-link"><a href="{{ route('moderation.create',['subject_type'=>'donation','subject_reference'=>$donation->ulid]) }}">⚑ Signaler un problème avec ce don</a></div>@endif
    @auth <div class="content-report-link"><a href="{{ route('moderation.report.create',['subject_type'=>'donation','subject_reference'=>$donation->ulid]) }}">Signaler ce contenu</a></div> @endauth
    @auth @if(!$isDonor && $status==='published')<details class="contact-owner"><summary>Contacter le donateur</summary><form method="POST" action="{{ route('messages.start') }}">@csrf<input type="hidden" name="subject_type" value="donation"><input type="hidden" name="subject_reference" value="{{ $donation->ulid }}"><label for="first-message">Votre message</label><textarea id="first-message" name="message" rows="3" maxlength="3000" required></textarea><button class="button">Envoyer</button></form></details>@endif @endauth
    @auth <form class="favorite-form" method="POST" action="{{ route('favorites.toggle') }}">@csrf<input type="hidden" name="subject_type" value="donation"><input type="hidden" name="subject_reference" value="{{ $donation->ulid }}"><button>♡ Ajouter/retirer des favoris</button></form> @endauth
    @if($donorUser && $donorUser->receivedReviews->isNotEmpty())<div class="trust-rating" aria-label="Évaluation du donateur"><strong>★ {{ number_format($donorUser->receivedReviews->avg('rating'),1,',') }}/5</strong><span>{{ $donorUser->receivedReviews->count() }} évaluation(s)</span></div>@endif
    @if($isParticipant && in_array($status,['picked_up','completed']))<details class="review-box"><summary>Évaluer cet échange</summary><form method="POST" action="{{ route('donations.review',$donation) }}">@csrf<label>Note<select name="rating" required>@foreach(range(5,1) as $rating)<option value="{{ $rating }}">{{ $rating }} / 5</option>@endforeach</select></label><label>Commentaire<textarea name="comment" rows="3" maxlength="2000"></textarea></label><button class="button">Enregistrer l’évaluation</button></form></details>@endif
    @error('donation')<div class="form-error-banner" role="alert">{{ $message }}</div>@enderror
    @if($credentials)<div class="credentials-alert" role="alert"><span>Important</span><h2>Vos identifiants de retrait</h2><p>Copiez-les maintenant : ils ne seront plus affichés après avoir quitté cette page.</p><div><label>Code à 6 chiffres<strong>{{ $credentials['code'] }}</strong></label><label>Jeton sécurisé<code>{{ $credentials['token'] }}</code></label></div></div>@endif

    <div class="donation-show-layout"><main class="donation-show-main">
        <section class="donation-gallery" aria-label="Aperçu du don"><div class="donation-gallery-stage">@if($donation->media->isNotEmpty())<img src="{{ route('donations.media',[$donation,$donation->media->first()]) }}" alt="Photo de {{ $label }}">@elseif($firstItem?->type === 'service')<svg aria-hidden="true" viewBox="0 0 120 120"><circle cx="60" cy="60" r="35"/><path d="m42 63 12 12 25-29"/></svg>@else<svg aria-hidden="true" viewBox="0 0 120 120"><path d="M29 43h62v53H29zM42 43c0-22 36-22 36 0M44 65h32M44 80h32"/></svg>@endif<span class="donation-availability">{{ $statusLabels[$status] ?? str($status)->headline() }}</span></div>@if($donation->media->count()>1)<div class="donation-thumbnails">@foreach($donation->media as $photo)<img src="{{ route('donations.media',[$donation,$photo]) }}" alt="Photo {{ $loop->iteration }} de {{ $label }}">@endforeach</div>@endif</section>
        <section class="donation-description-card"><h1>{{ $label }}</h1><p class="donation-published">Ajouté {{ ($donation->published_at ?? $donation->created_at)->diffForHumans() }}</p><p>Ce don comprend {{ number_format((float) $donation->items->sum('quantity'), 0, ',', ' ') }} unité(s), proposée(s) gratuitement par la communauté FreeGive.</p><div class="donation-specs">@foreach($donation->items as $item)<article><span>{{ $item->type === 'service' ? 'Service' : 'Objet' }}</span><strong>{{ $item->label }}</strong><small>{{ number_format((float) $item->quantity, 0, ',', ' ') }} unité(s)</small></article>@endforeach</div></section>
        <section class="donation-progress-card"><h2>Suivi du don</h2><div class="timeline"><div class="timeline-step done"><span>✓</span><div><strong>Publié</strong><small>Don proposé</small></div></div><div @class(['timeline-step','done'=>in_array($status,['reserved','ready','picked_up','completed'])])><span>2</span><div><strong>Réservé</strong><small>Bénéficiaire trouvé</small></div></div><div @class(['timeline-step','done'=>in_array($status,['ready','picked_up','completed'])])><span>3</span><div><strong>Prêt</strong><small>Retrait possible</small></div></div><div @class(['timeline-step','done'=>in_array($status,['picked_up','completed'])])><span>4</span><div><strong>Retiré</strong><small>Don transmis</small></div></div></div></section>
    </main><aside class="donation-show-aside">
        <section class="donation-request-card">
            @auth
                @if($status === 'published' && !$isDonor)<form method="POST" action="{{ route('donations.claim', $donation) }}">@csrf<button class="button button-wide" type="submit">Faire une demande</button><p>Demande gratuite, sans engagement. La réservation est immédiate et sécurisée.</p></form>@endif
                @if($canManage && $status === 'reserved')<form method="POST" action="{{ route('donations.ready', $donation) }}">@csrf<button class="button button-wide">Marquer comme prêt</button><p>Prévenez le bénéficiaire que le don peut être retiré.</p></form>@endif
                @if($canManage && $status === 'ready')<form method="POST" action="{{ route('donations.pickup', $donation) }}" class="form-stack">@csrf<h2>Valider le retrait</h2><div class="field"><label for="code">Code</label><input id="code" name="code" inputmode="numeric" maxlength="6" required></div><div class="field"><label for="token">Jeton sécurisé</label><input id="token" name="token" required></div><button class="button button-wide">Confirmer la remise</button></form>@endif
            @else<a class="button button-wide" href="{{ route('login') }}">Se connecter pour demander</a><p>Créez un compte ou connectez-vous pour réserver ce don.</p>@endauth
            @if($isDonor)<div class="role-note">Vous êtes le donateur de cette annonce.</div>@elseif($isBeneficiary)<div class="role-note">Ce don vous est réservé.</div>@endif
            <div class="donor-summary"><span>À propos du donateur</span><div class="donor-avatar">{{ mb_substr($donorUser?->firstname ?? 'F', 0, 1) }}</div><div><strong>{{ $donorName }}</strong><small>Donateur FreeGive</small></div></div>
        </section>
        <section class="donation-location-card"><h2>Localisation approximative</h2><strong>{{ $city }}</strong>@if($address)<span>{{ $address }}</span>@endif<div class="location-pattern"><svg aria-hidden="true" viewBox="0 0 24 24"><path d="M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z"/><circle cx="12" cy="10" r="2"/></svg></div><p>L’adresse exacte est communiquée uniquement aux participants du don.</p></section>
        @if($donation->expires_at)<p class="donation-expiry">Disponible jusqu’au {{ $donation->expires_at->format('d/m/Y à H:i') }}</p>@endif
    </aside></div>
</div></section>
@endsection