<!DOCTYPE html>
<html lang="en" class="light scroll-smooth" dir="ltr">

<head>
    <meta charset="UTF-8">
    <title>@yield('title') - Global E-commerce Arbitrage Store</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="Top Global E-commerce Arbitrage Store" name="description">
    <meta content="Shop, Arbitrage, eCommerce, Cart, Shop Cart, Store, Investment, Trade, AI" name="keywords">
    <meta name="author" content="Global Ecommerce Arbitrage Store">
    <meta name="website" content="https://ge-as.com/">
    <meta name="email" content="support@ge-as.com">
    <meta name="version" content="1.0.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="shortcut icon" href="{{ asset('images/logo-sm.png') }}">
    <link href="{{ asset('assets/libs/tobii/css/tobii.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/libs/%40mdi/font/css/materialdesignicons.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/css/tailwind.min.css') }}" rel="stylesheet" type="text/css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;1,9..40,400&display=swap" rel="stylesheet">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.5/axios.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <meta name="facebook-domain-verification" content="93b6cdw1nn64nyyu2ue7de5vvwmqdz" />

    <!-- Meta Pixel Code -->
    <script>
        ! function(f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function() {
                n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '944818986518341');
        fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=944818986518341&ev=PageView&noscript=1" /></noscript>
    <!-- End Meta Pixel Code -->

    <!--Start of Tawk.to Script-->
    <script type="text/javascript">
        var Tawk_API = Tawk_API || {},
            Tawk_LoadStart = new Date();
        (function() {
            var s1 = document.createElement("script"),
                s0 = document.getElementsByTagName("script")[0];
            s1.async = true;
            s1.src = 'https://embed.tawk.to/671e75da2480f5b4f594c621/1ib7fonqi';
            s1.charset = 'UTF-8';
            s1.setAttribute('crossorigin', '*');
            s0.parentNode.insertBefore(s1, s0);
        })();
    </script>
    <!--End of Tawk.to Script-->

    <style>
        :root {
            --orange: #f97316;
            --orange-dim: rgba(249, 115, 22, 0.1);
            --orange-glow: rgba(249, 115, 22, 0.25);
            --purple: #660066;
            --purple-mid: #7a0080;
            --purple-dim: rgba(102, 0, 102, 0.12);
            --card-border: rgba(255, 255, 255, 0.08);
            --ease: cubic-bezier(.4, 0, .2, 1);
        }

        body {
            font-family: 'DM Sans', sans-serif;
        }

        /* ── hide google translate branding bar ── */
        .VIpgJd-ZVi9od-l4eHX-hSRGPd {
            display: none !important;
        }

        .skiptranslate iframe {
            display: none !important;
        }

        /* ── navbar tweaks ── */
        #topnav .navigation-menu>li>a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        /* ── announcement bar ── */
        .announce-bar {
            background: linear-gradient(90deg, var(--purple) 0%, #880088 50%, var(--purple) 100%);
            background-size: 200% 100%;
            animation: slideGrad 6s linear infinite;
            padding: 0.42rem 1rem;
            text-align: center;
            font-size: 0.72rem;
            font-weight: 600;
            letter-spacing: 0.03em;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        @keyframes slideGrad {
            0% {
                background-position: 0% 50%
            }

            100% {
                background-position: 200% 50%
            }
        }

        .announce-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.3rem;
            padding: 0.15rem 0.6rem;
            border-radius: 99px;
            background: rgba(255, 255, 255, 0.15);
            font-size: 0.65rem;
            font-weight: 800;
            letter-spacing: 0.05em;
        }

        @keyframes pulse {

            0%,
            100% {
                opacity: 1;
                transform: scale(1)
            }

            50% {
                opacity: .55;
                transform: scale(.82)
            }
        }

        .live-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #4ade80;
            display: inline-block;
            animation: pulse 2s ease-in-out infinite;
        }

        /* ── footer ── */
        .site-footer {
            background: #1a0020;
            color: #d1d5db;
            position: relative;
            overflow: hidden;
        }

        /* subtle grid overlay */
        .site-footer::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(102, 0, 102, 0.12) 1px, transparent 1px),
                linear-gradient(90deg, rgba(102, 0, 102, 0.12) 1px, transparent 1px);
            background-size: 48px 48px;
            pointer-events: none;
        }

        /* top accent line */
        .site-footer::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent 0%, var(--orange) 30%, var(--purple-mid) 70%, transparent 100%);
        }

        .footer-inner {
            position: relative;
            z-index: 1;
        }

        /* brand column */
        .footer-brand-tagline {
            font-size: 0.8rem;
            color: #9ca3af;
            margin-top: 0.65rem;
            line-height: 1.6;
            max-width: 240px;
        }

        /* section headings */
        .footer-section-title {
            font-size: 0.68rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--orange);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }

        .footer-section-title::before {
            content: '';
            width: 16px;
            height: 2px;
            border-radius: 1px;
            background: var(--orange);
            flex-shrink: 0;
        }

        /* category links */
        .footer-link {
            display: flex;
            align-items: center;
            gap: 0.4rem;
            font-size: 0.78rem;
            color: #9ca3af;
            text-decoration: none;
            padding: 0.22rem 0;
            transition: color 0.18s var(--ease), gap 0.18s var(--ease);
        }

        .footer-link:hover {
            color: #fff;
            gap: 0.6rem;
        }

        .footer-link svg {
            flex-shrink: 0;
            opacity: 0.45;
            transition: opacity 0.18s;
        }

        .footer-link:hover svg {
            opacity: 1;
        }

        /* social buttons */
        .social-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            padding: 0.52rem 1rem;
            border-radius: 10px;
            border: 1px solid var(--card-border);
            background: rgba(255, 255, 255, 0.04);
            font-size: 0.78rem;
            font-weight: 600;
            color: #d1d5db;
            text-decoration: none;
            transition: background 0.18s var(--ease), border-color 0.18s var(--ease), color 0.18s var(--ease), transform 0.15s;
        }

        .social-btn:hover {
            background: rgba(249, 115, 22, 0.12);
            border-color: rgba(249, 115, 22, 0.4);
            color: #fff;
            transform: translateY(-2px);
        }

        /* payment badges */
        .payment-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.42rem 0.85rem;
            border-radius: 10px;
            border: 1px solid var(--card-border);
            background: rgba(255, 255, 255, 0.04);
            font-size: 0.72rem;
            font-weight: 700;
            color: #d1d5db;
        }

        .payment-badge .chain-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .chain-dot-sol {
            background: #9945ff;
        }

        .chain-dot-eth {
            background: #627eea;
        }

        /* security badges */
        .security-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.45rem 0.9rem;
            border-radius: 10px;
            border: 1px solid rgba(74, 222, 128, 0.18);
            background: rgba(74, 222, 128, 0.06);
            font-size: 0.72rem;
            font-weight: 600;
            color: #86efac;
        }

        .security-badge svg {
            color: #4ade80;
            flex-shrink: 0;
        }

        /* trust stats */
        .trust-stat {
            text-align: center;
        }

        .trust-stat-num {
            font-size: 1.4rem;
            font-weight: 900;
            letter-spacing: -0.03em;
            color: #fff;
        }

        .trust-stat-label {
            font-size: 0.68rem;
            color: #6b7280;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            margin-top: 0.15rem;
        }

        /* divider */
        .footer-divider {
            height: 1px;
            background: rgba(255, 255, 255, 0.06);
            margin: 0;
        }

        /* bottom bar */
        .footer-bottom {
            font-size: 0.72rem;
            color: #6b7280;
        }

        .footer-bottom a {
            color: #9ca3af;
            text-decoration: none;
            transition: color 0.15s;
        }

        .footer-bottom a:hover {
            color: #fff;
        }

        /* uptime dot */
        .uptime-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #4ade80;
            display: inline-block;
            animation: pulse 2s ease-in-out infinite;
            vertical-align: middle;
        }
    </style>
