<!DOCTYPE html>
<html lang="en" data-bs-theme="light" data-pwa="true">

<head>
    @include('layouts.partials/title-meta')

    @vite(['resources/js/theme-switcher.js'])

    @include('layouts.partials/head-css')
</head>

<body>
    <x-layout.header-grocery />
    <!-- Page content -->
    <main class="content-wrapper">
        <div class="container py-5 mt-n2 mt-sm-0">
            <div class="row pt-md-2 pt-lg-3 pb-sm-2 pb-md-3 pb-lg-4 pb-xl-5">

                @include('layouts.partials/account-sidebar')

                @yield('content')   

            </div>
        </div>
    </main>

    @include('layouts.partials/footer2')

    @include('layouts.partials/back-to-top')

    @include('layouts.partials/footer-script')

</body>

</html>
