@php
    $footerTheme = \App\Models\Setting::get('footer_theme', 'footer_theme1');
    $footerLogo = \App\Models\Setting::get('footer_logo');
    $footerDescription = \App\Models\Setting::get('footer_description', 'Your premium marketplace for building materials, electrical appliances, and general goods. Shop with confidence from trusted vendors.');
    $playStoreLink = \App\Models\Setting::get('play_store_link', 'https://play.google.com/store/apps');
    $appStoreLink = \App\Models\Setting::get('app_store_link', 'https://apps.apple.com/app');
    $footerCopyright = \App\Models\Setting::get('footer_copyright', '© ' . date('Y') . ' ' . siteName() . '. All rights reserved.');
    $contactAddress = \App\Models\Setting::get('contact_address', '123 Market Street, Commerce City, ST 12345');
    $contactPhone = \App\Models\Setting::get('contact_phone', '+1 (234) 567-890');
    $contactEmail = \App\Models\Setting::get('contact_email', 'support@mebuy.com');
    $socialFacebook = \App\Models\Setting::get('social_facebook', 'https://www.facebook.com/');
    $socialTwitter = \App\Models\Setting::get('social_twitter', 'https://www.twitter.com/');
    $socialLinkedin = \App\Models\Setting::get('social_linkedin', 'https://www.linkedin.com/');
    $socialInstagram = \App\Models\Setting::get('social_instagram', 'https://www.instagram.com/');
    $socialYoutube = \App\Models\Setting::get('social_youtube', 'https://www.youtube.com/');
@endphp

