@php
    $settingsService = app(\App\Services\SettingsService::class);
    $siteName = $settingsService->get('site_name', config('app.name'));
    $siteDescription = $settingsService->get('site_description', 'A powerful content management system built with Laravel');
    $contactEmail = $settingsService->get('contact_email', config('mail.from.address'));
    $contactPhone = $settingsService->get('contact_phone', '+123 (4567) 890');
    $contactPhones = collect(preg_split('/\s*(?:\/|,|;|\r\n|\r|\n)\s*/', (string) $contactPhone))
        ->map(fn ($phone) => trim($phone))
        ->filter()
        ->values();
    $logoSetting = $settingsService->get('primary_logo') ?: $settingsService->get('logo_url');
    $logoLight = $logoSetting ? asset('storage/' . $logoSetting) : asset('frontend/images/logo/ndarama-logo.svg');

    try {
        $latestNews = \Illuminate\Support\Facades\Cache::remember(
            'frontend:footer-latest-news',
            now()->addMinutes(10),
            fn () => \App\Models\News::published()
                ->latest('published_at')
                ->take(2)
                ->get(['id', 'title', 'slug', 'featured_image', 'published_at'])
        );
    } catch (\Throwable $exception) {
        $latestNews = collect();
    }

    try {
        $footerServices = \Illuminate\Support\Facades\Cache::remember(
            'frontend:footer-services',
            now()->addMinutes(10),
            fn () => \App\Models\Service::active()
                ->orderBy('sort_order')
                ->orderBy('name')
                ->take(5)
                ->get(['id', 'name', 'slug'])
        );
    } catch (\Throwable $exception) {
        $footerServices = collect();
    }

    $footerMenuJson = $settingsService->get('footer_menu');
    $configuredFooterMenu = is_string($footerMenuJson) ? json_decode($footerMenuJson, true) : $footerMenuJson;
    $footerMenu = collect(is_array($configuredFooterMenu) ? $configuredFooterMenu : [])
        ->filter(fn ($item) => is_array($item) && ($item['enabled'] ?? true) && !empty($item['label']) && !empty($item['href']))
        ->sortBy(fn ($item) => (int) ($item['sort_order'] ?? 0))
        ->map(function ($item) {
            $href = trim((string) $item['href']);

            return [
                'label' => trim((string) $item['label']),
                'href' => preg_match('/^(?:https?:|mailto:|tel:)/i', $href) ? $href : url('/' . ltrim($href, '/')),
            ];
        })
        ->values();

    if ($footerMenu->isEmpty()) {
        $footerMenu = collect([
            ['label' => 'About Us', 'href' => route('frontend.about')],
            ['label' => 'Pricing', 'href' => route('frontend.pricing')],
            ['label' => 'Our Team', 'href' => route('frontend.teams.index')],
            ['label' => 'Latest News', 'href' => route('frontend.news.index')],
            ['label' => 'Events', 'href' => route('frontend.events.index')],
            ['label' => 'Contact Us', 'href' => route('frontend.contact')],
            ['label' => 'Careers', 'href' => route('frontend.vacancies.index')],
        ]);
    } elseif (!$footerMenu->contains(fn ($item) => rtrim((string) $item['href'], '/') === rtrim(route('frontend.events.index'), '/'))) {
        $footerMenu->push(['label' => 'Events', 'href' => route('frontend.events.index')]);
    }

    $socialLinks = [
        'facebook_url' => ['icon' => 'fab fa-facebook-f', 'label' => 'Facebook'],
        'twitter_url' => ['icon' => 'fab fa-x-twitter', 'label' => 'X'],
        'linkedin_url' => ['icon' => 'fab fa-linkedin-in', 'label' => 'LinkedIn'],
        'instagram_url' => ['icon' => 'fab fa-instagram', 'label' => 'Instagram'],
    ];
    $footerSocialLinks = collect($socialLinks)
        ->map(function ($social, $settingKey) use ($settingsService) {
            $url = trim((string) $settingsService->get($settingKey, ''));

            return $url === '' ? null : [
                'url' => $url,
                'icon' => $social['icon'],
                'label' => $social['label'],
            ];
        })
        ->filter()
        ->values();
@endphp

