@php
$navLinks = [
['label' => __('footer.home'), 'href' => localized_route('home')],
['label' => __('footer.approach'), 'href' => localized_route('approach')],
['label' => __('footer.solutions'), 'href' => localized_route('solutions.performance-optimization')],
['label' => __('footer.products'), 'href' => localized_route('products.wasoria-box')],
['label' => __('footer.about'), 'href' => localized_route('about.team')],
['label' => __('footer.contact'), 'href' => localized_route('contact')],
];
@endphp

<x-layouts.footer-layout class="absolute bottom-0 px-4 py-4 md:py-0 z-10">
    <footer class="w-full h-full bg-background rounded-lg py-4 md:py-0 z-10">
        <div class="w-full h-full px-4 pt-20 pb-30">
            <div class="w-full max-w-7xl mx-auto">
                {{-- Upper row: LinkedIn icon + nav links --}}
                <div class="w-full flex flex-row text-foreground select-none items-center justify-between mb-4">
                    <a target="_blank"
                        href="{{ config('wasoria.linkedin_page_url', 'https://www.linkedin.com/company/wasoria/') }}"
                        rel="noopener noreferrer"
                        aria-label="{{ __('footer.linkedin_aria') }}">
                        <x-atoms.linkedin-icon />
                    </a>
                    <nav aria-label="{{ __('footer.nav_aria') }}">
                        <ul class="flex flex-col md:flex-row gap-6 text-foreground/60 select-none">
                            @foreach($navLinks as $link)
                            <li class="hover:text-foreground duration-300 ease-in-out cursor-pointer">
                                <a href="{{ $link['href'] }}">{{ $link['label'] }}</a>
                            </li>
                            @endforeach
                        </ul>
                    </nav>
                </div>

                {{-- Lower row: copyright + legal links --}}
                <div class="w-full flex-col-reverse pb-12 md:pb-0 md:flex-row flex text-sm text-foreground/60 select-none items-center justify-between pt-4 border-t-1 border-foreground/10">
                    <span>{{ __('footer.copyright') }}</span>
                    <div class="flex gap-4">
                        <a href="{{ localized_route('legal-notice') }}" class="hover:text-foreground duration-300 ease-in-out cursor-pointer">{{ __('footer.legal_notice') }}</a>
                        <a href="{{ localized_route('privacy-policy') }}" class="hover:text-foreground duration-300 ease-in-out cursor-pointer">{{ __('footer.privacy_policy') }}</a>
                        <a href="/sitemap.xml" class="hover:text-foreground duration-300 ease-in-out cursor-pointer">{{ __('footer.sitemap') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</x-layouts.footer-layout>