@php
    use App\Support\HomeSpecialtyGridPresenter;

    $l = ['locale' => app()->getLocale()];
    $cu = $footerContact ?? null;
    $specialties = HomeSpecialtyGridPresenter::items();
    $address = $cu ? locale_field($cu, 'address') : null;
    $phone = $cu?->mobile ?: ($cu?->cellphone ?? null);
    $phoneHref = $phone ? 'tel:'.preg_replace('/\s+/', '', $phone) : null;
@endphp

<footer class="site-footer relative mt-auto px-2">
    <div class="site-container site-footer__main">
        <div class="site-footer__grid">
            {{-- Brand --}}
            <div class="site-footer__brand">
                <x-site.logo variant="footer" :show-tagline="true" />
                <p class="site-footer__tagline">{{ brand_trans('site.footer_tagline') }}</p>

                @feature('footer.contact')
                @if ($phone || $cu?->email || $address)
                    <ul class="site-footer__contact">
                        @if ($phone && $phoneHref)
                            <li>
                                <a href="{{ $phoneHref }}" class="site-footer__contact-link" dir="ltr">
                                    <x-site.icon name="phone" class="h-3.5 w-3.5 shrink-0 text-brand-accent" />
                                    <span>{{ $phone }}</span>
                                </a>
                            </li>
                        @endif
                        @if ($cu?->email)
                            <li>
                                <a href="mailto:{{ $cu->email }}" class="site-footer__contact-link">
                                    <x-site.icon name="envelope" class="h-3.5 w-3.5 shrink-0 text-brand-accent" />
                                    <span>{{ $cu->email }}</span>
                                </a>
                            </li>
                        @endif
                        @if ($address)
                            <li class="site-footer__address">
                                <x-site.icon name="map-pin" class="mt-0.5 h-3.5 w-3.5 shrink-0 text-brand-accent" />
                                <span>{{ $address }}</span>
                            </li>
                        @endif
                    </ul>
                @endif
                @endfeature

                @feature('footer.socials')
                @if ($cu && ($cu->whatsapp || $cu->telegram || $cu->instagram || $cu->eita))
                    <ul class="site-footer__socials">
                        @if ($cu->whatsapp)
                            @php($w = preg_replace('/\D+/', '', $cu->whatsapp))
                            <li><a href="https://wa.me/{{ $w }}" target="_blank" rel="noopener" class="site-footer-social">WhatsApp</a></li>
                        @endif
                        @if ($cu->telegram)
                            <li><a href="{{ str_starts_with($cu->telegram, 'http') ? $cu->telegram : 'https://t.me/'.ltrim($cu->telegram, '@') }}" target="_blank" rel="noopener" class="site-footer-social">Telegram</a></li>
                        @endif
                        @if ($cu->instagram)
                            <li><a href="{{ str_starts_with($cu->instagram, 'http') ? $cu->instagram : 'https://instagram.com/'.ltrim($cu->instagram, '@') }}" target="_blank" rel="noopener" class="site-footer-social">Instagram</a></li>
                        @endif
                        @if ($cu->eita)
                            <li><a href="{{ str_starts_with($cu->eita, 'http') ? $cu->eita : 'https://eitaa.com/'.ltrim($cu->eita, '@') }}" target="_blank" rel="noopener" class="site-footer-social">Eitaa</a></li>
                        @endif
                    </ul>
                @endif
                @endfeature
            </div>

            {{-- Services from presenter --}}
            @if (site_shows_services())
            <div class="site-footer__col">
                <p class="site-footer__heading">{{ __('site.footer_services') }}</p>
                <ul class="site-footer__links">
                    @forelse ($specialties as $item)
                        <li>
                            <a href="{{ $item['url'] }}">{{ $item['title'] }}</a>
                        </li>
                    @empty
                        <li>
                            <a href="{{ route('site.services.index', $l) }}">{{ __('site.nav_services') }}</a>
                        </li>
                    @endforelse
                    <li>
                        <a href="{{ route('site.services.index', $l) }}" class="site-footer__link-strong">{{ __('site.footer_all_services') }} →</a>
                    </li>
                </ul>
            </div>
            @endif

            @feature('footer.links')
            {{-- Explore --}}
            <div class="site-footer__col">
                <p class="site-footer__heading">{{ __('site.footer_explore') }}</p>
                <ul class="site-footer__links">
                    <li><a href="{{ route('site.home', $l) }}">{{ __('site.nav_home') }}</a></li>
                    @if (site_shows_products())
                    <li><a href="{{ route('site.products.index', $l) }}">{{ __('site.nav_products') }}</a></li>
                    @endif
                    @if (site_shows_services())
                    <li><a href="{{ route('site.services.index', $l) }}">{{ __('site.nav_services') }}</a></li>
                    @endif
                    @feature('categories')
                    <li><a href="{{ route('site.industries.index', $l) }}">{{ __('site.industries_title') }}</a></li>
                    @endfeature
                    @feature('articles_blog')<li><a href="{{ route('site.blog.index', $l) }}">{{ __('site.nav_blog') }}</a></li>@endfeature
                    @feature('news')<li><a href="{{ route('site.news.index', $l) }}">{{ __('site.nav_news') }}</a></li>@endfeature
                    <li><a href="{{ route('site.faq', $l) }}">{{ __('site.nav_faq') }}</a></li>
                    <li><a href="{{ route('site.contact', $l) }}">{{ __('site.nav_contact') }}</a></li>
                </ul>
            </div>

            {{-- Resources + quick actions --}}
            <div class="site-footer__col site-footer__col--actions">
                <p class="site-footer__heading">{{ __('site.footer_resources') }}</p>
                <ul class="site-footer__links">
                    @feature('articles_blog')<li><a href="{{ route('site.blog.index', $l) }}">{{ __('site.nav_blog') }}</a></li>@endfeature
                    @feature('news')<li><a href="{{ route('site.news.index', $l) }}">{{ __('site.nav_news') }}</a></li>@endfeature
                    <li><a href="{{ route('site.faq', $l) }}">{{ __('site.nav_faq') }}</a></li>
                    @if (site_shows_tracking())
                    <li><a href="{{ route('site.repair-tracking.index', $l) }}">{{ __('site.cta_track') }}</a></li>
                    @endif
                </ul>

                <p class="site-footer__heading site-footer__heading--spaced">{{ __('site.footer_quick') }}</p>
                <div class="site-footer__quick">
                    <x-site.profile-cta name="primary" class="site-footer__quick-primary" />
                    <x-site.profile-cta name="secondary" variant="outline" class="site-footer__quick-secondary" />
                    <a href="{{ route('site.contact', $l) }}" class="site-footer__quick-secondary">
                        {{ __('site.nav_contact') }}
                    </a>
                    @if (site_whatsapp_url())
                    <a href="{{ site_whatsapp_url() }}" target="_blank" rel="noopener" class="site-footer__quick-secondary">
                        {{ __('site.cta_whatsapp') }}
                    </a>
                    @endif
                </div>
            </div>
            @endfeature
        </div>
    </div>

    @feature('footer.copyright')
    <div class="site-footer-bottom">
        <div class="site-container site-footer-bottom__inner">
            <div class="site-footer-bottom__row">
                <p>© {{ date('Y') }} {{ brand_name() }} · {{ __('site.footer_rights') }}</p>
                <p>{{ brand_tagline() }}</p>
            </div>
            <p class="site-footer-bottom__disclaimer">{{ brand_trans('site.footer_disclaimer') }}</p>
        </div>
    </div>
    @endfeature
</footer>