</head>

<body class="dark:bg-slate-900">

    <!-- Loader -->
    <div id="preloader">
        <div id="status">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>

    <!-- Navbar -->
    <nav id="topnav" class="defaultscroll is-sticky">
        <div class="container relative">
            <a class="logo" href="{{ url('/') }}">
                <img src="{{ asset('images/logo-dark.png') }}" style="height:35px;" class="inline-block dark:hidden" alt="">
                <img src="{{ asset('images/logo.png') }}" style="height:35px;" class="hidden dark:inline-block" alt="">
            </a>

            <div class="menu-extras">
                <div class="menu-item">
                    <a class="navbar-toggle" id="isToggle" onclick="toggleMenu()">
                        <div class="lines"><span></span><span></span><span></span></div>
                    </a>
                </div>
            </div>

            @if(auth()->user())
            <ul class="mb-0 list-none buy-button">
                <li class="dropdown inline-block relative ps-0.5">
                    <button data-dropdown-toggle="dropdown" class="items-center dropdown-toggle" type="button">
                        <span class="inline-flex items-center justify-center text-base tracking-wide text-center text-white align-middle duration-500 size-9">
                            <img src="{{ asset('images/store-2.png') }}" class="rounded-full" alt="">
                        </span>
                    </button>
                    <div class="absolute z-10 hidden w-52 m-0 mt-4 overflow-hidden bg-white rounded-xl shadow-xl dropdown-menu end-0 dark:bg-slate-900 dark:shadow-gray-700" onclick="event.stopPropagation();">
                        {{-- balance chip --}}
                        <div style="padding:1rem 1rem 0.75rem;border-bottom:1px solid rgba(0,0,0,0.06);">
                            <p class="text-xs font-semibold" style="color:#94a3b8;margin-bottom:0.35rem;">Welcome back</p>
                            <p class="font-bold text-sm">{{ auth()->user()->first_name }}</p>
                            <div style="margin-top:0.5rem;display:inline-flex;align-items:center;gap:0.4rem;padding:0.22rem 0.65rem;border-radius:99px;background:rgba(249,115,22,0.1);border:1px solid rgba(249,115,22,0.2);">
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 24 24" stroke="#f97316" stroke-width="2.5">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
                                </svg>
                                <span style="font-size:0.75rem;font-weight:800;color:#f97316;">${{ number_format(auth()->user()->balance, 2) }}</span>
                                <span style="font-size:0.6rem;font-weight:700;color:#94a3b8;">USDT</span>
                            </div>
                        </div>
                        <ul class="py-2 text-start">
                            <li><a href="{{ route('home') }}" class="flex items-center px-4 py-2 text-sm font-medium dark:text-white/70 hover:text-orange-500 dark:hover:text-white"><i data-feather="user" class="w-4 h-4 me-2"></i>My Store</a></li>
                            <li><a href="{{ route('profile') }}" class="flex items-center px-4 py-2 text-sm font-medium dark:text-white/70 hover:text-orange-500 dark:hover:text-white"><i data-feather="settings" class="w-4 h-4 me-2"></i>Settings</a></li>
                            <li class="my-2 border-t border-gray-100 dark:border-gray-800"></li>
                            <li>
                                <a href="{{ route('logout') }}" onclick="event.preventDefault();document.getElementById('logout-form').submit();"
                                    class="flex items-center px-4 py-2 text-sm font-medium dark:text-white/70 hover:text-orange-500 dark:hover:text-white">
                                    <i data-feather="log-out" class="w-4 h-4 me-2"></i>Logout
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            @endif

            <div id="navigation">
                <ul class="navigation-menu">
                    <li><a href="{{ url('/') }}" class="sub-menu-item">Home</a></li>
                    <li><a href="{{ route('bid-markets') }}" class="sub-menu-item">Bid Item</a></li>
                    <li><a href="{{ url('/home') }}#inventory" class="sub-menu-item">Sell Item</a></li>
                    <li><a href="{{ route('ai-plans') }}" class="sub-menu-item">AI Models</a></li>
                    <li class="has-submenu parent-menu-item">
                        <a href="javascript:void(0)">Applications</a><span class="menu-arrow"></span>
                        <ul class="submenu">
                            <li><a href="{{ route('vendor-apply') }}" class="sub-menu-item">Become A Vendor</a></li>
                            <li><a href="{{ route('grant-apply') }}" class="sub-menu-item">Apply For Grant</a></li>
                        </ul>
                    </li>
                    <li><a href="{{ route('blog') }}" class="sub-menu-item">Blog</a></li>
                    
                    @if(auth()->user())
                    <li><a href="https://manual.ge-as.com" target="_blank" class="sub-menu-item">Trading Manual</a></li>
                    @endif
                </ul>
            </div>
        </div>
    </nav>

    @yield('content')

    {{-- ════════════════════════════════════════════════════════════
         FOOTER
    ════════════════════════════════════════════════════════════ --}}
    <footer class="site-footer">
        <div class="footer-inner">

            {{-- ── Trust stats strip ── --}}
            <div style="border-bottom:1px solid rgba(255,255,255,0.06);padding:1.5rem 0;">
                <div class="container">
                    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;">
                        <div class="trust-stat">
                            <div class="trust-stat-num">10K+</div>
                            <div class="trust-stat-label">Active Users</div>
                        </div>
                        <div class="trust-stat">
                            <div class="trust-stat-num">$50M+</div>
                            <div class="trust-stat-label">Volume Traded</div>
                        </div>
                        <div class="trust-stat">
                            <div class="trust-stat-num">99.9%</div>
                            <div class="trust-stat-label">Uptime</div>
                        </div>
                        <div class="trust-stat">
                            <div class="trust-stat-num">&#60;2s</div>
                            <div class="trust-stat-label">Avg Confirm Time</div>
                        </div>
                        <div class="trust-stat">
                            <div class="trust-stat-num">24/7</div>
                            <div class="trust-stat-label">Live Support</div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- ── Main footer grid ── --}}
            <div class="container" style="padding-top:3.5rem;padding-bottom:3rem;">
                <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;">

                    {{-- Brand --}}
                    <div>
                        <a href="{{ url('/') }}">
                            <img src="{{ asset('images/logo.png') }}" style="height:36px;" alt="GEAS">
                        </a>
                        <p class="footer-brand-tagline">
                            The world's leading e-commerce arbitrage platform. Bid, sell, and grow your portfolio with AI-powered trading.
                        </p>
                        {{-- Social --}}
                        <div style="display:flex;flex-direction:column;gap:0.5rem;margin-top:1.25rem;">
                            <a href="https://t.me/C2C_store" class="social-btn" target="_blank" rel="noopener">
                                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" />
                                </svg>
                                Telegram Community
                            </a>
                            <a href="https://www.instagram.com/globalc2cstore/" class="social-btn" target="_blank" rel="noopener">
                                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
                                    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
                                    <line x1="17.5" y1="6.5" x2="17.51" y2="6.5" />
                                </svg>
                                Instagram
                            </a>
                            <a href="https://www.facebook.com/globalc2cstore" class="social-btn" target="_blank" rel="noopener">
                                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
                                </svg>
                                Facebook
                            </a>
                            <a href="https://www.tiktok.com/@globalc2cstore" class="social-btn" target="_blank" rel="noopener">
                                <svg width="15" height="15" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
                                    <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z" />
                                </svg>
                                TikTok
                            </a>
                        </div>
                    </div>

                    {{-- Categories col 1 --}}
                    <div>
                        <div class="footer-section-title">Categories</div>
                        <div style="display:flex;flex-direction:column;gap:0.1rem;">
                            @foreach(['Beauty & personal care','Accessories','Home appliances and utensils','Sports and outdoor','Toys and games','Groceries'] as $cat)
                            <a href="{{ route('category', $cat) }}" class="footer-link">
                                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
                                </svg>
                                {{ $cat }}
                            </a>
                            @endforeach
                        </div>
                    </div>

                    {{-- Categories col 2 --}}
                    <div>
                        <div class="footer-section-title">More Categories</div>
                        <div style="display:flex;flex-direction:column;gap:0.1rem;">
                            @foreach(['Gadgets and electronics','Video games','Lawn and garden','Automotive kits','Books','Jewelry','Babies','General furnitures','Instruments','Industrial'] as $cat)
                            <a href="{{ route('category', $cat) }}" class="footer-link">
                                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
                                </svg>
                                {{ $cat }}
                            </a>
                            @endforeach
                        </div>
                    </div>

                    {{-- Security & Payments --}}
                    <div>
                        <div class="footer-section-title">Security</div>
                        <div style="display:flex;flex-direction:column;gap:0.55rem;margin-bottom:1.75rem;">
                            <div class="security-badge">
                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
                                </svg>
                                SSL 256-bit Encrypted
                            </div>
                            <div class="security-badge">
                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
                                </svg>
                                2FA Authentication
                            </div>
                            <div class="security-badge">
                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
                                </svg>
                                KYC Verified Platform
                            </div>
                            <div class="security-badge">
                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <circle cx="12" cy="12" r="10" />
                                    <path stroke-linecap="round" d="M12 8v4l3 3" />
                                </svg>
                                <span class="uptime-dot" style="margin-right:0.15rem;"></span>
                                99.9% Uptime SLA
                            </div>
                            <div class="security-badge">
                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
                                </svg>
                                On-chain TX Verification
                            </div>
                        </div>

                        <div class="footer-section-title" style="margin-top:0;">Accepted Payments</div>
                        <div style="display:flex;flex-direction:column;gap:0.5rem;">
                            <div class="payment-badge">
                                <span class="chain-dot chain-dot-sol"></span>
                                <span>USDT · SOL</span>
                                <span style="font-size:0.6rem;color:#6b7280;font-weight:600;margin-left:0.2rem;">Solana Network</span>
                            </div>
                            <div class="payment-badge">
                                <span class="chain-dot chain-dot-eth"></span>
                                <span>USDT · ERC20</span>
                                <span style="font-size:0.6rem;color:#6b7280;font-weight:600;margin-left:0.2rem;">Ethereum Network</span>
                            </div>
                            <p style="font-size:0.68rem;color:#4b5563;margin-top:0.35rem;line-height:1.5;">
                                All deposits are verified directly on-chain. No custodian, no middleman.
                            </p>
                        </div>
                    </div>

                </div>
            </div>

            <div class="footer-divider"></div>

            {{-- ── Bottom bar ── --}}
            <div class="container footer-bottom" style="padding-top:1.25rem;padding-bottom:1.5rem;">
                <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;">

                    <p style="margin:0;">© <script>
                            document.write(new Date().getFullYear())
                        </script> Global Ecommerce Arbitrage Store. All rights reserved.</p>

                    <div style="display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;">
                        <a href="{{ route('privacy-policy') }}">Privacy Policy</a>
                        <a href="{{ route('terms-of-service') }}">Terms of Service</a>
                    </div>

                    <div style="display:flex;align-items:center;gap:0.5rem;">
                        <span class="uptime-dot"></span>
                        <span style="font-size:0.68rem;color:#6b7280;">All systems operational</span>
                    </div>

                </div>
            </div>

        </div>{{-- /footer-inner --}}
    </footer>

    {{-- Google Translate widget --}}
    <div class="fixed z-50 bottom-5" style="left:10px;">
        <span class="relative inline-block p-4 bg-white border shadow-xl rounded-xl">
            <div id="google_translate_element"></div>
        </span>
    </div>

    <form id="logout-form" action="{{ route('logout') }}" method="post" class="d-none">
        @csrf
    </form>

    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'en'
            }, 'google_translate_element');
        }
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    <script src="{{ asset('assets/libs/tobii/js/tobii.min.js') }}"></script>
    <script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins.init.js') }}"></script>
    <script src="{{ asset('assets/js/app.js') }}"></script>
</body>

</html>