@extends('layouts.app')
@section('title','Marchands partenaires')
@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="merchant-directory"><div class="shell"><header class="directory-head"><div><span class="stitch-kicker">Réseau FreeGive</span><h1>Marchands partenaires</h1><p>Découvrez les commerces engagés qui proposent des produits et services finançables pour la communauté.</p></div><span class="directory-count">{{ $merchants->total() }} partenaire{{ $merchants->total()>1?'s':'' }}</span></header>
<form class="directory-filters" method="GET"><label><x-icon name="search"/><input name="q" value="{{ $search }}" placeholder="Nom ou activité du marchand"></label><select name="city"><option value="">Toutes les villes</option>@foreach($cities as $option)<option value="{{ $option }}" @selected($city===$option)>{{ $option }}</option>@endforeach</select><button class="button">Rechercher</button>@if($search||$city)<a href="{{ route('merchants.index') }}">Réinitialiser</a>@endif</form>
<div class="merchant-directory-grid">@forelse($merchants as $merchant)<article><header><span>{{ mb_substr($merchant->name,0,1) }}</span><div><small>{{ $merchant->verified?'Partenaire vérifié':'Partenaire FreeGive' }}</small><h2>{{ $merchant->name }}</h2></div>@if($merchant->verified)<x-icon name="shield"/>@endif</header><p>{{ $merchant->description ?: 'Commerce engagé dans la solidarité locale et partenaire de la communauté FreeGive.' }}</p><div class="merchant-directory-meta"><span><x-icon name="store"/>{{ $merchant->offers_count }} offre{{ $merchant->offers_count>1?'s':'' }}</span><span>{{ $merchant->locations->pluck('city')->filter()->unique()->join(', ') ?: 'Localisation à confirmer' }}</span></div><div class="merchant-directory-offers">@foreach($merchant->offers->take(3) as $offer)<a href="{{ route('offers.show',$offer) }}">{{ $offer->item?->name }}</a>@endforeach</div><a class="button button-outline" href="{{ route('catalog',['q'=>$merchant->name]) }}">Voir les offres</a></article>@empty<div class="member-empty directory-empty"><span><x-icon name="store"/></span><h2>Aucun marchand trouvé</h2><p>Modifiez vos critères de recherche.</p></div>@endforelse</div><div class="pagination">{{ $merchants->links() }}</div></div></section>
@auth</main></div>@endauth
@endsection