@extends($site->themeView('layout'))

{{-- HTML sitemap: every public section of the site (the intro is set in the "Accueil & légal" tab). --}}
@section('content')
    <header class="border-b border-black/[0.06] bg-white">
        <div class="container-site max-w-5xl py-10 md:py-14">
            @include($site->themeView('partials.breadcrumbs'))
            <h1 class="mt-4 font-[family-name:var(--font-heading)] text-3xl font-black tracking-tight text-balance text-ink md:text-5xl">{{ __('legal.sitemap_title') }}</h1>
            <p class="mt-3 max-w-2xl text-slate-600 whitespace-pre-line">{{ $site->setting('sitemap.intro') ?: __('legal.sitemap_intro', ['site' => $site->name]) }}</p>
        </div>
    </header>
    <div class="container-site max-w-5xl py-10">
        <div class="columns-1 gap-10 md:columns-2">
            <section class="mb-10 break-inside-avoid" aria-labelledby="map-home">
                <h2 id="map-home" class="font-[family-name:var(--font-heading)] text-xl font-bold text-ink"><a href="{{ lpath('/') }}" class="hover:text-brand">{{ __('site.home') }}</a></h2>
            </section>
            @foreach ($sections as $section)
                <section class="mb-10 break-inside-avoid" aria-labelledby="map-{{ $section['key'] }}">
                    <h2 id="map-{{ $section['key'] }}" class="font-[family-name:var(--font-heading)] text-xl font-bold text-ink">
                        @if ($section['url'])<a href="{{ $section['url'] }}" class="hover:text-brand">{{ $section['title'] }}</a>@else{{ $section['title'] }}@endif
                    </h2>
                    <ul class="mt-3 space-y-1.5 border-s-2 border-brand/20 ps-4">
                        @foreach ($section['items'] as [$label, $path])
                            <li><a href="{{ $path }}" class="text-slate-700 underline-offset-2 hover:text-brand hover:underline">{{ $label }}</a></li>
                        @endforeach
                        @if ($section['more'] && $section['url'])
                            <li><a href="{{ $section['url'] }}" class="font-semibold text-brand hover:underline">{{ __('legal.sitemap_more') }} →</a></li>
                        @endif
                    </ul>
                </section>
            @endforeach
        </div>
        @if ($site->setting('sitemap.xml_link', true) && $site->isPublic())
            <p class="mt-4 border-t border-black/[0.06] pt-6 text-sm text-slate-500">{{ __('legal.sitemap_xml') }} <a href="/sitemap.xml" class="font-semibold text-brand hover:underline">sitemap.xml</a></p>
        @endif
    </div>
@endsection