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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <x:core::metadata.full />

    <!-- Google font -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans: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">

    <x:core::vite.styles type="library" />

    <!-- bootstrap css -->
    <link id="rtl-link" rel="stylesheet" type="text/css" href="{{ theme()->publicPath('css/vendors/bootstrap.css') }}">

    <!-- wow css -->
    <link rel="stylesheet" href="{{ theme()->publicPath('css/animate.min.css') }}">

    <x:core::vite.styles type="module" />

    <!-- Iconly css -->
    <link rel="stylesheet" type="text/css" href="{{ theme()->publicPath('css/bulk-style.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ theme()->publicPath('css/vendors/animate.css') }}">

    <!-- Template css -->
    <link id="color-link" rel="stylesheet" type="text/css" href="{{ theme()->publicPath('css/style.css') }}?v123">

    <x:core::vite.styles type="script" />
</head>

<body class="bg-effect">

<!-- Header Start -->
@include('florial::sections.header')
<!-- Header End -->

@if(isset($element))
<section class="breadcrumb-section pt-0">
    <div class="container-fluid-lg">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb-contain">
                    <h1>{{ $element->title }}</h1>
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item">
                                <a href="{{ Route::localeSlug() }}">
                                    <i class="fa-solid fa-house"></i>
                                </a>
                            </li>
                            @if($element->breadcrumbs())
                                @foreach($element->breadcrumbs() as $child)
                                    <li class="breadcrumb-item">
                                        <a href="{{ $child->getRoute() ?? '#' }}">
                                            {{ $child->title }}
                                        </a>
                                    </li>
                                @endforeach
                            @endif
                            <li class="breadcrumb-item active">{{ $element->title }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
@endif

@include(theme()->partials('message'))
@yield('content')

<!-- Footer Section Start -->
@include('florial::sections.footer')
<!-- Footer Section End -->

<!-- Location Modal Start -->
@include('florial::sections.store-locator')
<!-- Location Modal End -->

{{-- Deal Box Modal --}}
@include('florial::sections.deal-box')

<!-- Tap to top and theme setting button start -->
<div class="theme-option">
    <div class="back-to-top">
        <a id="back-to-top" href="#">
            <i class="fas fa-chevron-up"></i>
        </a>
    </div>
</div>
<!-- Tap to top and theme setting button end -->

<!-- Bg overlay Start -->
<div class="bg-overlay"></div>
<!-- Bg overlay End -->

<x:core::vite.scripts type="library" />

<!-- latest jquery-->
<script src="{{ theme()->publicPath('js/jquery-3.6.0.min.js') }}"></script>

<!-- jquery ui-->
<script src="{{ theme()->publicPath('js/jquery-ui.min.js') }}"></script>

<!-- Bootstrap js-->
<script src="{{ theme()->publicPath('js/bootstrap/bootstrap.bundle.min.js') }}"></script>
<script src="{{ theme()->publicPath('js/bootstrap/bootstrap-notify.min.js') }}"></script>
<script src="{{ theme()->publicPath('js/bootstrap/popper.min.js') }}"></script>

<!-- feather icon js-->
<script src="{{ theme()->publicPath('js/feather/feather.min.js') }}"></script>
<script src="{{ theme()->publicPath('js/feather/feather-icon.js') }}"></script>

<!-- Lazyload Js -->
<script src="{{ theme()->publicPath('js/lazysizes.min.js') }}"></script>

<!-- Slick js-->
<script src="{{ theme()->publicPath('js/slick/slick.js') }}"></script>
<script src="{{ theme()->publicPath('js/slick/slick-animation.min.js') }}"></script>
<script src="{{ theme()->publicPath('js/slick/custom_slick.js') }}"></script>

<!-- Auto Height Js -->
<script src="{{ theme()->publicPath('js/auto-height.js') }}"></script>

<!-- Timer Js -->
{{--<script src="{{ theme()->publicPath('js/timer1.js') }}"></script>--}}

<!-- Fly Cart Js -->
<script src="{{ theme()->publicPath('js/fly-cart.js') }}"></script>

<!-- Quantity js -->
<script src="{{ theme()->publicPath('js/quantity-2.js') }}"></script>

<!-- WOW js -->
<script src="{{ theme()->publicPath('js/wow.min.js') }}"></script>
<script src="{{ theme()->publicPath('js/custom-wow.js') }}"></script>

<x:core::vite.scripts type="module" />

<!-- script js -->
<script src="{{ theme()->publicPath('js/script.js') }}?v1"></script>

<!-- theme setting js -->
<script src="{{ theme()->publicPath('js/theme-setting.js') }}"></script>

<x:core::vite.scripts type="script" />

@stack('push-js')
@yield('section-js')
@yield('scripts-js')

</body>

</html>
