{{-- Marketplace footer — макет редизайна: тёмная плита Ink, подписи колонок капсом. --}}
<footer class="mt-14 bg-[var(--color-dark)] text-white/60">
    {{-- Подвал лежит вне <main>, где задан отступ под фиксированную нижнюю панель,
         поэтому свой запас снизу нужен здесь — иначе панель накрывает правовые ссылки. --}}
    <div class="mx-auto w-full max-w-[1320px] px-4 pb-28 pt-9 sm:px-6 md:pb-6">
        {{-- На телефоне ссылки идут в две колонки: в одну они занимали экран целиком
             при пустой правой половине и растягивали подвал на несколько прокруток. --}}
        <div class="grid grid-cols-2 gap-x-6 gap-y-8 border-b border-white/10 pb-8 md:grid-cols-2 md:gap-6 lg:grid-cols-[1.3fr_1fr_1fr_1fr_1fr]">
            {{-- Brand --}}
            <div class="col-span-2 md:col-span-1">
                @php($__settings = app(\App\Services\Settings\SettingsService::class))
                <img src="{{ asset('images/teeu-wordmark.webp') }}" alt="teeu" width="66" height="30" class="block h-[30px] w-auto opacity-90 [filter:brightness(0)_invert(1)]">
                <p class="mb-4 mt-2.5 max-w-[260px] text-[12.5px] leading-[1.55]">{{ $__settings->get('footer.tagline') }}</p>
                @php($__socials = [
                    ['key' => 'footer.social.vk', 'name' => 'vk', 'label' => 'ВКонтакте'],
                    ['key' => 'footer.social.telegram', 'name' => 'telegram', 'label' => 'Telegram'],
                    ['key' => 'footer.social.max', 'name' => 'max', 'label' => 'MAX'],
                    ['key' => 'footer.social.dzen', 'name' => 'dzen', 'label' => 'Дзен'],
                ])
                <div class="flex flex-wrap gap-2.5">
                    @foreach ($__socials as $__s)
                        @php($__url = $__settings->get($__s['key']))
                        @if (filled($__url))
                            <a href="{{ $__url }}" target="_blank" rel="noopener nofollow" aria-label="{{ $__s['label'] }}"
                               class="grid h-9 w-9 place-items-center rounded-[var(--radius-md)] bg-white/[0.07] text-white/70 transition hover:bg-white/[0.12] hover:text-white">
                                @include('partials.social-icon', ['name' => $__s['name'], 'class' => 'h-[18px] w-[18px]'])
                            </a>
                        @endif
                    @endforeach
                </div>
            </div>

            {{-- Link columns --}}
            @foreach ([
                'Магазин' => [['Все категории', route('catalog.index')], ['Акции дня', route('deals.index')], ['Новинки', route('new.index')]],
                'Продавцам' => [['Открыть магазин', route('sell')], ['Кабинет продавца', route('become-seller')], ['Правила', route('rules')]],
                'Помощь' => [['Блог', route('blog.index')], ['Справочный центр', route('help.index')], ['Отследить заказ', route('track.index')], ['Возврат и обмен', route('returns')], ['Доставка', route('delivery')], ['Связаться с нами', route('contacts')]],
            ] as $title => $links)
                <div>
                    <div class="mb-3 text-[11px] font-bold uppercase tracking-[1px] text-white/50">{{ $title }}</div>
                    <div class="flex flex-col gap-2">
                        @foreach ($links as $link)
                            <a href="{{ $link[1] ?? '#' }}" class="w-fit text-[12.5px] text-white/75 transition hover:text-white">{{ $link[0] }}</a>
                        @endforeach
                    </div>
                </div>
            @endforeach

            {{-- Магазины приложений. Показываем только те, куда приложение уже
                 выложено: неактивная кнопка «скоро» выглядит как сломанная ссылка.
                 Пока не заполнен ни один адрес — остаётся только строка-обещание.

                 Внутри самого приложения блок не нужен: предлагать скачать то,
                 в чём человек уже сидит, — как баннер установки PWA, который мы
                 там же и прячем. --}}
            @unless (app(\App\Services\Mobile\MobileAppContext::class)->isApp())
            @php($__stores = collect([
                ['key' => 'footer.app.rustore', 'name' => 'rustore', 'label' => 'RuStore'],
                ['key' => 'footer.app.appgallery', 'name' => 'appgallery', 'label' => 'AppGallery'],
                ['key' => 'footer.app.appstore', 'name' => 'appstore', 'label' => 'App Store'],
                ['key' => 'footer.app.google_play', 'name' => 'googleplay', 'label' => 'Google Play'],
            ])->map(fn ($s) => $s + ['url' => (string) $__settings->get($s['key'])])->filter(fn ($s) => filled($s['url'])))
            <div>
                <div class="mb-3 text-[11px] font-bold uppercase tracking-[1px] text-white/50">Приложение</div>
                @php($__appNote = (string) $__settings->get('footer.app.note'))
                @if (filled($__appNote) || $__stores->isEmpty())
                    <p class="mb-3 text-[12.5px] leading-[1.55]">{{ $__appNote ?: 'Скоро в RuStore и AppGallery.' }}</p>
                @endif
                @if ($__stores->isNotEmpty())
                    <div class="flex flex-col gap-2.5">
                        @foreach ($__stores as $__store)
                            <a href="{{ $__store['url'] }}" target="_blank" rel="noopener"
                               class="inline-flex w-fit items-center gap-2.5 rounded-[var(--radius-md)] bg-white/[0.07] px-3.5 py-2 text-[12.5px] font-semibold text-white transition hover:bg-white/[0.12]">
                                @include('partials.social-icon', ['name' => $__store['name'], 'class' => 'h-[18px] w-[18px] shrink-0'])
                                {{ $__store['label'] }}
                            </a>
                        @endforeach
                    </div>
                @endif
            </div>
            @endunless
        </div>

        <div class="flex flex-wrap items-center justify-between gap-3 pt-3.5 text-white/50">
            <span class="text-[11.5px]">© {{ date('Y') }} teeu. Все права защищены.</span>
            <div class="flex flex-wrap items-center gap-x-5 gap-y-2">
                <a href="{{ route('privacy') }}" class="text-[11.5px] transition hover:text-white">Конфиденциальность</a>
                <a href="{{ route('consent') }}" class="text-[11.5px] transition hover:text-white">Согласие на обработку ПДн</a>
                <a href="{{ route('terms') }}" class="text-[11.5px] transition hover:text-white">Условия</a>
                <a href="{{ route('cookies') }}" class="text-[11.5px] transition hover:text-white">Cookies</a>
            </div>
        </div>

        {{-- Оговорка об оферте: цены и наличие приходят из фидов и финализируются
             продавцом (площадка работает по заявкам, без оплаты), поэтому носят
             справочный характер. Общая на весь сайт — рядом с правовыми ссылками. --}}
        <p class="mt-3 text-[11.5px] leading-relaxed text-white/40">
            Вся информация на сайте, включая цены и наличие товаров, носит справочный характер и не является публичной офертой. Актуальные цены и условия уточняйте у продавца.
        </p>
    </div>
</footer>