@php
    $footerContent = $footerContent ?? [];
    $navigation = app(\Modules\Stylist\Support\FrontendNavigation::class);
    $columns = collect([
        ['heading' => $footerContent['explore_heading'] ?? 'Product', 'items' => $navigation->location($footerContent['explore_menu_location'] ?? 'footer', $footerNavigation ?? [])],
        ['heading' => $footerContent['account_heading'] ?? 'Resources', 'items' => $navigation->location($footerContent['account_menu_location'] ?? 'footer_account')],
        ['heading' => $footerContent['legal_heading'] ?? 'Company', 'items' => $navigation->location($footerContent['legal_menu_location'] ?? 'footer_legal')],
    ])->filter(fn (array $column) => $column['items'] !== []);
    $copyright = ($siteSettings['copyright'] ?? null) ?: ('© '.date('Y').' '.($siteSettings['company_name'] ?? $siteTitle).'. All rights reserved.');
@endphp

<footer class="footer cms-editable-footer" id="contact">
    <div class="wrap footer-grid footer-grid-premium">
        <div class="footer-brand">
            <a class="logo footer-logo" href="{{ $siteSettings['site_url'] ?? url('/') }}">
                @if ($logoUrl)<img src="{{ $logoUrl }}" alt="{{ $siteTitle }}">@else<span class="footer-brand-mark">A</span>{{ $siteTitle }}@endif
            </a>
            <p>{{ $siteDescription }}</p>
            <div class="footer-socials" aria-label="Social links">
                <a href="{{ $siteSettings['facebook_url'] ?? '#' }}" aria-label="Facebook">f</a>
                <a href="{{ $siteSettings['x_url'] ?? '#' }}" aria-label="X">𝕏</a>
                <a href="{{ $siteSettings['linkedin_url'] ?? '#' }}" aria-label="LinkedIn">in</a>
                <a href="{{ $siteSettings['github_url'] ?? '#' }}" aria-label="GitHub">⌘</a>
            </div>
        </div>

        @foreach($columns as $column)
            <nav class="footer-column" aria-label="{{ $column['heading'] }}">
                <h3>{{ $column['heading'] }}</h3>
                <ul>
                    @foreach($column['items'] as $link)
                        <li><a href="{{ $link['url'] }}" @if($link['target']) target="{{ $link['target'] }}" rel="noopener" @endif>{{ $link['label'] }}</a></li>
                    @endforeach
                </ul>
            </nav>
        @endforeach

        <div class="footer-newsletter">
            <h3>Stay in the loop</h3>
            <p>Subscribe to get the latest updates and news.</p>
            <form class="footer-subscribe" method="POST" action="{{ route('newsletter.public.subscribe') }}">
                @csrf
                <label class="sr-only" for="footer-email">Email address</label>
                <input id="footer-email" type="email" name="email" required placeholder="Enter email address">
                <button type="submit">Subscribe</button>
            </form>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="wrap copyright">
            <span>{{ $copyright }}</span>
            <div class="footer-bottom-links">
                <a href="{{ url('/privacy-policy') }}">Privacy Policy</a>
                <a href="{{ url('/terms-and-conditions') }}">Terms of Service</a>
                <a href="#">Cookie Settings</a>
            </div>
        </div>
    </div>
</footer>