@php
    $footerContent = App\Footer::first();
    $copyrightText = isset($Copyright) ? $Copyright : '';
    $newsletterEnabled = App\Widgetsetting::where('name', 'newsletter')->first();
@endphp

{{-- ============= QUICK BENEFITS BAR ============= --}}
@if(!empty($footer3_widget) && ($footer3_widget->shiping || $footer3_widget->mobile || $footer3_widget->return || $footer3_widget->money))
<section class="max-w-[1400px] mx-auto px-4 lg:px-6 mt-10">
    <div class="grid grid-cols-2 md:grid-cols-4 bg-white rounded-2xl shadow-card divide-y md:divide-y-0 md:divide-x divide-slate-100 overflow-hidden">
        @if($footer3_widget->shiping)
        <div class="flex items-center gap-3 p-4 lg:p-5">
            <div class="w-11 h-11 bg-brand-50 rounded-lg grid place-items-center text-brand-600 shrink-0">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 7h11v9H3zM14 10h4l3 3v3h-7"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></svg>
            </div>
            <div class="leading-tight"><div class="font-semibold text-[14px]">{{ $footer3_widget->shiping }}</div><div class="text-[12px] text-slate-500">{{ __('On all orders') }}</div></div>
        </div>
        @endif
        @if($footer3_widget->mobile)
        <div class="flex items-center gap-3 p-4 lg:p-5">
            <div class="w-11 h-11 bg-fuchsia-50 rounded-lg grid place-items-center text-fuchsia-600 shrink-0">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V6a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v9Z"/></svg>
            </div>
            <div class="leading-tight"><div class="font-semibold text-[14px]">{{ $footer3_widget->mobile }}</div><div class="text-[12px] text-slate-500">{{ __('Always here for you') }}</div></div>
        </div>
        @endif
        @if($footer3_widget->return)
        <div class="flex items-center gap-3 p-4 lg:p-5">
            <div class="w-11 h-11 bg-emerald-50 rounded-lg grid place-items-center text-emerald-600 shrink-0">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>
            </div>
            <div class="leading-tight"><div class="font-semibold text-[14px]">{{ $footer3_widget->return }}</div><div class="text-[12px] text-slate-500">{{ __('Hassle-free policy') }}</div></div>
        </div>
        @endif
        @if($footer3_widget->money)
        <div class="flex items-center gap-3 p-4 lg:p-5">
            <div class="w-11 h-11 bg-amber-50 rounded-lg grid place-items-center text-amber-600 shrink-0">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z"/><path d="m9 12 2 2 4-4"/></svg>
            </div>
            <div class="leading-tight"><div class="font-semibold text-[14px]">{{ $footer3_widget->money }}</div><div class="text-[12px] text-slate-500">{{ __('100% protected checkout') }}</div></div>
        </div>
        @endif
    </div>
</section>
@endif

{{-- ============= BRANDS STRIP ============= --}}
@if(isset($brands) && count($brands) > 0)
<section class="max-w-[1400px] mx-auto px-4 lg:px-6 mt-10">
    <div class="flex items-end justify-between mb-5">
        <div>
            <h2 class="font-display font-extrabold text-2xl">{{ __('Top brands you love') }}</h2>
            <p class="text-[13px] text-slate-500 mt-0.5">{{ __('Authentic products from brands you trust') }}</p>
        </div>
    </div>
    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-3 lg:gap-4">
        @foreach($brands as $brand)
            @php
                $brandCatId = is_array($brand->category_id) && count($brand->category_id) ? $brand->category_id[0] : 0;
                $brandUrl = url('shop?category=' . $brandCatId . '&start=10.00&end=100000.00&brands=' . $brand->id);
            @endphp
            <a href="{{ $brandUrl }}" title="{{ $brand->name }}" class="brand-tile group relative bg-white rounded-2xl shadow-card hover:shadow-hover transition-all duration-300 hover:-translate-y-1 border border-slate-100 overflow-hidden">
                <div class="aspect-[4/3] grid place-items-center p-4 lg:p-5 bg-white">
                    @php
                        // Brand assets are saved under either /images/brand/ (singular, current seeder)
                        // or /images/brands/ (plural, legacy). Try both.
                        $brandImg = null;
                        if ($brand->image) {
                            if (file_exists(public_path('images/brand/' . $brand->image))) $brandImg = url('images/brand/' . $brand->image);
                            elseif (file_exists(public_path('images/brands/' . $brand->image))) $brandImg = url('images/brands/' . $brand->image);
                        }
                    @endphp
                    @if($brandImg)
                        <img src="{{ $brandImg }}" alt="{{ $brand->name }}" loading="lazy" class="max-h-full max-w-full w-auto h-auto object-contain transition-transform duration-300 group-hover:scale-110" style="max-height: 80px;">
                    @else
                        <span class="font-display font-extrabold text-sm text-slate-700 text-center">{{ $brand->name }}</span>
                    @endif
                </div>
                <div class="absolute inset-x-0 bottom-0 px-2 py-1.5 bg-gradient-to-t from-white via-white to-transparent opacity-0 group-hover:opacity-100 transition-opacity">
                    <div class="text-[11px] font-semibold text-slate-700 text-center truncate">{{ $brand->name }}</div>
                </div>
            </a>
        @endforeach
    </div>
