<!DOCTYPE html>
<html lang="{{ locale() }}">
<head>
    <base href="{{ config('app.url') }}">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">

    <title>
        @hasSection('title')
            @yield('title') - {{ setting('store_name') }}
        @else
            @if(setting('store_tagline'))
                {{ setting('store_tagline') }} -
            @endif
            {{setting('store_name')}}
        @endif
    </title>

    @stack('meta')
    @PWA

    <link rel="shortcut icon" href="{{ $favicon }}" type="image/x-icon">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" href="{{ font_url(setting('storefront_display_font', 'Poppins')) }}"
          onload="this.onload=null; this.rel='stylesheet'; this.removeAttribute('as')" as="style">

    @include('storefront::public.partials.variables')

    @vite([
        'modules/Storefront/Resources/assets/public/sass/vendors/_bootstrap.scss',
        'modules/Storefront/Resources/assets/public/sass/vendors/_line-awesome.scss',
        'modules/Storefront/Resources/assets/public/sass/vendors/_swiper.scss',
        'modules/Storefront/Resources/assets/public/sass/vendors/_toastify.scss',
        'modules/Storefront/Resources/assets/public/sass/app.scss',
        'modules/Storefront/Resources/assets/public/js/app.js',
        'modules/Storefront/Resources/assets/public/js/main.js'
    ])

    @stack('styles')

    {!! setting('custom_header_assets') !!}

    <script>
        window.FleetCart = {
            baseUrl: '{{ localized_url(locale(), url('/')) }}',
            rtl: {{ is_rtl() ? 'true' : 'false' }},
            storeName: '{{ setting('store_name') }}',
            storeLogo: '{{ $logo }}',
            currency: '{{ currency() }}',
            locale: '{{ locale() }}',
            supportedLocales: @json(supported_locales()),
            loggedIn: {{ auth()->check() ? 'true' : 'false' }},
            compareCount: {{ $compareCount }},
            cartQuantity: {{ $cartQuantity }},
            wishlistCount: {{ $wishlistCount }},
            csrfToken: '{{ csrf_token() }}',
            data: {},
            langs: {
                'storefront::storefront.something_went_wrong': '{{ trans('storefront::storefront.something_went_wrong') }}',
                'storefront::layouts.more_results': '{{ trans('storefront::layouts.more_results') }}'
            },
        };
    </script>

    {!! $schemaMarkup->toScript() !!}

    @stack('globals')

    <script type="module">
        Alpine.start();
    </script>
</head>

<body
    dir="{{ is_rtl() ? 'rtl' : 'ltr' }}"
    class="page-template {{ is_rtl() ? 'rtl' : 'ltr' }}"
    data-theme-color="{{ $themeColor->toHexString() }}"
>
<div x-data="App" class="wrapper">
    @include('storefront::public.layouts.top_nav')
    @include('storefront::public.layouts.header')
    @include('storefront::public.layouts.navigation')
    @include('storefront::public.layouts.breadcrumb')

    @yield('content')

    @include('storefront::public.home.sections.newsletter_subscription')
    @include('storefront::public.layouts.footer')

    <div
        class="overlay"
        :class="{ active: $store.layout.overlay }"
        @click="hideOverlay"
    >
    </div>

    @include('storefront::public.layouts.sidebar_menu')
    @include('storefront::public.layouts.localization')

    @if (!request()->routeIs('checkout.create'))
        @include('storefront::public.layouts.sidebar_cart')
    @endif

    @include('storefront::public.layouts.alert')
    @include('storefront::public.layouts.newsletter_popup')
    @include('storefront::public.layouts.cookie_bar')
    @include('storefront::public.layouts.scroll_to_top')
</div>

@stack('pre-scripts')
@stack('scripts')

{!! setting('custom_footer_assets') !!}
</body>
</html>
