@php
    $primaryBranch = ($siteData?->branches ?? [])[0] ?? null;
    $footerAbout = $siteData?->getTranslation('short_description', app()->getLocale(), false)
        ?: $siteData?->getTranslation('short_description', 'en', false)
        ?: '';
    $contactPhone = $siteData?->phone ?: ($primaryBranch['phone'] ?? '');
    $contactEmail = $siteData?->email ?: ($primaryBranch['email'] ?? '');
    $contactAddress = $siteData?->getTranslation('address', app()->getLocale(), false)
        ?: $siteData?->getTranslation('address', 'en', false)
        ?: ($primaryBranch['address'] ?? '');
    $whatsAppPhone = $siteData?->whatsapp ?: preg_replace('/\D+/', '', (string) $contactPhone);
    // Phones: main number, then each branch's from Main Data > Contact > Branches. Addresses: the
    // branches' own when they have any (the main address usually repeats the first branch), else the main one.
    $footerBranches = collect($siteData?->branches ?? []);
    $footerPhones = collect([$contactPhone])->merge($footerBranches->pluck('phone'))->filter()->map(fn ($v) => trim((string) $v))->unique()->take(3);
    $branchAddresses = $footerBranches->pluck('address')->filter()->map(fn ($v) => trim((string) $v))->unique();
    $footerAddresses = ($branchAddresses->isNotEmpty() ? $branchAddresses : collect([$contactAddress])->filter())->take(3);
    $footerLinks = [
        ['route' => 'home', 'label' => trans('site.nav.home')],
        ['route' => 'about', 'label' => trans('site.nav.about')],
        ['route' => 'services', 'label' => trans('site.nav.services')],
        ['route' => 'clinic.search', 'label' => trans('site.nav.doctors')],
        ['route' => 'before-after', 'label' => trans('site.nav.before_after')],
        ['route' => 'blog.index', 'label' => trans('site.nav.blog')],
        ['route' => 'contact', 'label' => trans('site.nav.contact')],
    ];
@endphp
<footer class="footer-wrapper footer-layout1" data-bg-src="{{ asset('assets_web/img/bg-shape-7.jpg') }}">
    <div class="container">
        <div class="footer-top">
            <div class="row align-items-center justify-content-between">
                <div class="col-sm-6 col-md-auto text-center text-sm-start">
                    <div class="footer1-logo bg-white">
                        <a href="{{ route('home') }}"><img src="{{ asset('assets_web/img/logo.png') }}" class="logoimgfoot" loading="lazy" alt="{{ $siteData?->name ?? 'BST Clinics' }}"></a>
                    </div>
                </div>
                <div class="col-sm-6 col-md-auto pt-20 pt-sm-0 pb-20 pb-sm-0 text-center text-sm-end">
                    <div class="footer-social">
                        @if (!empty($siteData?->facebook))
                            <a href="{{ $siteData->facebook }}" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
                        @endif
                        @if (!empty($siteData?->instagram))
                            <a href="{{ $siteData->instagram }}" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
                        @endif
                        @if (!empty($siteData?->linkedin))
                            <a href="{{ $siteData->linkedin }}" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
                        @endif
                        @if (!empty($siteData?->twitter))
                            <a href="{{ $siteData->twitter }}" target="_blank" rel="noopener">
                                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
                                    <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path>
                                </svg>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="widget-area">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-md-3">
                    <div class="widget footer-widget">
                        <h3 class="widget_title">{{ trans('site.footer.about_title') }}</h3>
                        <div class="vs-widget-about">
                            <p>{{ $footerAbout }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget footer-widget widget_nav_menu">
                        <h3 class="widget_title">{{ trans('site.footer.menu_title') }}</h3>
                        <div class="menu-all-pages-container">
                            <ul class="menu">
                                @foreach ($footerLinks as $link)
                                    <li><a href="{{ route($link['route']) }}">{{ $link['label'] }}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget footer-widget">
                        <h4 class="widget_title">{{ trans('site.footer.contact_title') }}</h4>
                        <div class="footer-gallery">
                            @foreach ($footerPhones as $footerPhone)
                                <div class="gal-item">
                                    <a class="text-theme2" href="tel:{{ preg_replace('/\s+/', '', $footerPhone) }}" dir="ltr"><i class="fas fa-phone-alt me-2 clr"></i> {{ $footerPhone }}</a>
                                </div>
                            @endforeach
                            @foreach ($footerAddresses as $footerAddress)
                                <div class="gal-item">
                                    <a class="text-theme2" href="https://www.google.com/maps/search/?api=1&query={{ urlencode($footerAddress) }}" target="_blank" rel="noopener"><i class="far fa-map-marker-alt me-2 clr"></i> {{ $footerAddress }}</a>
                                </div>
                            @endforeach
                            @if ($contactEmail)
                                <div class="gal-item">
                                    <a class="text-theme2" href="mailto:{{ $contactEmail }}"><i class="far fa-envelope me-2 clr"></i> {{ $contactEmail }}</a>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget footer-widget">
                        <h3 class="widget_title">{{ trans('site.footer.hours_title') }}</h3>
                        <div class="footer-table">
                            <table>
                                @foreach (($siteData ?? new \App\Models\Site\SiteData())->visitingHoursForDisplay() as $hours)
                                    <tr>
                                        <td>{{ $hours['days'] }}:</td>
                                        <td>{{ $hours['time'] }}</td>
                                    </tr>
                                @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright bg-theme">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-auto text-center text-md-end">
                    <p class="mb-0 text-white">{{ trans('site.footer.copyright', ['year' => date('Y'), 'name' => $siteData?->name ?? 'BST Clinics']) }}</p>
                </div>
                <div class="col-auto d-none d-md-block">
                    <ul class="footer-bottom-menu">
                        <li><a href="{{ route('privacy-policy') }}">{{ trans('site.footer.privacy_policy') }}</a></li>
                        <li><a href="{{ route('privacy-terms') }}">{{ trans('site.footer.terms') }}</a></li>
                        <li><a href="{{ route('faq') }}">{{ trans('site.footer.faq') }}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>

<a href="#" class="scrollToTop scroll-bottom style2"><i class="fas fa-arrow-alt-up"></i></a>

@if ($whatsAppPhone)
    <a href="https://api.whatsapp.com/send/?phone={{ $whatsAppPhone }}" class="whats" target="_blank" data-target="html"><span class="fab fa-whatsapp"></span></a>
@endif