@php
    $footerColumns = [
        [
            'title' => 'Products',
            'links' => [
                ['label' => 'Software', 'href' => route('products.category', 'software')],
                ['label' => 'Hardware', 'href' => route('products.category', 'hardware')],
                ['label' => 'Integration', 'href' => route('products.category', 'integration')],
                ['label' => 'Finance', 'href' => route('products.category', 'finance')],
                ['label' => 'VAS', 'href' => route('products.category', 'vas')],
            ],
        ],
        [
            'title' => 'Company',
            'links' => [
                ['label' => 'About us', 'href' => route('about') . '#about-us'],
                ['label' => 'Our Vision', 'href' => route('about') . '#vision'],
                ['label' => 'Our Mission', 'href' => route('about') . '#mission'],
                ['label' => 'Our Values', 'href' => route('about') . '#values'],
                ['label' => 'Our Team', 'href' => route('about') . '#team'],
                ['label' => 'Contact Us', 'href' => route('contact')],
            ],
        ],
        [
            'title' => 'Impact',
            'links' => [
                ['label' => 'Programs', 'href' => route('impact.program', 'sme-empowerment-fund')],
                ['label' => 'Metrics', 'href' => route('impact.program', 'metrics')],
                ['label' => 'Testimonials', 'href' => route('impact.program', 'testimonials')],
                ['label' => 'CSR', 'href' => route('impact.program', 'csr')],
            ],
        ],
        [
            'title' => 'Resources',
            'links' => [
                ['label' => 'Press Releases', 'href' => route('resources.section', 'press-releases')],
                ['label' => 'Stories', 'href' => route('resources.section', 'stories')],
                ['label' => 'Blogs', 'href' => route('resources.section', 'blogs')],
                ['label' => 'Events', 'href' => route('resources.section', 'events')],
                ['label' => 'Gallery', 'href' => route('resources.section', 'gallery')],
                ['label' => 'Careers', 'href' => route('resources.section', 'careers')],
            ],
        ],
        [
            'title' => 'Partners',
            'links' => [
                ['label' => 'Banking', 'href' => '#partners'],
                ['label' => 'Payments', 'href' => '#partners'],
                ['label' => 'Fintechs', 'href' => '#partners'],
                ['label' => 'Technology', 'href' => '#partners'],
                ['label' => 'Education', 'href' => '#partners'],
            ],
        ],
    ];

    $footerSocials = [
        ['label' => 'Uzapoint on Facebook', 'name' => 'UZAPOINT', 'platform' => 'facebook', 'href' => 'https://www.facebook.com/UZAPOINT/', 'icon' => 'facebook'],
        ['label' => 'Uzapoint on X', 'name' => '@uzapoint', 'platform' => 'x', 'href' => 'https://twitter.com/uzapoint', 'icon' => 'x'],
        ['label' => 'Uzapoint on LinkedIn', 'name' => 'Uzapoint', 'platform' => 'linkedin', 'href' => 'https://www.linkedin.com/company/uzapoint/', 'icon' => 'linkedin'],
        ['label' => 'Uzapoint on YouTube', 'name' => 'Uzapoint', 'platform' => 'youtube', 'href' => 'https://www.youtube.com/channel/UCcqW6g-TZRAmJjuvmhWaaYA', 'icon' => 'youtube'],
        ['label' => 'Uzapoint on Instagram', 'name' => '@uzapoint', 'platform' => 'instagram', 'href' => 'https://www.instagram.com/uzapoint/', 'icon' => 'instagram'],
    ];

    $footerContacts = [
        [
            'country' => 'Kenya',
            'phone' => '+254 704 502 414',
            'phone_href' => 'tel:+254704502414',
            'email' => 'ke@uzapoint.com',
        ],
        [
            'country' => 'Rwanda',
            'phone' => '+250 793 945 285',
            'phone_href' => 'tel:+250793945285',
            'email' => 'rw@uzapoint.com',
        ],
        [
            'country' => 'Tanzania',
            'phone' => '+255 680 321 796',
            'phone_href' => 'tel:+255680321796',
            'email' => 'tz@uzapoint.com',
        ],
    ];
@endphp

<footer class="site-footer">
    <div class="footer-shell">
        <div class="footer-top">
            <div class="footer-brand">
                <a class="footer-logo nav-logo" href="{{ route('home') }}" aria-label="Uzapoint home">
                    <img class="nav-logo-mark" src="{{ asset('img/logo-avatar.png') }}" alt="" aria-hidden="true">
                    <span>Uzapoint</span>
                </a>
                <p class="footer-tagline">The Operating System for SMEs in Africa.</p>

                <div class="footer-social" aria-label="Social networks">
                    @foreach ($footerSocials as $social)
                        <a
                            class="footer-social-link footer-social-link--{{ $social['platform'] }}"
                            href="{{ $social['href'] }}"
                            target="_blank"
                            rel="noopener noreferrer"
                            aria-label="{{ $social['label'] }}"
                        >
                            <span class="footer-social-pill">
                                <x-icon :name="$social['icon']" />
                                <span class="footer-social-name">{{ $social['name'] }}</span>
                            </span>
                        </a>
                    @endforeach
                </div>
            </div>

            <div class="footer-nav">
                @foreach ($footerColumns as $column)
                    <div class="footer-col">
                        <h4>{{ $column['title'] }}</h4>
                        <ul>
                            @foreach ($column['links'] as $link)
                                <li><a href="{{ $link['href'] }}">{{ $link['label'] }}</a></li>
                            @endforeach
                        </ul>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="footer-contacts">
            <h3 class="footer-contacts-title">Our Contacts</h3>

            <p class="footer-address">
                <x-icon name="map-pin" />
                <span>Chaka Place, Kilimani, Nairobi, Kenya</span>
            </p>

            <div class="footer-contact-grid">
                @foreach ($footerContacts as $contact)
                    <div class="footer-contact-card">
                        <span class="footer-contact-country">{{ $contact['country'] }}</span>
                        <a class="footer-contact-line" href="{{ $contact['phone_href'] }}">
                            <x-icon name="phone" />
                            <span>{{ $contact['phone'] }}</span>
                        </a>
                        <a class="footer-contact-line" href="mailto:{{ $contact['email'] }}">
                            <x-icon name="mail" />
                            <span>{{ $contact['email'] }}</span>
                        </a>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="footer-bottom">
            <span class="footer-copy">&copy; {{ date('Y') }} Uzapoint Technologies Limited. All rights reserved.</span>
            <nav class="footer-legal" aria-label="Legal links">
                <a href="{{ route('privacy-policy') }}">Privacy</a>
                <a href="{{ route('terms-of-use') }}">Terms</a>
                <a href="{{ route('privacy-policy') }}">Cookies</a>
            </nav>
        </div>
    </div>
</footer>