<!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 Ecommerece 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">

    <!-- favicon -->
    <link rel="shortcut icon" href="{{ asset('images/logo-sm.png') }}">

    <!-- Css -->
    <link href="{{ asset('assets/libs/tobii/css/tobii.min.css') }}" rel="stylesheet">
    <!-- Main Css -->
    <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,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap" rel="stylesheet">

    <style>
        body {
            font-family: 'DM Sans', sans-serif;
        }
    </style>

    <!-- Js -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.5/axios.min.js" integrity="sha512-TjBzDQIDnc6pWyeM1bhMnDxtWH0QpOXMcVooglXrali/Tj7W569/wd4E8EDjk1CwOAOPSJon1VfcEt1BI4xIrA==" 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 -->

    <style>
        #topnav .navigation-menu>li>a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }
        
        .VIpgJd-ZVi9od-l4eHX-hSRGPd {
            display: none;
        }
    </style>

    </style>

    <!--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-->
</head>

<body class="dark:bg-slate-900">
    <!-- Loader Start -->
    <div id="preloader">
        <div id="status">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
    <!-- Loader End -->
    <!-- TAGLINE START-->
    <!-- TAGLINE END-->
    <!-- Start Navbar -->

    <!-- Start Navbar -->
    <nav id="topnav" class="defaultscroll is-sticky">
        <div class="container relative">
            <!-- Logo container-->
            <a class="logo" href="{{ url('/') }}">
                <div>
                    <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="">
                </div>
            </a>
            <!-- End Logo container-->

            <!-- Start Mobile Toggle -->
            <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>
            <!-- End Mobile Toggle -->

            <!--Login button Start-->
            @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>
                    <!-- Dropdown menu -->
                    <div class="absolute z-10 hidden w-48 m-0 mt-4 overflow-hidden bg-white rounded-md shadow dropdown-menu end-0 dark:bg-slate-900 dark:shadow-gray-700" onclick="event.stopPropagation();">
                        <ul class="py-2 text-start">
                            <li>
                                <p class="px-4 pt-2 text-slate-400">Welcome {{ auth()->user()->first_name }}!</p>
                            </li>
                            <li>
                                <p class="flex items-center px-4 py-2 font-medium">Balance: <span class="text-orange-500 ms-2">${{ number_format(auth()->user()->balance, 2) }}</span></p>
                            </li>
                            <li>
                                <a href="{{ route('home') }}" class="flex items-center px-4 py-2 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 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 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><!--end dropdown-->
            </ul>
            @endif
            <!--Login button End-->

            <div id="navigation">
                <!-- Navigation Menu-->
                <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>

                </ul><!--end navigation menu-->
            </div><!--end navigation-->
        </div><!--end container-->
    </nav><!--end header-->
    <!-- End Navbar -->


    @yield('content')


    <!-- Footer Start -->
    <footer class="relative text-gray-200 footer dark:text-gray-200" style="background-color: #660066;">
        <div class="container relative">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <div class="py-[60px] px-0">
                        <div class="grid grid-cols-1 gap-6 md:grid-cols-12">
                            <div class="lg:col-span-3 md:col-span-12">
                                <a href="#" class="text-[22px] focus:outline-none">
                                    <img src="{{ asset('images/logo.png') }}" alt="">
                                </a>
                            </div><!--end col-->

                            <div class="lg:col-span-9 md:col-span-12">
                                <h5 class="tracking-[1px] text-gray-100 font-semibold">Categories</h5>

                                <div class="grid grid-cols-1 md:grid-cols-12">
                                    <div class="md:col-span-4">
                                        <ul class="mt-6 list-none footer-list">
                                            <li><a href="{{ route('category', 'Beauty & personal care') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Beauty & personal care</a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Accessories') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Accessories </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Home appliances and utensils') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Home appliances and utensils </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Sports and outdoor') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Sports and outdoor </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Toys and games') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Toys and games </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Groceries') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Groceries</a></li>
                                        </ul>
                                    </div><!--end col-->

                                    <div class="md:col-span-4">
                                        <ul class="mt-6 list-none footer-list">
                                            <li><a href="{{ route('category', 'Gadgets and electronics') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Gadgets and electronics </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Video games') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Video games </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Lawn and garden') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Lawn and garden </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Automotive kits') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Automotive kits </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Books') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Books</a></li>
                                        </ul>
                                    </div><!--end col-->

                                    <div class="md:col-span-4">
                                        <ul class="mt-6 list-none footer-list">
                                            <li><a href="{{ route('category', 'Jewelry') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Jewelry </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Babies') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Babies </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'General furnitures') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> General furnitures </a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Instruments') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Instruments</a></li>
                                            <li class="mt-[10px]"><a href="{{ route('category', 'Industrial') }}" class="text-gray-300 duration-500 ease-in-out hover:text-gray-400"><i class="mdi mdi-chevron-right"></i> Industrial</a></li>
                                        </ul>
                                    </div><!--end col-->
                                </div>
                            </div>

                        </div><!--end grid-->
                    </div><!--end col-->
                </div>
            </div><!--end grid-->

            <div class="grid grid-cols-1">
                <div class="py-[30px] px-0 border-t border-slate-800">
                    <div class="grid lg:grid-cols-4 md:grid-cols-2">
                        <a href="https://t.me/C2C_store" class="mb-6">
                            <div class="flex items-center lg:justify-center">
                                <svg class="w-10 h-10 text-white" width="18" height="18" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                    fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" />
                                    <path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" />
                                </svg> &nbsp;
                                <h6 class="mb-0 font-medium">Telegram</h6>
                            </div>
                        </a><!--end content-->

                        <a href="https://x.com/c2c_store?s=11&t=bmln95Q-4UNq2snjrVO46Q" class="mb-6">
                            <div class="flex items-center lg:justify-center">
                                <img class="w-8 h-8" src="{{ asset('images/x.png') }}" /> &nbsp;
                                <h6 class="mb-0 font-medium">Twitter</h6>
                            </div>
                        </a><!--end content-->

                        <a href="https://www.instagram.com/globalecommercearbitragestore?igsh=MWo2MHV6N3Q4OTYwcg==" class="mb-6">
                            <div class="flex items-center lg:justify-center">
                                <svg class="w-8 h-8 text-white" 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> &nbsp;
                                <h6 class="mb-0 font-medium">Instagram</h6>
                            </div>
                        </a><!--end content-->

                        <a href="https://www.facebook.com/profile.php?id=61555434355668" class="mb-6">
                            <div class="flex items-center lg:justify-center">
                                <svg class="w-8 h-8 text-white" 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> &nbsp;
                                <h6 class="mb-0 font-medium">Facebook</h6>
                            </div>
                        </a><!--end content-->
                    </div><!--end grid-->
                </div><!--end-->
            </div><!--end grid-->
        </div><!--end container-->

        <div class="py-[30px] px-0 border-t border-slate-800">
            <div class="container relative text-center">
                <div class="grid items-center md:grid-cols-3">
                    <div class="text-center md:text-start">
                        <p class="mb-0">© <script>
                                document.write(new Date().getFullYear())
                            </script> Global Ecommerce Arbitrage Store.</p>
                    </div>

                    <div class="flex justify-between text-center md:text-center">
                        <a href="{{ route('privacy-policy') }}" class="mb-0">Privacy Policy</a>
                        <a href="{{ route('terms-of-service') }}" class="mb-0">Terms Of Service</a>
                    </div>

                    <ul class="mt-6 text-center list-none md:text-end md:mt-0">
                        <li class="inline"><a href="#" class="flex items-center justify-center"> <span class="m-2">Bid and Sell now with</span> <img src="https://nowpayments.io/images/coins/usdtsol.svg" class="inline rounded max-h-6" alt=""> USDT sol</a></li>
                    </ul>
                </div><!--end grid-->
            </div><!--end container-->
        </div>
    </footer><!--end footer-->
    <!-- Footer End -->
    <!-- Switcher -->
    {{--<div class="fixed z-50 top-1/4 -left-2">
            <span class="relative inline-block rotate-90">
                <input type="checkbox" class="absolute opacity-0 checkbox" id="chk">
                <label class="flex items-center justify-between h-8 p-1 rounded-full shadow cursor-pointer label bg-slate-900 dark:bg-white dark:shadow-gray-800 w-14" for="chk">
                    <i data-feather="moon" class="w-[18px] h-[18px] text-yellow-500"></i>
                    <i data-feather="sun" class="w-[18px] h-[18px] text-yellow-500"></i>
                    <span class="ball bg-white dark:bg-slate-900 rounded-full absolute top-[2px] left-[2px] w-7 h-7"></span>
                </label>
            </span>
        </div>--}}

    <!-- <div class="fixed z-50 hidden top-1/2 -right-11 sm:block">
            <a href="https://1.envato.market/cartzio" target="_blank" class="relative inline-block px-3 py-1 font-semibold -rotate-90 bg-white shadow-md rounded-t-md dark:bg-slate-900 dark:shadow dark:shadow-gray-800"><i class="mdi mdi-cart-outline me-1"></i> Download</a>
        </div> -->
    <!-- Switcher -->

    <!-- Back to top -->
    {{--<a href="#" onclick="topFunction()" id="back-to-top" class="fixed z-10 items-center justify-center hidden text-lg text-center text-white bg-orange-500 rounded-full back-to-top bottom-5 end-5 size-9"><i class="mdi mdi-arrow-up"></i></a>--}}
    <!-- Back to top -->
    
    
    <div class="fixed z-50 bottom-5 end-5" style="left: 10px;">
        <span class="relative inline-block p-4 bg-white border shadow shadow-xl rounded-xl">
            <div class="">
                <span class="float-left">
                    <div id="google_translate_element">
                    </div>
                </span>
            </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>


    <!-- JAVASCRIPTS -->
    <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>
    <!-- JAVASCRIPTS -->
</body>

</html>