{{-- Site footer: about, sitemap groups, contact details, copyright. --}}
@php($company = config('site.company'))
<footer class="mt-8 border-t border-slate-200 bg-slate-50">
    <div class="container-page grid gap-10 py-12 md:grid-cols-2 lg:grid-cols-6">
        <div class="lg:col-span-2">
            @if ($company['logo'])
                <img src="{{ asset($company['logo']) }}" alt="{{ $company['name'] }}" class="h-20 w-auto" width="374" height="245" loading="lazy" decoding="async">
            @else
                <p class="text-lg font-bold text-brand-800">{{ $company['name'] }}</p>
            @endif
            <p class="mt-3 text-sm">{{ config('site.footer.about') }}</p>

            {{-- No address or location is published, only phone and email --}}
            <address class="mt-4 space-y-1 text-sm not-italic">
                <p>Phone:
                    @foreach ($company['phones'] as $phone)
                        <a href="tel:{{ preg_replace('/\s+/', '', $phone) }}" class="text-brand-700 hover:underline">{{ $phone }}</a>@if (! $loop->last), @endif
                    @endforeach
                </p>
                <p>Email:
                    @foreach ($company['emails'] as $email)
                        <a href="mailto:{{ $email }}" class="break-all text-brand-700 hover:underline">{{ $email }}</a>@if (! $loop->last), @endif
                    @endforeach
                </p>
            </address>
        </div>

        @foreach (config('site.footer.groups') as $heading => $links)
            <nav aria-label="{{ $heading }}">
                <h2 class="text-sm font-semibold uppercase tracking-wide text-slate-900">{{ $heading }}</h2>
                <ul class="mt-3 space-y-2 text-sm">
                    @foreach ($links as $link)
                        <li>
                            <a class="hover:text-brand-700 hover:underline"
                               href="{{ route($link['route'], $link['params'] ?? []) }}{{ isset($link['fragment']) ? '#'.$link['fragment'] : '' }}">{{ $link['label'] }}</a>
                        </li>
                    @endforeach
                </ul>
            </nav>
        @endforeach
    </div>

    <div class="border-t border-slate-200">
        <div class="container-page flex flex-col gap-2 py-5 text-sm sm:flex-row sm:items-center sm:justify-between">
            <p>&copy; {{ date('Y') }} {{ $company['name'] }}. All rights reserved.</p>
        </div>
    </div>
</footer>