@props([
    'brand' => null,
])

@php
    $themeKey = config('app.theme');
    $brand = $brand ?? config('domains.domains.'.$themeKey.'.brand', [
        'name' => 'businessportal',
        'accent' => '24',
        'tagline_short' => 'Pressemitteilungen · DACH',
        'tagline_long' => 'Veröffentlichungs-Portal für redaktionell geprüfte Pressemitteilungen aus Deutschland, Österreich und der Schweiz.',
        'footer_legal' => '© :year businessportal24 · Alle Rechte vorbehalten',
        'about_label' => 'Über businessportal24',
    ]);

    $brandName = $brand['name'] ?? 'businessportal';
    $brandAccent = $brand['accent'] ?? '';
    $brandTagline = $brand['tagline_short'] ?? 'Pressemitteilungen · DACH';
    $brandTaglineLong = $brand['tagline_long'] ?? 'Pressemitteilungen aus dem DACH-Raum.';
    $aboutLabel = $brand['about_label'] ?? ('Über '.$brandName.$brandAccent);
    $legal = str_replace(':year', (string) now()->format('Y'), $brand['footer_legal'] ?? '© :year · Alle Rechte vorbehalten');
@endphp

<footer class="mt-16 bg-topbar-grad text-ink-on-dark">
    <div class="max-w-layout mx-auto px-8 py-12 grid gap-10 grid-cols-1 md:grid-cols-2 lg:grid-cols-[1.4fr_1fr_1fr_1fr]">
        <div>
            <a href="{{ route('home') }}" class="block cursor-pointer group" aria-label="{{ $brandName }}{{ $brandAccent }} Startseite">
                <div class="font-serif text-[24px] font-semibold leading-none tracking-[-0.5px] text-white group-hover:text-white/80 transition-colors">
                    {{ $brandName }}@if ($brandAccent)<span class="text-brand">{{ $brandAccent }}</span>@endif
                </div>
                <div class="eyebrow mt-2 text-[9.5px] tracking-[0.18em] text-ink-on-dark-muted">
                    {{ $brandTagline }}
                </div>
            </a>
            <p class="text-[12.5px] text-white/55 leading-[1.55] mt-4 max-w-[320px]">
                {{ $brandTaglineLong }}
            </p>
        </div>

        <div>
            <div class="eyebrow mb-3.5">Pressemitteilungen</div>
            <ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
                <li><a href="{{ route('kategorien') }}" class="cursor-pointer hover:text-white transition-colors">Alle Branchen</a></li>
                <li><a href="#" class="cursor-pointer hover:text-white transition-colors">Ad-Hoc-Meldungen</a></li>
                <li><a href="{{ route('kategorien') }}#termine" class="cursor-pointer hover:text-white transition-colors">Termine &amp; Events</a></li>
                <li><a href="{{ route('newsrooms') }}" class="cursor-pointer hover:text-white transition-colors">Newsrooms</a></li>
                <li><a href="{{ route('kategorien') }}" class="cursor-pointer hover:text-white transition-colors">Branchen-Index</a></li>
            </ul>
        </div>

        <div>
            <div class="eyebrow mb-3.5">Für Unternehmen</div>
            <ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
                <li><a href="{{ route('veroeffentlichen') }}" class="cursor-pointer hover:text-white transition-colors">Veröffentlichen</a></li>
                <li><a href="{{ route('preise') }}" class="cursor-pointer hover:text-white transition-colors">Tarife &amp; Pakete</a></li>
                <li><a href="#" class="cursor-pointer hover:text-white transition-colors">Verifizierter Newsroom</a></li>
                <li><a href="{{ route('api') }}" class="cursor-pointer hover:text-white transition-colors">API &amp; RSS</a></li>
                <li><a href="#" class="cursor-pointer hover:text-white transition-colors">Mediendaten</a></li>
            </ul>
        </div>

        <div>
            <div class="eyebrow mb-3.5">Unternehmen</div>
            <ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
                <li><a href="{{ route('ueber-uns') }}" class="cursor-pointer hover:text-white transition-colors">{{ $aboutLabel }}</a></li>
                <li><a href="#" class="cursor-pointer hover:text-white transition-colors">Redaktion</a></li>
                <li><a href="{{ route('kontakt') }}" class="cursor-pointer hover:text-white transition-colors">Kontakt</a></li>
                <li><a href="{{ route('impressum') }}" class="cursor-pointer hover:text-white transition-colors">Impressum</a></li>
                <li><a href="{{ route('datenschutz') }}" class="cursor-pointer hover:text-white transition-colors">Datenschutz</a></li>
            </ul>
        </div>
    </div>

    <div class="border-t border-white/10">
        <div class="max-w-layout mx-auto px-8 py-5 flex items-center justify-between gap-4 text-[11.5px] text-white/50 flex-wrap">
            <span>{{ $legal }}</span>
            <span class="flex items-center gap-4 flex-wrap">
                <a href="{{ route('agb') }}" class="cursor-pointer hover:text-white transition-colors">AGB</a>
                <a href="#" class="cursor-pointer hover:text-white transition-colors">Cookie-Einstellungen</a>
                <a href="{{ route('datenschutz') }}" class="cursor-pointer hover:text-white transition-colors">DSGVO</a>
            </span>
        </div>
    </div>
</footer>