</section>
@endif

{{-- ============= NEWSLETTER ============= --}}
@if(isset($newsletterEnabled) && ($newsletterEnabled->home == '1' || $newsletterEnabled->shop == '1'))
<section class="max-w-[1400px] mx-auto px-4 lg:px-6 mt-12">
    <div class="rounded-2xl mesh-1 text-white p-7 lg:p-12 grid md:grid-cols-2 items-center gap-6 overflow-hidden relative">
        <div class="absolute -right-10 -bottom-10 w-72 h-72 bg-saffron/30 rounded-full blur-3xl"></div>
        <div class="relative">
            <div class="text-[11px] font-bold uppercase tracking-wider text-saffron">{{ __('Newsletter') }}</div>
            <h2 class="font-display font-extrabold text-2xl md:text-3xl lg:text-4xl mt-2 leading-tight">{{ __('staticwords.newsletterheading') ?? 'Get exclusive deals & updates' }}</h2>
            <p class="text-white/80 mt-2 text-[14px] max-w-md">{{ __('staticwords.newsletterwords') ?? 'Subscribe for weekly deals and early access to launches.' }}</p>
        </div>
        <form class="relative flex flex-col sm:flex-row gap-2" method="POST" action="{{ url('newsletter') }}">
            @csrf
            <input type="email" name="email" required placeholder="{{ __('Enter your email') }}" class="flex-1 h-12 px-4 rounded-full text-deep outline-none placeholder-slate-400">
            <button type="submit" class="bg-saffron hover:bg-yellow-400 text-deep font-bold px-6 h-12 rounded-full transition-colors whitespace-nowrap">{{ __('Subscribe') }} →</button>
        </form>
    </div>
</section>
@endif

