<!DOCTYPE html>

<html lang="{{ config('siberfx.ui.default_language') ?? app()->getLocale() }}" dir="{{ siberfx_theme_config('html_direction') }}">

<head>
    @include(siberfx_view('inc.head'))
</head>

<body class="{{ siberfx_theme_config('classes.body') }}" bp-layout="horizontal-dark">

@include(siberfx_view('layouts.partials.light_dark_mode_logic'))

<div class="page">
    <div class="page-wrapper">

        <div class="@if(siberfx_theme_config('options.useStickyHeader')) sticky-top @endif">
            @includeWhen(siberfx_theme_config('options.doubleTopBarInHorizontalLayouts'), siberfx_view('layouts._horizontal_dark.header_container'))
            @include(siberfx_view('layouts._horizontal_dark.menu_container'))
        </div>

        <div class="page-body">
            <main class="{{ siberfx_theme_config('options.useFluidContainers') ? 'container-fluid' : 'container-xl' }}">

                @yield('before_breadcrumbs_widgets')
                @includeWhen(isset($breadcrumbs), siberfx_view('inc.breadcrumbs'))
                @yield('after_breadcrumbs_widgets')
                @yield('header')

                <div class="container-fluid animated fadeIn">
                    @yield('before_content_widgets')
                    @yield('content')
                    @yield('after_content_widgets')
                </div>
            </main>
        </div>

        @include(siberfx_view('inc.footer'))
    </div>
</div>

@yield('before_scripts')
@stack('before_scripts')

@include(siberfx_view('inc.scripts'))
@include(siberfx_view('inc.theme_scripts'))

@yield('after_scripts')
@stack('after_scripts')
</body>
</html>
