@inject('navigation', 'App\Domain\Content\Queries\NavigationQuery')
@inject('general', 'App\Domain\Site\Settings\GeneralSettings')
@inject('footer', 'App\Domain\Site\Settings\FooterSettings')
@inject('social', 'App\Domain\Site\Settings\SocialSettings')
@inject('contact', 'App\Domain\Site\Settings\ContactSettings')
@php
    $sitemap = $navigation->menu(\App\Models\NavigationMenu::FOOTER);
    $secondary = $navigation->menu(\App\Models\NavigationMenu::FOOTER_SECONDARY);
    $copyright = strtr($footer->copyright_template, ['{year}' => now()->format('Y'), '{owner_name}' => $general->owner_name, '{site_name}' => $general->site_name]);
@endphp
<footer class="surface-inverse bg-footer">
    <div class="container-site grid gap-10 py-14 md:grid-cols-2 lg:grid-cols-12">
        <div class="lg:col-span-5">
            <p class="font-heading text-xl font-semibold">{{ $general->owner_name }}</p>
            <p class="mt-1 text-muted">{{ $general->professional_title }}</p>
            @if ($footer->identity_text)
                <p class="mt-4 max-w-sm text-muted">{{ $footer->identity_text }}</p>
            @endif
            @if ($footer->show_cv)
                <div class="mt-6"><x-cv-button location="footer" variant="secondary" :on-dark="true" /></div>
            @endif
        </div>

        <nav aria-label="{{ __('portfolio.a11y.footer_navigation') }}" class="lg:col-span-4">
            <ul class="grid grid-cols-2 gap-x-6 gap-y-1">
                @foreach ($sitemap as $link)
                    <li><a href="{{ $link->url }}" @if ($link->newTab) target="_blank" rel="noopener" @endif
                           class="inline-flex min-h-11 min-w-11 items-center no-underline hover:underline">{{ $link->label }}</a></li>
                @endforeach
            </ul>
        </nav>

        <div class="lg:col-span-3">
            <ul class="space-y-1">
                @if ($contact->public_email)
                    <li><a href="mailto:{{ $contact->public_email }}" class="inline-flex min-h-11 items-center gap-2 no-underline hover:underline">
                        <x-icon name="heroicon-o-envelope" class="size-5" />{{ $contact->public_email }}</a></li>
                @endif
                @if ($footer->show_social)
                    @foreach ($social->links as $link)
                        <li><x-social-link :link="$link" location="footer" /></li>
                    @endforeach
                @endif
            </ul>
        </div>
    </div>
    <div class="border-t border-heading">
        <div class="container-site flex flex-col gap-2 py-5 text-sm text-muted md:flex-row md:items-center md:justify-between">
            <p>{{ $copyright }}</p>
            @if ($secondary !== [])
                <ul class="flex flex-wrap gap-x-4">
                    @foreach ($secondary as $link)
                        <li><a href="{{ $link->url }}" class="inline-flex min-h-11 min-w-11 items-center no-underline hover:underline">{{ $link->label }}</a></li>
                    @endforeach
                </ul>
            @endif
        </div>
    </div>
</footer>