@extends('layouts.app')
@section('title', 'Dons publics')
@auth
    @section('immersive-account', '1')
@endauth
@section('content')
@auth<div class="member-shell">@include('account._sidebar')<main class="member-content explorer-immersive">@endauth
<section class="public-donations" aria-labelledby="public-donations-title"><div class="shell">
    <header class="public-donations-head"><div><h1 id="public-donations-title">Dons publics</h1><p><strong>Donnez une seconde vie</strong> aux objets du quotidien. Découvrez les biens et services offerts près de chez vous.</p></div>@auth<a href="{{ route('donations.create') }}" class="button">Faire un don</a>@endauth</header>
    <form class="public-donation-filters" method="GET" action="{{ route('donations.index') }}">
        <label class="donation-search-field"><span class="sr-only">Rechercher un don</span><svg aria-hidden="true" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg><input name="q" value="{{ $search }}" placeholder="Rechercher un objet ou un service…"></label>
        <label class="donation-select-field"><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><span class="sr-only">Ville</span><select name="city"><option value="">Toutes les villes</option>@foreach($cities as $option)<option value="{{ $option }}" @selected($city === $option)>{{ $option }}</option>@endforeach</select></label>
        <label class="donation-select-field"><svg aria-hidden="true" viewBox="0 0 24 24"><path d="M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM17 14l3 6h-6l3-6Z"/></svg><span class="sr-only">Catégorie</span><select name="type"><option value="">Toutes les catégories</option><option value="product" @selected($type === 'product')>Objets</option><option value="service" @selected($type === 'service')>Services</option></select></label>
        <button class="button" type="submit">Filtrer</button>@if($search || $city || $type)<a href="{{ route('donations.index') }}" class="filters-reset">Effacer</a>@endif
    </form>
    <div class="public-donations-toolbar"><strong>{{ $donations->total() }} don{{ $donations->total() > 1 ? 's' : '' }} disponible{{ $donations->total() > 1 ? 's' : '' }}</strong></div>
    @if($donations->isEmpty())<div class="catalog-empty"><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><h2>Aucun don disponible</h2><p>Revenez bientôt : la communauté se mobilise chaque jour.</p>@if($search || $city || $type)<a class="button" href="{{ route('donations.index') }}">Afficher tous les dons</a>@endif</div>@else<div class="public-donations-grid">@foreach($donations as $donation)<x-donation-card :donation="$donation" />@endforeach</div><div class="catalog-pagination">{{ $donations->links() }}</div>@endif
</div></section>
@auth</main></div>@endauth
@endsection