@props(['donation'])
@php
    $label = $donation->items->pluck('label')->join(', ');
    $itemType = $donation->items->first()?->type;
    $donor = $donation->donor?->user;
    $donorName = $donor ? trim($donor->firstname.' '.mb_substr($donor->lastname, 0, 1)).'.' : 'Membre FreeGive';
    $location = $donation->pickupLocation?->city ?? $donation->handover_city ?? 'Lieu à confirmer';
@endphp
<article class="public-donation-card"><a class="public-donation-visual" href="{{ route('donations.show', $donation) }}" aria-label="Voir {{ $label }}">@if($donation->media->isNotEmpty())<img src="{{ route('donations.media',[$donation,$donation->media->first()]) }}" alt="Photo de {{ $label }}">@elseif($itemType === '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>{{ $donation->published_at?->diffForHumans(short: true) ?? 'Nouveau' }}</span></a><div class="public-donation-body"><h2><a href="{{ route('donations.show', $donation) }}">{{ $label }}</a></h2><div class="public-donation-meta"><span>{{ $donorName }}</span><i></i><span>{{ $location }}</span></div><a href="{{ route('donations.show', $donation) }}" class="public-donation-action"><svg aria-hidden="true" viewBox="0 0 24 24"><path d="M12 21s-8-4.4-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6.6-8 11-8 11Z"/></svg>Réserver ce don</a></div></article>