{{-- ============= MAIN FOOTER ============= --}}
<footer class="bg-deep text-white mt-12">
    <div class="max-w-[1400px] mx-auto px-4 lg:px-6 py-12 lg:py-14 grid md:grid-cols-12 gap-8">

        <div class="md:col-span-4">
            <div class="flex items-center gap-2">
                @if(isset($front_logo) && $front_logo && file_exists(public_path() . '/images/genral/footer/' . $front_logo))
                    <a href="{{ url('/') }}"><img src="{{ url('images/genral/footer/' . $front_logo) }}" alt="{{ $title ?? 'Emart' }}" class="h-10 w-auto"></a>
                @else
                    <div class="w-9 h-9 bg-brand-500 rounded-lg grid place-items-center font-display font-extrabold text-lg">{{ strtoupper(substr($title ?? 'E', 0, 1)) }}</div>
                    <span class="font-display font-extrabold text-xl">{{ $title ?? 'Emart' }}</span>
                @endif
            </div>
            <p class="text-white/70 text-[13px] mt-4 max-w-sm leading-relaxed">{{ $footerContent ? strip_tags($footerContent->content) : __('Your trusted online marketplace for electronics, mobiles, fashion, home, beauty & more.') }}</p>

            @php
                // Map every supported network slug -> SVG path data + label.
                // Resolution order: explicit `icon` column first, then URL substring fallback for legacy data.
                $socialIconLib = [
                    'facebook'  => ['label' => 'Facebook',  'host' => 'facebook.com',  'd' => 'M9 8h-3v4h3v12h5v-12h3.6l.4-4h-4v-1.7c0-1 .2-1.3 1.1-1.3h2.9v-5h-3.8c-3.6 0-5.2 1.6-5.2 4.6v3.4z'],
                    'twitter'   => ['label' => 'Twitter',   'host' => 'twitter.com',   'd' => 'M22 4.01c-1 .49-1.98.689-3 .99-1.121-1.265-2.783-1.335-4.38-.737S11.977 6.323 12 8v1c-3.245.083-6.135-1.395-8-4 0 0-4.182 7.433 4 11-1.872 1.247-3.739 2.088-6 2 3.308 1.803 6.913 2.423 10.034 1.517 3.58-1.04 6.522-3.723 7.651-7.742a13.84 13.84 0 0 0 .497-3.753c-.002-.249 1.51-2.772 1.818-4.013z'],
                    'instagram' => ['label' => 'Instagram', 'host' => 'instagram.com', 'd' => 'M12 2.16c3.2 0 3.58 0 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85s0 3.58-.07 4.85c-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.65.07-4.85.07s-3.58 0-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.65-.07-4.85s0-3.58.07-4.85C2.38 3.92 3.9 2.38 7.15 2.23 8.42 2.18 8.8 2.16 12 2.16zM12 0C8.74 0 8.33 0 7.05.07 2.7.27.27 2.69.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.2 4.36 2.62 6.78 6.98 6.98C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.2-4.35-2.63-6.78-6.98-6.98C15.67.01 15.26 0 12 0z M12 5.84c-3.4 0-6.16 2.76-6.16 6.16s2.76 6.16 6.16 6.16 6.16-2.76 6.16-6.16-2.76-6.16-6.16-6.16zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z M19.85 5.59c0 .8-.65 1.44-1.44 1.44s-1.44-.64-1.44-1.44.65-1.44 1.44-1.44 1.44.64 1.44 1.44z'],
                    'youtube'   => ['label' => 'YouTube',   'host' => 'youtube.com',   'd' => 'M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'],
                    'linkedin'  => ['label' => 'LinkedIn',  'host' => 'linkedin.com',  'd' => 'M20.5 2h-17A1.5 1.5 0 0 0 2 3.5v17A1.5 1.5 0 0 0 3.5 22h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 1 1 8.3 6.5a1.78 1.78 0 0 1-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0 0 13 14.19a.66.66 0 0 0 0 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 0 1 2.7-1.4c1.55 0 3.36.86 3.36 3.66z'],
                    'pinterest' => ['label' => 'Pinterest', 'host' => 'pinterest.',    'd' => 'M12 0a12 12 0 0 0-4.4 23.16c-.1-.92-.2-2.34.04-3.34.22-.91 1.42-5.78 1.42-5.78s-.36-.72-.36-1.78c0-1.67.97-2.92 2.18-2.92 1.03 0 1.52.77 1.52 1.7 0 1.03-.66 2.58-1 4.02-.28 1.2.6 2.18 1.78 2.18 2.14 0 3.78-2.26 3.78-5.52 0-2.88-2.07-4.9-5.03-4.9-3.43 0-5.44 2.57-5.44 5.23 0 1.04.4 2.15.9 2.75.1.12.11.22.08.34l-.33 1.37c-.05.22-.18.27-.4.16-1.5-.7-2.43-2.88-2.43-4.64 0-3.78 2.74-7.25 7.91-7.25 4.15 0 7.38 2.96 7.38 6.92 0 4.13-2.6 7.45-6.21 7.45-1.21 0-2.36-.63-2.74-1.38l-.75 2.85c-.27 1.04-1 2.34-1.49 3.13A12 12 0 1 0 12 0z'],
                    'whatsapp'  => ['label' => 'WhatsApp',  'host' => 'wa.me',         'd' => 'M20.5 3.5A11.4 11.4 0 0 0 12 0a12 12 0 0 0-10.4 18L0 24l6.2-1.6A12 12 0 0 0 12 24a12 12 0 0 0 8.5-20.5zM12 21.8a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.7 1 1-3.6-.2-.4a9.8 9.8 0 1 1 8.3 4.6zm5.4-7.3c-.3-.2-1.7-.9-2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7 0a8 8 0 0 1-2.4-1.4 9 9 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.4-.5.3-.4.1-.5c0-.1 0-.4-.1-.6l-1-2.2c-.2-.5-.5-.5-.7-.5h-.6a1.1 1.1 0 0 0-.8.4 3.4 3.4 0 0 0-1 2.5c0 1.5 1 2.9 1.2 3.1.1.2 2.1 3.2 5 4.5 2.1.9 2.4.7 2.8.7s1.6-.7 1.8-1.2c.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.6-.4z'],
                    'telegram'  => ['label' => 'Telegram',  'host' => 't.me',          'd' => 'M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19l-9.49 6L3.7 11.87c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71l-4.13-3.05-1.99 1.93c-.23.23-.42.42-.85.42z'],
                    'tiktok'    => ['label' => 'TikTok',    'host' => 'tiktok.com',    'd' => 'M19.6 7.4a6.4 6.4 0 0 1-3.7-1.2 6.4 6.4 0 0 1-2.5-3.6h-3.3v13.2a3 3 0 1 1-2.1-2.9V9.6a6.3 6.3 0 1 0 5.4 6.2V9.7a9.6 9.6 0 0 0 6.2 2.1z'],
                    'snapchat'  => ['label' => 'Snapchat',  'host' => 'snapchat.com',  'd' => 'M12 0a8 8 0 0 0-8 8c0 1.1 0 2.5-.4 3.5-.3.7-1.1 1.2-1.7 1.6-.5.3-.8.6-.6 1 .3.5 1.5.8 2.5 1.1.5.2.6.7.6 1.1 0 .2.1.4.4.5l1.6.4c.2 0 .3.2.4.5.2.7.6 1.5 1.6 1.5.6 0 1.1-.2 1.7-.4.6-.2 1.2-.4 1.9-.4s1.4.2 2 .4c.5.2 1 .4 1.6.4 1 0 1.4-.8 1.6-1.5.1-.3.2-.5.4-.5l1.6-.4c.3-.1.4-.3.4-.5 0-.4.1-.9.6-1.1 1-.3 2.2-.6 2.5-1.1.2-.4-.1-.7-.6-1-.6-.4-1.4-.9-1.7-1.6-.4-1-.4-2.4-.4-3.5a8 8 0 0 0-8-8z'],
                    'discord'   => ['label' => 'Discord',   'host' => 'discord.',      'd' => 'M20.3 4.4A19.8 19.8 0 0 0 15.4 3l-.3.4c1.6.4 3.1 1 4.5 1.9-1.7-.9-3.6-1.4-5.6-1.6-.6 0-1.3-.1-1.9-.1s-1.3 0-1.9.1c-2 .2-3.9.7-5.6 1.6 1.4-.9 2.9-1.5 4.5-1.9L8.6 3a19.8 19.8 0 0 0-4.9 1.4 21.6 21.6 0 0 0-3.6 14.6 14.7 14.7 0 0 0 4.4 2.3l1-1.4c-.7-.2-1.4-.6-2-1.1l.5-.3a14 14 0 0 0 12 0l.5.3c-.6.4-1.3.8-2 1.1l1 1.4a14.7 14.7 0 0 0 4.4-2.3 21.6 21.6 0 0 0-3.6-14.6zM8.5 15.4c-1.1 0-2-1-2-2.3s.9-2.3 2-2.3 2 1 2 2.3-.9 2.3-2 2.3zm7 0c-1.1 0-2-1-2-2.3s.9-2.3 2-2.3 2 1 2 2.3-.9 2.3-2 2.3z'],
                    'github'    => ['label' => 'GitHub',    'host' => 'github.com',    'd' => 'M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2.2c-3.3.7-4-1.6-4-1.6-.5-1.4-1.3-1.7-1.3-1.7-1.1-.8.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-6 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0c2.3-1.5 3.3-1.2 3.3-1.2.7 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.7-5.5 6 .4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3z'],
                ];
                // Aliases — legacy short codes admins may have stored.
                $socialAliases = [
                    'fb' => 'facebook', 'tw' => 'twitter', 'ig' => 'instagram', 'yt' => 'youtube',
                    'in' => 'linkedin', 'pin' => 'pinterest', 'wa' => 'whatsapp', 'tg' => 'telegram',
                    'x' => 'twitter',
                ];
            @endphp

            @if(!empty($socials) && count($socials))
                @php
                    $renderedSocials = collect($socials)->filter(function ($s) {
                        return (int) ($s->status ?? 1) === 1 && !empty($s->url);
                    });
                @endphp
                @if($renderedSocials->count())
                <div class="flex items-center gap-3 mt-5">
                    @foreach($renderedSocials as $social)
                        @php
                            $key = strtolower(trim((string) $social->icon));
                            if (isset($socialAliases[$key])) $key = $socialAliases[$key];
                            $glyph = $socialIconLib[$key] ?? null;
                            // Fallback: detect by URL host if icon code didn't match.
                            if (!$glyph) {
                                $hostHaystack = strtolower((string) $social->url);
                                foreach ($socialIconLib as $g) {
                                    if (strpos($hostHaystack, $g['host']) !== false) { $glyph = $g; break; }
                                }
                            }
                        @endphp
                        <a href="{{ $social->url }}" target="_blank" rel="noopener" class="w-9 h-9 grid place-items-center border border-white/20 rounded-full hover:bg-white/10 hover:border-saffron transition-colors" aria-label="{{ $glyph['label'] ?? $social->icon }}" title="{{ $glyph['label'] ?? $social->icon }}">
                            @if($glyph)
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="{{ $glyph['d'] }}"/></svg>
                            @else
                                {{-- Generic share glyph for any unknown network --}}
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="M8.6 13.5l6.8 4M15.4 6.5l-6.8 4"/></svg>
                            @endif
                        </a>
                    @endforeach
                </div>
                @endif
            @endif

            <div class="flex items-center gap-2 mt-5">
                <a href="#" class="opacity-90 hover:opacity-100"><img src="{{ url('frontend/assets/images/app/google_play.png') }}" alt="Google Play" class="h-10"></a>
                <a href="#" class="opacity-90 hover:opacity-100"><img src="{{ url('frontend/assets/images/app/app_store.png') }}" alt="App Store" class="h-10"></a>
            </div>
        </div>

        <div class="md:col-span-2">
            <h4 class="font-semibold text-[14px] mb-4">{{ $footer3_widget->footer2 ?? __('Account') }}</h4>
            <ul class="space-y-2.5 text-[13px] text-white/70">
                @if(Auth::check())
                    <li><a href="{{ url('profile') }}" class="hover:text-saffron">{{ __('My Account') }}</a></li>
                    <li><a href="{{ url('order') }}" class="hover:text-saffron">{{ __('Order History') }}</a></li>
                @endif
                <li><a href="{{ url('faq') }}" class="hover:text-saffron">{{ __("FAQ's") }}</a></li>
                <li><a href="{{ route('contact.us') }}" class="hover:text-saffron">{{ __('Contact Us') }}</a></li>
                @if(isset($genrals_settings) && $genrals_settings['vendor_enable'] == 1)
                    @if(!Auth::check() || (Auth::user()->role_id != 'a' && !Auth::user()->store))
                        <li><a href="{{ route('applyforseller') }}" class="hover:text-saffron">{{ __('Apply for Seller Account') }}</a></li>
                    @endif
                @endif
                <li><a href="{{ route('hdesk') }}" class="hover:text-saffron">{{ __('Help Center') }}</a></li>
                <li><a href="{{ route('track.order') }}" class="hover:text-saffron">{{ __('Track Order') }}</a></li>
            </ul>
        </div>

        <div class="md:col-span-2">
            <h4 class="font-semibold text-[14px] mb-4">{{ $footer3_widget->footer3 ?? __('Information') }}</h4>
            <ul class="space-y-2.5 text-[13px] text-white/70">
                @foreach($widget3items ?? [] as $foo)
                    <li>
                        @if($foo->link_by == 'page' && isset($foo->gotopage['slug']))
                            <a href="{{ route('page.slug', $foo->gotopage['slug']) }}" class="hover:text-saffron">{{ $foo->title }}</a>
                        @else
                            <a href="{{ $foo->url }}" class="hover:text-saffron">{{ $foo->title }}</a>
                        @endif
                    </li>
                @endforeach
            </ul>
        </div>

        <div class="md:col-span-2">
            <h4 class="font-semibold text-[14px] mb-4">{{ $footer3_widget->footer4 ?? __('Company') }}</h4>
            <ul class="space-y-2.5 text-[13px] text-white/70">
                @foreach($widget4items ?? [] as $foo)
                    <li>
                        @if($foo->link_by == 'page' && isset($foo->gotopage['slug']))
                            <a href="{{ route('page.slug', $foo->gotopage['slug']) }}" class="hover:text-saffron">{{ $foo->title }}</a>
                        @else
                            <a target="_blank" rel="noopener" href="{{ $foo->url }}" class="hover:text-saffron">{{ $foo->title }}</a>
                        @endif
                    </li>
                @endforeach
            </ul>
        </div>

        <div class="md:col-span-2">
            <h4 class="font-semibold text-[14px] mb-4">{{ __('Connect') }}</h4>
            <ul class="space-y-3 text-[13px] text-white/70">
                @if(!empty($genrals_settings->address))
                    <li class="flex items-start gap-2">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" class="text-saffron mt-1 shrink-0"><path d="M12 21s7-7.5 7-12a7 7 0 1 0-14 0c0 4.5 7 12 7 12Z"/><circle cx="12" cy="9" r="2.5"/></svg>
                        <span>{{ $genrals_settings->address }}</span>
                    </li>
                @endif
                @if(!empty($genrals_settings->mobile))
                    <li class="flex items-center gap-2">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" class="text-saffron shrink-0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92Z"/></svg>
                        <a href="tel:{{ $genrals_settings->mobile }}" class="hover:text-saffron">{{ $genrals_settings->mobile }}</a>
                    </li>
                @endif
                @if(!empty($genrals_settings->email))
                    <li class="flex items-center gap-2">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" class="text-saffron shrink-0"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2Z"/><path d="m22 6-10 7L2 6"/></svg>
                        <a href="mailto:{{ $genrals_settings->email }}" class="hover:text-saffron break-all">{{ $genrals_settings->email }}</a>
                    </li>
                @endif
            </ul>
        </div>
    </div>

    <div class="border-t border-white/10">
        <div class="max-w-[1400px] mx-auto px-4 lg:px-6 py-5 flex flex-col md:flex-row items-center justify-between gap-4 text-[12px] text-white/60">
            <div>{{ $copyrightText ?: '© ' . date('Y') . ' ' . ($title ?? 'Emart') . '. All rights reserved.' }}</div>

            <div class="flex items-center gap-2 flex-wrap justify-center">
                @if($Api_settings->paypal_enable == '1')<a target="_blank" href="https://paypal.com" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/paypal.png') }}" alt="Paypal" class="h-full w-auto"></a>@endif
                @if($Api_settings->stripe_enable == '1')<a target="_blank" href="https://stripe.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/stripe.png') }}" alt="Stripe" class="h-full w-auto"></a>@endif
                @if($Api_settings->braintree_enable == '1')<a target="_blank" href="https://braintreepayments.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/braintree.png') }}" alt="Braintree" class="h-full w-auto"></a>@endif
                @if($Api_settings->paystack_enable == '1')<a target="_blank" href="https://paystack.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/paystack.png') }}" alt="Paystack" class="h-full w-auto"></a>@endif
                @if($Api_settings->paytm_enable == '1')<a target="_blank" href="https://paytm.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/paytm.png') }}" alt="Paytm" class="h-full w-auto"></a>@endif
                @if($Api_settings->razorpay == '1')<a target="_blank" href="https://razorpay.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/razorpay.png') }}" alt="Razorpay" class="h-full w-auto"></a>@endif
                @if($Api_settings->instamojo_enable == '1')<a target="_blank" href="https://instamojo.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/instamojo.png') }}" alt="Instamojo" class="h-full w-auto"></a>@endif
                @if($Api_settings->payu_enable == '1')<a target="_blank" href="https://payu.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/payumoney.png') }}" alt="PayU" class="h-full w-auto"></a>@endif
                @if($Api_settings->cashfree_enable == '1')<a target="_blank" href="https://cashfree.com/" class="bg-white rounded p-1.5 h-8 flex items-center"><img src="{{ url('images/payment/cashfree.png') }}" alt="Cashfree" class="h-full w-auto"></a>@endif
            </div>
        </div>
    </div>
</footer>