<footer class="footer-section z-1 br-30 xxl-br-0 pt-75 bg-dark position-relative mx-30 mb-30 xxl-m-0 overflow-hidden">
    <div class="bg image mbm-screen"><img src="{{ asset('frontend/images/footer/hm1-bg01.webp') }}" alt=""></div>
    <div class="footer-top space">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 footer-brand">
                    <div class="brand-info wow fadeInUp" data-wow-delay=".2s">
                        <div class="logo cms-footer-logo">
                            <a class="cms-footer-logo-link" href="{{ route('home') }}" aria-label="{{ $siteName }}">
                                <span class="cms-footer-logo-mark">
                                    <img class="cms-theme-logo" width="132" height="36" src="{{ $logoLight }}" alt="">
                                </span>
                                <span class="cms-footer-logo-wordmark">
                                    <span>Ndarama</span>
                                    <small>Technologies</small>
                                </span>
                            </a>
                        </div>
                        <div class="contact-info cms-footer-contact-stack">
                            <div class="contact-item">
                                <h3 class="title">FREE CONVERSATION</h3>
                                <a href="mailto:{{ $contactEmail }}">
                                    <i class="fa-sharp fa-light fa-envelope"></i> {{ $contactEmail }}
                                </a>
                            </div>
                            <div class="contact-item">
                                <h3 class="title">CALL US :</h3>
                                <div class="cms-footer-phone-list">
                                    @forelse($contactPhones as $phone)
                                        <a href="tel:{{ preg_replace('/(?!^\+)[^0-9]/', '', $phone) }}">
                                            <i class="flaticon-phone"></i> {{ $phone }}
                                        </a>
                                    @empty
                                        <a href="tel:{{ preg_replace('/(?!^\+)[^0-9]/', '', $contactPhone) }}">
                                            <i class="flaticon-phone"></i> {{ $contactPhone }}
                                        </a>
                                    @endforelse
                                </div>
                            </div>
                        </div>
                        @if($footerSocialLinks->isNotEmpty())
                        <div class="social-links cms-footer-social-links">
                            @foreach($footerSocialLinks as $social)
                                <a href="{{ $social['url'] }}" class="social-icon" target="_blank" rel="noopener" aria-label="{{ $social['label'] }}"><i class="{{ $social['icon'] }}"></i></a>
                            @endforeach
                        </div>
                        @endif
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 p-0 sm-pl-15">
                            <div class="footer-widget wow fadeInUp" data-wow-delay="0.4s">
                                <h4 class="title">Information</h4>
                                <ul class="list-unstyled">
                                    @foreach($footerMenu as $item)
                                        <li><a href="{{ $item['href'] }}">{{ $item['label'] }}</a></li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 p-0 sm-pl-15">
                            <div class="footer-widget wow fadeInUp" data-wow-delay="0.6s">
                                <h4 class="title">Services</h4>
                                <ul class="list-unstyled">
                                    @forelse($footerServices as $service)
                                        <li><a href="{{ route('frontend.services.show', $service) }}">{{ $service->name }}</a></li>
                                    @empty
                                        <li><a href="{{ route('frontend.services.index') }}">Web Development</a></li>
                                        <li><a href="{{ route('frontend.services.index') }}">UI/UX Design</a></li>
                                        <li><a href="{{ route('frontend.services.index') }}">Digital Marketing</a></li>
                                        <li><a href="{{ route('frontend.services.index') }}">Networking</a></li>
                                        <li><a href="{{ route('frontend.services.index') }}">Hosting</a></li>
                                    @endforelse
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-1 md-d-none"></div>
                <div class="col-lg-3 col-md-4">
                    <div class="footer-widget ml-0 mb-0 wow fadeInUp" data-wow-delay="0.8s">
                        <h4 class="title">Latest Blog</h4>
                        @forelse($latestNews as $index => $newsItem)
                            <div class="recent-post-item {{ $loop->last ? 'mb--20' : '' }}">
                                <figure class="image">
                                    <a href="{{ route('frontend.news.show', $newsItem->slug) }}">
                                        <img class="cms-theme-footer-post-thumb" width="88" height="84" src="{{ $newsItem->featured_image ? asset('storage/' . $newsItem->featured_image) : asset('frontend/images/footer/gallery-' . ($index + 1) . '.webp') }}" alt="{{ $newsItem->title }}">
                                    </a>
                                </figure>
                                <div class="recent-post-info">
                                    <h4 class="title"><a href="{{ route('frontend.news.show', $newsItem->slug) }}">{{ $newsItem->title }}</a></h4>
                                    <span class="post-date">{{ optional($newsItem->published_at)->format('d M, Y') }}</span>
                                </div>
                            </div>
                        @empty
                            <div class="recent-post-item">
                                <figure class="image">
                                    <a href="{{ route('frontend.news.index') }}"><img class="cms-theme-footer-post-thumb" width="88" height="84" src="{{ asset('frontend/images/footer/gallery-1.webp') }}" alt=""></a>
                                </figure>
                                <div class="recent-post-info">
                                    <h4 class="title"><a href="{{ route('frontend.news.index') }}">Fresh updates will appear here.</a></h4>
                                    <span class="post-date">{{ now()->format('d M, Y') }}</span>
                                </div>
                            </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row gy-15">
                <div class="col-md-6">
                    <div class="copyright wow fadeInUp" data-wow-delay=".3s">
                        <p class="mb-0">Copyright &copy; {{ date('Y') }} {{ $siteName }}. All Rights Reserved.</p>
                    </div>
                </div>
                <div class="col-md-6 text-md-end">
                    <div class="footer-policy wow fadeInUp" data-wow-delay=".6s">
                        <a href="{{ route('frontend.faq') }}">FAQ</a>
                        <a href="{{ route('frontend.privacy') }}">Privacy Policy</a>
                        <a href="{{ route('frontend.terms') }}">Terms</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>