@php

    use Illuminate\Support\Facades\DB;

    $transactions = DB::select("
    SELECT transactions.*, users.name AS username 
    FROM transactions 
    JOIN users ON users.id = transactions.user_id 
    ORDER BY transactions.id DESC 
    LIMIT 10
");

@endphp

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="msapplication-TileColor" content="#07030c">
    <meta name="theme-color" content="#07030c">

    <title> {{ $page_title }} | {{ site('name') }}</title>

    <meta name="author" content="support@rescron.com">
    <meta name="description" content="{{ $short_description }}">
    <meta property="og:url" content="{{ request()->url }}">
    <meta property="og:title" content="{{ $page_title }} | {{ site('name') }}">
    <meta property="og:description" content="{{ $short_description }}">
    <meta property="og:image" content="{{ asset('assets/images/' . site('cover')) }}">
    <meta name="robots" content="{{ site('robot') }}">


    <link rel="shortcut icon" href="{{ asset('assets/images/' . site('favicon')) }}" type="image/x-icon">
    <link rel="apple-touch-icon" href="{{ asset('assets/images/' . site('favicon')) }}" type="image/x-icon">


    {{-- alpine js --}}
    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>

    <!-- animate on scroll  -->
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

    {{-- font --}}
    <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet" />

    {{-- glide --}}
    <script src="https://cdn.jsdelivr.net/npm/@glidejs/glide"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/glide/dist/css/glide.core.min.css">

    <link rel="stylesheet" href="{{ asset('/assets/templates/gopie/css/output.css') }}">

    <style>
        .button-spinner {
            border: 4px solid #08A6A5;
            /* Light grey background */
            border-top: 4px solid #000;
            /* Blue color for the spinner */
            border-radius: 50%;
            width: 25px;
            height: 25px;
            animation: spin 1s linear infinite;
            /* Spinning animation */
            position: absolute;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .not-allowed-cursor {
            cursor: not-allowed;
        }
    </style>

    @yield('css')
</head>


<body class="bg-[#f3f3f3]">

    @if (site('preloader') == 1)
        @include('templates.' . site('template') . '.loaders.front_preloader')
    @endif


    {{-- start content --}}
    <nav class="fixed top-4 left-1/2 transform -translate-x-1/2 w-[90%] max-w-5xl p-3 rounded-full flex items-center justify-between z-50 border-2 @if (request()->routeIs('home')) bg-[#ebecf1] border-white text-gray-600  @else bg-[#2d2d2d] border-gray-500 text-white @endif  shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)]"
        x-data="{ open: false }">
        <div
            class="text-xl font-bold cursor-pointer hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] px-3 py-2 rounded-3xl">
            <a href="{{ route('home') }}">
                <img src="{{ asset('assets/images/' . site('logo_rec')) }}" alt="Logo" class="h-12" />
            </a>
        </div>

        <!-- Desktop Menu -->
        <div class="hidden lg:flex space-x-6 font-medium">
            <a href="{{ route('about') }}"
                class="hover:text-black hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] px-3 py-2 rounded-3xl  @if (request()->routeIs('about')) bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white @endif">About
                Us</a>
            <a href="{{ route('pricing') }}"
                class="hover:text-black hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] px-3 py-2 rounded-3xl @if (request()->routeIs('pricing')) bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white @endif">Ai
                Bots</a>
            <a href="{{ route('trades') }}"
                class="hover:text-black hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] px-3 py-2 rounded-3xl @if (request()->routeIs('trades')) bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white @endif">Live
                Ai
                Trades</a>
            <a href="{{ route('tos') }}"
                class="hover:text-black hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] px-3 py-2 rounded-3xl @if (request()->routeIs('tos')) bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white @endif">TOS</a>
            <a href="{{ route('contact') }}"
                class="hover:text-black hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] px-3 py-2 rounded-3xl @if (request()->routeIs('contact')) bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white @endif">Contact</a>
            <a href="{{ route('faqs') }}"
                class="hover:text-black hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] px-3 py-2 rounded-3xl @if (request()->routeIs('faqs')) bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white @endif">FAQ</a>
        </div>
        @if (user())
            <div class="md:flex hidden">
                <a href="{{ route('user.dashboard') }}"
                    class="hidden lg:block bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white px-6 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3] tracking-wide">
                    DASHBOARD
                </a>
            </div>
        @else
            <div class="md:flex hidden">
                <a href="{{ route('user.login') }}"
                    class="bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white font-semibold px-6 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] w-full tracking-wide hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3]">
                    SIGN IN
                </a>
            </div>
        @endif

        <!-- Mobile Menu Button -->
        <button @click="open = !open" class="lg:hidden p-2 rounded-md focus:outline-none">
            <!-- open menu button  -->
            <img src="{{ asset('/assets/templates/gopie/images/menu-icon.png') }}" alt="" x-show="!open"
                class="w-8 h-8" />

            <!-- close menu button  -->
            <img src="{{ asset('/assets/templates/gopie/images/close-menu-icon.png') }}" alt="" x-show="open"
                class="w-8 h-8" />
        </button>

        <!-- Mobile Menu  -->
        <div x-show="open" @click.away="open = false" x-transition:enter="transition transform ease-out duration-300"
            x-transition:enter-start="-translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100"
            x-transition:leave="transition transform ease-in duration-200"
            x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="-translate-x-full opacity-0"
            class="absolute top-full left-0 mt-4 w-64 bg-gray-200 p-4 flex flex-col items-start space-y-4 rounded-4xl border-2 border-white lg:hidden shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)]">
            <div class="flex flex-col space-y-4 w-full">
                <a href="{{ route('about') }}" class="hover:text-black">About Us</a>
                <a href="{{ route('pricing') }}" class="hover:text-black">Ai Bots</a>
                <a href="{{ route('trades') }}" class="hover:text-black">Live Ai Trades</a>
                <a href="{{ route('tos') }}" class="hover:text-black">TOS</a>
                <a href="{{ route('contact') }}" class="hover:text-black">Contact</a>
                <a href="{{ route('faqs') }}" class="hover:text-black">FAQ</a>
                @if (user())
                    <div class="flex">
                        <a href="{{ route('user.dashboard') }}"
                            class="bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white font-semibold px-6 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] w-full tracking-wide hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3]">
                            DASHBOARD
                        </a>
                    </div>
                @else
                    <div class="flex">
                        <a href="{{ route('user.login') }}"
                            class="bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white font-semibold px-6 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] w-full tracking-wide hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3]">
                            SIGN IN
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </nav>


    <header id="header">
        @yield('header')
    </header>



    <main class="main" id="main">
        @yield('contents')
    </main>



    <!-- unlocking wealth section  -->
    <section class="mt-12 md:mt-28">
        @if (request()->routeIs('home'))
            <div class="bg-[#2d2d2d] py-20 mb-12 md:mb-20 relative">
                <img src="{{ asset('/assets/templates/gopie/images/bg-object3-dark.png') }}"
                    class="hidden lg:block absolute right-1 w-60 top-1" alt="" />
                <img src="{{ asset('/assets/templates/gopie/images/bg-object4-dark.png') }}"
                    class="hidden lg:block absolute left-1 w-60 bottom-1" alt="" />
                <h2
                    class="text-white text-2xl md:text-4xl lg:text-5xl md:max-w-3xl md:mx-auto leading-12 md:leading-16 font-bold px-6 lg:px-40 text-center">
                    Unlocking Wealth with
                    <span class="relative">Simplicity
                        <img src="{{ asset('/assets/templates/gopie/images/underline.png') }}"
                            class="absolute right-1" alt="" /></span>
                </h2>
            </div>
        @endif
        <div class="px-6 lg:px-40 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-40 mb-14">
            <div class="shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] p-4 md:p-10 rounded-3xl min-w-72 mx-auto">
                <h3 class="text-[#12b7b6] font-medium text-lg mb-4">Users</h3>
                <div class="flex items-center gap-2">
                    <img src="{{ asset('/assets/templates/gopie/images/index-users.svg') }}" alt="" />
                    <span class="text-black text-xl md:text-2xl">3.5K+</span>
                </div>
            </div>

            <div class="shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] p-4 md:p-10 rounded-3xl min-w-72 mx-auto">
                <h3 class="text-[#12b7b6] font-medium text-lg mb-4">Deposits</h3>
                <div class="flex items-center gap-2">
                    <img src="{{ asset('/assets/templates/gopie/images/deposit-funds-icon.svg') }}" alt="" />
                    <span class="text-black text-xl md:text-2xl">USD5.5M+</span>
                </div>
            </div>

            <div class="shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] p-4 md:p-10 rounded-3xl min-w-72 mx-auto">
                <h3 class="text-[#12b7b6] font-medium text-lg mb-4">Withdrawals</h3>
                <div class="flex items-center gap-2">
                    <img src="{{ asset('/assets/templates/gopie/images/index-withdrawals.svg') }}" alt="" />
                    <span class="text-black text-xl md:text-2xl">USD10.2M+</span>
                </div>
            </div>

            <div class="shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] p-4 md:p-10 rounded-3xl min-w-72 mx-auto">
                <h3 class="text-[#12b7b6] font-medium text-lg mb-4">
                    Countries Supported
                </h3>
                <div class="flex items-center gap-2">
                    <img src="{{ asset('/assets/templates/gopie/images/globe-icon.svg') }}" alt="" />
                    <span class="text-black text-xl md:text-2xl">200+</span>
                </div>
            </div>
        </div>
    </section>

    <footer class="bg-[#2d2d2d] text-white p-8 rounded-t-lg">
        <!-- Main footer content -->
        <div class="container mx-auto">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-20">
                <!-- Logo and description -->
                <div>
                    <h2 class="text-2xl font-bold mb-2">
                        <a href="{{ route('home') }}">
                            <img src="{{ asset('assets/images/' . site('logo_rec')) }}" alt="Logo"
                                class="w-32 h-12" />
                        </a>
                    </h2>
                    <p class="text-sm text-gray-300">
                        Your ultimate trading companion, utilizing cutting-edge technology
                        to unlock new market potentials and amplify your investment
                        returns like never before.
                    </p>
                </div>

                <!-- Important links -->
                <div>
                    <h3 class="text-lg font-semibold mb-4">Important Links</h3>
                    <ul class="space-y-3">
                        <li class="flex items-center">
                            <img src="{{ asset('/assets/templates/gopie/images/footer-arrow.svg') }}" class="mr-2"
                                alt="" />
                            <a href="{{ route('privacy') }}" class="hover:text-gray-300">Privacy Policy</a>
                        </li>
                        <li class="flex items-center">
                            <img src="{{ asset('/assets/templates/gopie/images/footer-arrow.svg') }}" class="mr-2"
                                alt="" />
                            <a href="{{ route('faqs') }}" class="hover:text-gray-300">Frequently Asked Questions</a>
                        </li>
                        <li class="flex items-center">
                            <img src="{{ asset('/assets/templates/gopie/images/footer-arrow.svg') }}" class="mr-2"
                                alt="" />
                            <a href="{{ route('tos') }}" class="hover:text-gray-300">Terms of Services</a>
                        </li>
                    </ul>
                </div>

                <!-- Contact details -->
                <div class="">
                    <h3 class="text-lg font-semibold mb-4">Contact Details</h3>
                    <ul class="space-y-3">
                        <li class="flex items-center">
                            <img src="{{ asset('/assets/templates/gopie/images/map-icon.svg') }}" class="mr-2"
                                alt="" />
                            <span>{{ site('address') }}, {{ site('city') }},{{ site('state') }},
                                {{ site('country') }}</span>
                        </li>
                        <li class="flex items-center">
                            <img src="{{ asset('/assets/templates/gopie/images/phone-icon.svg') }}" class="mr-2"
                                alt="" />
                            <span>{{ site('phone') }}</span>
                        </li>
                        <li class="flex items-center">
                            <img src="{{ asset('/assets/templates/gopie/images/email-icon.svg') }}" class="mr-2"
                                alt="" />
                            <a href="mailto:{{ site('email') }}"
                                class="hover:text-gray-300 truncate">{{ site('email') }}</a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- Divider -->
            <div class="border-t border-gray-700 my-6"></div>

            <!-- Bottom Section with status and social icons -->
            <div class="flex flex-col md:flex-row justify-between items-center">
                <p class="text-sm text-gray-400 mb-4 md:mb-0">
                    All Services Operational
                </p>

                <!-- Social icons -->
                <div class="flex space-x-4">
                    <a href="{{ site('instagram') }}" class="text-gray-400 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-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>
                    <a href="{{ site('facebook') }}" class="text-gray-400 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor"
                            viewBox="0 0 24 24">
                            <path
                                d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z" />
                        </svg>
                    </a>
                    <a href="{{ site('pinterest') }}" class="text-gray-400 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor"
                            viewBox="0 0 24 24">
                            <path
                                d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z" />
                        </svg>
                    </a>
                    <a href="{{ site('twitter') }}" class="text-gray-400 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor"
                            viewBox="0 0 24 24">
                            <path
                                d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
                        </svg>
                    </a>
                    <a href="{{ site('youtube') }}" class="text-gray-400 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor"
                            viewBox="0 0 24 24">
                            <path
                                d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
                        </svg>
                    </a>
                    <a href="{{ site('linkedin') }}" class="text-gray-400 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor"
                            viewBox="0 0 24 24">
                            <path
                                d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </footer>
    {{-- end content --}}




    {{-- cookie consent --}}
    <div id="cookie-consent" class="hidden"
        style="width: 100%; position: fixed; z-index: 50; bottom: 0; left: 0; background-color: #120f1b50; background-opacity: 15%; backdrop-filter: blur(10px);">
        <div style="width: 100%; padding: 20px;">
            <div
                style="width: 100%;  gap: 12px; display: flex; flex-direction:column; justify-content: center; align-items: center; color: white;">
                <p style="text-align: center;">We use cookies to tailor your experience on {{ site('name') }}. Learn
                    more
                    in our <a href="{{ route('privacy') }}"
                        style="border-bottom: 1px solid white; color: inherit;">privacy policy</a>
                </p>
                <div style="text-align: center; padding-top: 24px; padding-bottom: 24px;">
                    <a id="consented" role="button"
                        style="border: 1px solid transparent; border-radius: 9999px; padding: 16px 40px; display: block; text-align: center; color: white; font-size: 1.125rem; background: #12b7b6; width: 400px; margin: 0 auto; text-decoration: none;">
                        <span>Accept Cookies</span>
                    </a>
                </div>
            </div>
        </div>
    </div>



    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="{{ asset('/assets/templates/gopie/scripts/main.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.16.6/dist/sweetalert2.all.min.js"></script>


    <script>
        AOS.init();
    </script>

    <script>
        //cookies
        window.onload = function() {
            // Check if the "cookie-consent" cookie exists
            if (!document.cookie.includes('cookie-consent')) {
                $('#cookie-consent').removeClass('hidden');
            }
        };

        function setCookie(cookieName, cookieValue) {
            var expirationDate = new Date();
            expirationDate.setFullYear(expirationDate.getFullYear() + 10); // Set expiration date to 10 years from now

            var cookieString = cookieName + '=' + cookieValue + '; expires=' + expirationDate.toUTCString() + '; path=/';

            document.cookie = cookieString;
        }


        $('#consented').on('click', function(e) {
            e.preventDefault();
            setCookie('cookie-consent', true);
            $('#cookie-consent').addClass('hidden');
        });
    </script>

    @yield('scripts')

    @stack('scripts')

    {{-- livechat --}}
    {!! json_decode(site('livechat')) !!}
    </script>

</body>

</html>
