@php
    $breadcrumbs = collect($ancestors)->mapWithKeys(fn ($ancestor) => [$ancestor->title => $ancestor->url()])->put($page->title, null)->all();
    $groups = $partners->groupBy(fn ($partner) => $partner->type->getLabel());
@endphp

<x-layouts.app :title="$page->title" :description="$page->meta_description ?: 'Retrouvez les produits du Renard Rouge chez nos partenaires et sur les marchés.'">
    <x-page-hero :title="$page->title" kicker="Nos partenaires" intro="Vous pourrez retrouver l'ensemble de nos produits chez de nombreux partenaires, ainsi que sur les marchés." :breadcrumbs="$breadcrumbs" />

    <section class="mx-auto max-w-[1440px] px-5 py-20 sm:px-10 lg:px-14 lg:py-28">
        @forelse ($groups as $label => $group)
            <div class="mb-20 last:mb-0">
                <p class="kicker mb-10 text-rouge">{{ $label }}</p>
                <div class="grid gap-x-8 gap-y-14 sm:grid-cols-2 lg:grid-cols-3">
                    @foreach ($group as $partner)
                        <article class="flex flex-col">
                            <div class="flex aspect-[4/3] items-center justify-center bg-ivoire-2 p-8">
                                @if ($partner->image)
                                    <img src="{{ Storage::disk('public')->url($partner->image) }}" alt="{{ $partner->name }}" loading="lazy" class="max-h-full max-w-full object-contain">
                                @endif
                            </div>
                            <h2 class="mt-6 font-serif text-2xl">{{ $partner->name }}</h2>
                            @if ($partner->address || $partner->city)
                                <p class="mt-2 text-gris">{{ collect([$partner->address, trim($partner->postcode.' '.$partner->city)])->filter()->implode(', ') }}</p>
                            @endif
                            @if ($partner->schedule)
                                <p class="mt-1 text-sm text-gris">{{ $partner->schedule }}</p>
                            @endif
                            @if ($partner->description)
                                <p class="mt-3 text-gris">{{ $partner->description }}</p>
                            @endif
                            @if ($partner->website)
                                <a href="{{ $partner->website }}" target="_blank" rel="noopener" class="lien-filet mt-5">Voir le site</a>
                            @endif
                        </article>
                    @endforeach
                </div>
            </div>
        @empty
            <div class="prose-maison">{!! $page->body !!}</div>
        @endforelse
    </section>
</x-layouts.app>