@php
    use App\Helpers\FooterNavData;
    use App\Helpers\SeoHelper;
    use App\Helpers\MarketContent;

    $locale = app()->getLocale();
    $legalContent = MarketContent::legal($locale);
    $footerContent = MarketContent::footer($locale);
    $footerNavColumns = FooterNavData::prepare()['columns'];

    $localizedRoute = function ($routeName, $params = []) use ($locale) {
        return SeoHelper::localizedRoute($routeName, $params, $locale);
    };

    $footerReviews = array_values(data_get($footerContent, 'reviews', []));
    $reviewCount = count($footerReviews);
    $reviewIndex = $reviewCount > 0
        ? (int) substr(md5(request()->path()), 0, 2) % $reviewCount
        : 0;

    $footerReviewsVisible = [];
    if ($reviewCount > 0) {
        $visibleCount = min(3, $reviewCount);
        for ($i = 0; $i < $visibleCount; $i++) {
            $footerReviewsVisible[] = $footerReviews[($reviewIndex + $i) % $reviewCount];
        }
    }
@endphp

<footer class="site-footer" role="contentinfo" aria-label="{{ __('messages.accessibility.site_footer') }}">
    <div class="site-container">

        @if(! empty($footerBreadcrumbs) && count($footerBreadcrumbs) > 0)
        <nav class="site-footer__breadcrumb" aria-label="{{ __('messages.accessibility.breadcrumb') }}">
            <div class="flex flex-wrap items-center gap-x-1.5 gap-y-1">
                @foreach($footerBreadcrumbs as $index => $item)
                    @if($index > 0)
                        <span class="site-footer__legal-sep select-none" aria-hidden="true">&gt;</span>
                    @endif
                    @if(! empty($item['url']))
                        @if($index === 0)
                            <a href="{{ $item['url'] }}" class="inline-flex items-center gap-1.5" title="{{ $item['name'] }}">
                                <svg class="w-4 h-4 flex-shrink-0 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
                                <span>{{ $item['name'] }}</span>
                            </a>
                        @else
                            <a href="{{ $item['url'] }}">{{ $item['name'] }}</a>
                        @endif
                    @else
                        <span aria-current="page">{{ $item['name'] }}</span>
                    @endif
                @endforeach
            </div>
        </nav>
        @endif

        <div class="site-footer__body">
            <aside class="site-footer__brand-panel">
                <a href="{{ $localizedRoute('home') }}"
                   class="site-footer__brand-name"
                   title="{{ __('messages.accessibility.go_to_homepage') }}"
                   aria-label="{{ __('messages.meta.site_name') }} — {{ __('messages.nav.home') }}">
                    {{ __('messages.meta.author') }}
                </a>
                <p class="site-footer__brand-desc">{{ data_get($footerContent, 'brand_description') }}</p>

                @if(count($footerReviewsVisible) > 0)
                <div class="site-footer__reviews" aria-label="{{ data_get($footerContent, 'client_reviews') }}">
                    <div class="site-footer__review-stars">
                        <div class="flex items-center gap-0.5" aria-hidden="true">
                            @for($i = 0; $i < 5; $i++)
                            <svg class="w-3.5 h-3.5 text-amber-500" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                            @endfor
                        </div>
                        <span class="site-footer__review-label">{{ data_get($footerContent, 'reviews_rating_count') }}</span>
                    </div>
                    <div class="site-footer__review-list">
                        @foreach($footerReviewsVisible as $index => $review)
                        <figure @class(['site-footer__review-card', 'site-footer__review-card--desktop-only' => $index > 0])>
                            @if(! empty($review['quote']))
                            <blockquote class="site-footer__review-quote">"{{ $review['quote'] }}"</blockquote>
                            <figcaption class="site-footer__review-author">— {{ $review['author'] }}</figcaption>
                            @endif
                        </figure>
                        @endforeach
                    </div>
                </div>
                @endif

                <nav class="site-footer__social" aria-label="{{ __('messages.accessibility.social_media_links') }}">
                    <a href="https://www.facebook.com/CriazoDigital" target="_blank" rel="noopener noreferrer" aria-label="{{ __('messages.accessibility.follow_on_facebook') }}">
                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                    </a>
                    <a href="https://www.instagram.com/criazoDigital" target="_blank" rel="noopener noreferrer" aria-label="{{ __('messages.accessibility.follow_on_instagram') }}">
                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
                    </a>
                </nav>
            </aside>

            <div class="site-footer__nav">
                @foreach($footerNavColumns as $column)
                <nav aria-label="{{ $column['label'] }}">
                    <h3 class="site-footer__col-heading">
                        @if(! empty($column['href']))
                        <a href="{{ $column['href'] }}" class="site-footer__col-head">{{ $column['label'] }}</a>
                        @else
                        <span class="site-footer__col-head">{{ $column['label'] }}</span>
                        @endif
                    </h3>
                    <ul class="site-footer__links">
                        @foreach($column['links'] as $link)
                        <li>
                            <a href="{{ $link['href'] }}" class="site-footer__link">{{ $link['label'] }}</a>
                        </li>
                        @endforeach
                    </ul>
                </nav>
                @endforeach
            </div>
        </div>

        <div class="site-footer__divider" aria-hidden="true"></div>

        <div class="site-footer__legal">
            <p>{{ data_get($footerContent, 'copyright') }} &copy; {{ date('Y') }} {{ __('messages.brand_name') }}. {{ data_get($footerContent, 'all_rights') }}</p>
            <nav aria-label="{{ __('messages.accessibility.legal_links') }}">
                <a href="{{ $localizedRoute('privacy-policy.index') }}">{{ data_get($legalContent, 'footer.privacy_policy') }}</a>
                <span class="site-footer__legal-sep" aria-hidden="true">·</span>
                <a href="{{ $localizedRoute('cookie-policy.index') }}">{{ data_get($legalContent, 'footer.cookie_policy') }}</a>
                <span class="site-footer__legal-sep" aria-hidden="true">·</span>
                <a href="{{ url('/sitemap.xml') }}" rel="noopener">{{ data_get($legalContent, 'footer.site_map') }}</a>
            </nav>
        </div>
    </div>
</footer>