<footer class="relative overflow-hidden" style="background: linear-gradient(135deg, #312e81 0%, #581c87 50%, #3730a3 100%);">
    <div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4wNSI+PGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iMiIvPjwvZz48L2c+PC9zdmc+')] opacity-70"></div>
    <div class="footer-circle footer-circle-1"></div>
    <div class="footer-circle footer-circle-2"></div>
    <div class="footer-circle footer-circle-3"></div>
    <div class="footer-circle footer-circle-4"></div>
    <div class="footer-glow footer-glow-1"></div>
    <div class="footer-glow footer-glow-2"></div>
    <div class="footer-glow footer-glow-3"></div>
    <div class="footer-ring footer-ring-1"></div>
    <div class="footer-ring footer-ring-2"></div>
    <div class="footer-ring footer-ring-3"></div>
    <style>
        .footer-circle{position:absolute;border-radius:50%;pointer-events:none}
        .footer-circle-1{top:-120px;right:-60px;width:320px;height:320px;background:rgba(139,92,246,.2)}
        .footer-circle-2{bottom:-80px;left:-40px;width:240px;height:240px;background:rgba(99,102,241,.18)}
        .footer-circle-3{top:40%;left:15%;width:180px;height:180px;background:rgba(168,85,247,.15)}
        .footer-circle-4{top:10%;right:25%;width:140px;height:140px;background:rgba(59,130,246,.12)}
        .footer-glow{position:absolute;border-radius:50%;pointer-events:none}
        .footer-glow-1{top:20px;left:35%;width:160px;height:160px;background:rgba(192,132,252,.12)}
        .footer-glow-2{bottom:30px;right:20%;width:120px;height:120px;background:rgba(129,140,248,.1)}
        .footer-glow-3{top:60%;left:5%;width:80px;height:80px;background:rgba(96,165,250,.12)}
        .footer-ring{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}
        .footer-ring-1{top:-40px;right:180px;width:200px;height:200px}
        .footer-ring-2{bottom:-20px;left:30%;width:120px;height:120px}
        .footer-ring-3{top:15%;right:10%;width:70px;height:70px;border-color:rgba(192,132,252,.18)}
    </style>

    {{-- Footer Top: Social Links + Payment Methods --}}
    <div class="relative border-b border-white/10">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
            <div class="flex flex-col lg:flex-row justify-between items-center gap-6">
                {{-- Social Links --}}
                <div class="flex flex-col sm:flex-row items-center gap-4">
                    <h5 class="text-sm font-semibold text-white uppercase tracking-wider">Stay Connected:</h5>
                    <ul class="flex items-center gap-3">
                        @if($socialFacebook)
                        <li>
                            <a target="_blank" href="{{ $socialFacebook }}" class="w-10 h-10 bg-white/15 hover:bg-white/25 backdrop-blur-sm rounded-full flex items-center justify-center text-white/80 hover:text-white transition-all duration-200 border border-white/15">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><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>
                        </li>
                        @endif
                        @if($socialTwitter)
                        <li>
                            <a target="_blank" href="{{ $socialTwitter }}" class="w-10 h-10 bg-white/15 hover:bg-white/25 backdrop-blur-sm rounded-full flex items-center justify-center text-white/80 hover:text-white transition-all duration-200 border border-white/15">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
                            </a>
                        </li>
                        @endif
                        @if($socialLinkedin)
                        <li>
                            <a target="_blank" href="{{ $socialLinkedin }}" class="w-10 h-10 bg-white/15 hover:bg-white/25 backdrop-blur-sm rounded-full flex items-center justify-center text-white/80 hover:text-white transition-all duration-200 border border-white/15">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                            </a>
                        </li>
                        @endif
                        @if($socialInstagram)
                        <li>
                            <a target="_blank" href="{{ $socialInstagram }}" class="w-10 h-10 bg-white/15 hover:bg-white/25 backdrop-blur-sm rounded-full flex items-center justify-center text-white/80 hover:text-white transition-all duration-200 border border-white/15">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><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>
                        </li>
                        @endif
                        @if($socialYoutube)
                        <li>
                            <a target="_blank" href="{{ $socialYoutube }}" class="w-10 h-10 bg-white/15 hover:bg-white/25 backdrop-blur-sm rounded-full flex items-center justify-center text-white/80 hover:text-white transition-all duration-200 border border-white/15">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path 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"/></svg>
                            </a>
                        </li>
                        @endif
                    </ul>
                </div>

                {{-- Payment Methods --}}
                <div class="flex flex-col sm:flex-row items-center gap-4">
                    <h5 class="text-sm font-semibold text-white uppercase tracking-wider">Payment Method:</h5>
                    <div class="flex items-center gap-2 flex-wrap justify-center">
                        <div class="px-2 py-1.5 bg-white/15 backdrop-blur-sm border border-white/15 rounded-lg">
                            <svg class="w-10 h-5" viewBox="0 0 48 32" fill="none">
                                <rect width="48" height="32" rx="3" fill="#1A1F71"/>
                                <path d="M19.5 22h-3l1.9-11.5h3L19.5 22zm11.2-11.2c-.6-.2-1.5-.5-2.7-.5-3 0-5.1 1.5-5.1 3.7 0 1.6 1.5 2.5 2.6 3 1.2.6 1.6.9 1.6 1.4 0 .8-.9 1.1-1.8 1.1-1.2 0-1.9-.2-2.9-.6l-.4-.2-.4 2.5c.7.3 2 .6 3.4.6 3.2 0 5.3-1.5 5.3-3.8 0-1.3-.8-2.2-2.5-3-1-.5-1.7-.9-1.7-1.4 0-.5.6-1 1.8-1 1 0 1.7.2 2.2.4l.3.1.4-2.4zM35 10.5h-2.3c-.7 0-1.2.2-1.5.9l-4.3 10.6h3.2l.6-1.7h3.9l.4 1.7h2.8L35 10.5zm-3.7 7.2c.3-.8 1.5-3.9 1.5-3.9-.2.1.3-.9.5-1.4l.3 1.3s.7 3.4.9 4.1h-3.2zM16 10.5l-3.1 8.1-.3-1.6c-.6-1.9-2.3-3.9-4.3-4.9l2.8 10.3h3.3L19.3 10.5H16z" fill="white"/>
                                <path d="M12.5 10.5H7.8l-.1.5c3.8.9 6.3 3.2 7.3 5.9l-1-5.1c-.2-.7-.7-1.3-1.5-1.3z" fill="#F7B600"/>
                            </svg>
                        </div>
                        <div class="px-2 py-1.5 bg-white/15 backdrop-blur-sm border border-white/15 rounded-lg">
                            <svg class="w-10 h-5" viewBox="0 0 48 32" fill="none">
                                <rect width="48" height="32" rx="3" fill="#252525"/>
                                <circle cx="18" cy="16" r="8" fill="#EB001B"/>
                                <circle cx="30" cy="16" r="8" fill="#F79E1B"/>
                                <path d="M24 9.5a8 8 0 010 13 8 8 0 000-13z" fill="#FF5F00"/>
                            </svg>
                        </div>
                        <div class="px-2 py-1.5 bg-white/15 backdrop-blur-sm border border-white/15 rounded-lg">
                            <svg class="w-10 h-5" viewBox="0 0 48 32" fill="none">
                                <rect width="48" height="32" rx="3" fill="#003087"/>
                                <path d="M28.8 10.2h-3.3c-.4 0-.7.3-.8.7l-2.2 14.3h3.3l.5-3.2h2.3c2.8 0 5.2-1.8 5.8-4.7.7-3.3-.5-6.1-3.1-6.7-.4-.1-.8-.2-1.2-.2-.4 0-.8.1-1.3.2V10.2zm-1.6 9.3h-1.5l.7-4.5h1.5c1.5 0 2.4.8 2.1 2.2-.3 1.5-1.3 2.3-2.8 2.3zM18.5 10.2h-3.3c-.4 0-.7.3-.8.7l-2.2 14.3h3.3l2.2-14.3c.1-.4.4-.7.8-.7z" fill="white"/>
                            </svg>
                        </div>
                        <div class="px-2 py-1.5 bg-white/15 backdrop-blur-sm border border-white/15 rounded-lg">
                            <svg class="w-10 h-5" viewBox="0 0 48 32" fill="none">
                                <rect width="48" height="32" rx="3" fill="#009CDE"/>
                                <path d="M20.6 10.2h-3.3c-.4 0-.7.3-.8.7l-2.2 14.3h3.3l.5-3.2h2.3c2.8 0 5.2-1.8 5.8-4.7.7-3.3-.5-6.1-3.1-6.7-.4-.1-.8-.2-1.2-.2-.4 0-.8.1-1.3.2V10.2zm-1.6 9.3h-1.5l.7-4.5h1.5c1.5 0 2.4.8 2.1 2.2-.3 1.5-1.3 2.3-2.8 2.3z" fill="white"/>
                            </svg>
                        </div>
                        <div class="px-2 py-1.5 bg-white/15 backdrop-blur-sm border border-white/15 rounded-lg">
                            <svg class="w-10 h-5" viewBox="0 0 48 32" fill="none">
                                <rect width="48" height="32" rx="3" fill="#000"/>
                                <path d="M24 8c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z" fill="white"/>
                                <path d="M24 10c-3.3 0-6 2.7-6 6s2.7 6 6 6" fill="none" stroke="white" stroke-width="1.5"/>
                            </svg>
                        </div>
                        <div class="px-2 py-1.5 bg-white/15 backdrop-blur-sm border border-white/15 rounded-lg">
                            <svg class="w-10 h-5" viewBox="0 0 48 32" fill="none">
                                <rect width="48" height="32" rx="3" fill="#FF9900"/>
                                <path d="M16 10h16v2H16v-2zm0 4h12v2H16v-2zm0 4h14v2H16v-2z" fill="white"/>
                                <circle cx="12" cy="16" r="3" fill="white"/>
                            </svg>
                        </div>
                        <div class="px-2 py-1.5 bg-white/15 backdrop-blur-sm border border-white/15 rounded-lg">
                            <svg class="w-10 h-5" viewBox="0 0 48 32" fill="none">
                                <rect width="48" height="32" rx="3" fill="#00D632"/>
                                <path d="M18 12h12v2H18v-2zm0 4h8v2H18v-2zm0 4h10v2H18v-2z" fill="white"/>
                                <circle cx="14" cy="16" r="2.5" fill="white"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Main Footer Widgets --}}
    <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-8">
            {{-- About Widget --}}
            <div class="sm:col-span-2 lg:col-span-1">
                <div class="footer-widget">
                    @if($footerLogo)
                    <a href="{{ route('home') }}" class="block mb-4">
                        <img src="{{ str_starts_with($footerLogo, 'http') ? $footerLogo : asset('storage/' . $footerLogo) }}" alt="{{ siteName() }}" class="h-10 w-auto object-contain">
                    </a>
                    @else
                    <a href="{{ route('home') }}" class="flex items-center gap-2 mb-4">
                        <img src="{{ asset('mebuylogo.png') }}" alt="{{ siteName() }}" class="h-8 w-auto object-contain">
                        <span class="text-xl font-bold text-white">{{ siteName() }}</span>
                    </a>
                    @endif
                    <h5 class="text-base font-semibold text-white mb-4">About</h5>
                    <p class="text-sm text-gray-200 leading-relaxed">{{ $footerDescription }}</p>
                    <div class="mt-4 space-y-2">
                        @if($playStoreLink)
                        <a href="{{ $playStoreLink }}" target="_blank" class="flex items-center gap-2 px-3 py-2 bg-white/15 hover:bg-white/25 backdrop-blur-sm rounded-lg transition text-sm text-white/90 hover:text-white border border-white/15">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.5,12.92 20.16,13.19L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/></svg>
                            Google Play
                        </a>
                        @endif
                        @if($appStoreLink)
                        <a href="{{ $appStoreLink }}" target="_blank" class="flex items-center gap-2 px-3 py-2 bg-white/15 hover:bg-white/25 backdrop-blur-sm rounded-lg transition text-sm text-white/90 hover:text-white border border-white/15">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.71,19.5C17.88,20.5 17,20.65 16,20.65C15,20.65 14.12,20.5 13.33,19.5C12.5,18.5 12.18,17.12 12.18,15.75C12.18,14.38 12.5,13 13.33,12C14.12,11 15,10.85 16,10.85C17,10.85 17.88,11 18.71,12C19.5,13 19.82,14.38 19.82,15.75C19.82,17.12 19.5,18.5 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.37 12.36,4.26 13,3.5Z"/></svg>
                            App Store
                        </a>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Contact Us Widget --}}
            <div>
                <div class="footer-widget">
                    <h4 class="text-base font-semibold text-white mb-4">Contact Us</h4>
                    <ul class="space-y-3">
                        <li class="flex items-start gap-3 text-sm text-gray-200">
                            <svg class="w-5 h-5 text-indigo-300 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg>
                            <span>{{ $contactAddress }}</span>
                        </li>
                        <li class="flex items-center gap-3 text-sm">
                            <svg class="w-5 h-5 text-indigo-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"/></svg>
                            <a href="tel:{{ preg_replace('/[^0-9+]/', '', $contactPhone) }}" class="text-gray-200 hover:text-white transition">{{ $contactPhone }}</a>
                        </li>
                        <li class="flex items-center gap-3 text-sm">
                            <svg class="w-5 h-5 text-indigo-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg>
                            <a href="mailto:{{ $contactEmail }}" class="text-gray-200 hover:text-white transition">{{ $contactEmail }}</a>
                        </li>
                    </ul>
                </div>
            </div>

            {{-- Useful Links Widget --}}
            <div>
                <div class="footer-widget">
                    <h4 class="text-base font-semibold text-white mb-4">Useful Links</h4>
                    <ul class="space-y-2">
                        <li><a href="{{ route('products.index') }}" class="text-sm text-gray-200 hover:text-white transition">Browse All Products</a></li>
                        <li><a href="{{ route('pages.categories') }}" class="text-sm text-gray-200 hover:text-white transition">Browse All Categories</a></li>
                        <li><a href="{{ route('vendors.index') }}" class="text-sm text-gray-200 hover:text-white transition">Browse All Vendors</a></li>
                        <li><a href="{{ route('pages.deals') }}" class="text-sm text-gray-200 hover:text-white transition">Deals & Offers</a></li>
                        <li><a href="{{ route('pages.terms') }}" class="text-sm text-gray-200 hover:text-white transition">Terms & Conditions</a></li>
                        <li><a href="{{ route('pages.privacy') }}" class="text-sm text-gray-200 hover:text-white transition">Privacy Policy</a></li>
                        <li><a href="{{ route('pages.help-center') }}" class="text-sm text-gray-200 hover:text-white transition">Help Center</a></li>
                    </ul>
                </div>
            </div>

            {{-- My Account Widget --}}
            <div>
                <div class="footer-widget">
                    <h4 class="text-base font-semibold text-white mb-4">My Account</h4>
                    <ul class="space-y-2">
                        @auth
                            <li><a href="{{ route('dashboard') }}" class="text-sm text-gray-200 hover:text-white transition">Dashboard</a></li>
                            <li><a href="{{ route('profile.edit') }}" class="text-sm text-gray-200 hover:text-white transition">My Profile</a></li>
                            <li><a href="{{ route('customer.orders') }}" class="text-sm text-gray-200 hover:text-white transition">My Orders</a></li>
                            <li><a href="{{ route('wishlist.index') }}" class="text-sm text-gray-200 hover:text-white transition">Wishlist</a></li>
                        @else
                            <li><a href="{{ route('login') }}" class="text-sm text-gray-200 hover:text-white transition">Sign In</a></li>
                            <li><a href="{{ route('register') }}" class="text-sm text-gray-200 hover:text-white transition">Create Account</a></li>
                            <li><a href="{{ route('password.request') }}" class="text-sm text-gray-200 hover:text-white transition">Forgot Password</a></li>
                        @endauth
                    </ul>
                </div>
            </div>

            {{-- Newsletter Widget --}}
            <div class="sm:col-span-2 lg:col-span-1">
                <div class="footer-widget">
                    <h4 class="text-base font-semibold text-white mb-2">Subscribe to our newsletter</h4>
                    <p class="text-sm text-gray-200 mb-4">Get all the latest information on Events, sales and offers.</p>
                    <form class="flex gap-2" action="#" method="POST">
                        @csrf
                        <input type="email" name="email" class="form-control flex-1 px-3 py-2 bg-white/15 backdrop-blur-sm border border-white/25 rounded-lg text-sm text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/40 focus:border-transparent" placeholder="Email address" required>
                        <button type="submit" class="px-4 py-2 bg-white text-indigo-700 hover:bg-gray-50 text-sm font-semibold rounded-lg transition whitespace-nowrap">Subscribe</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- Footer Bottom --}}
    <div class="relative border-t border-white/10">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
            <div class="text-center">
                <p class="text-sm text-white/50">{{ $footerCopyright }}</p>
            </div>
        </div>
    </div>
</footer>