<!doctype html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex, nofollow">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="shortcut icon" href="{{url('/')}}/media/favicons/favicon.png">
    <link rel="icon" type="image/png" sizes="192x192" href="{{url('/')}}/media/favicons/favicon-192x192.png">
    <link rel="apple-touch-icon" sizes="180x180" href="{{url('/')}}/media/favicons/apple-touch-icon-180x180.png">

    {!! SEO::generate(true) !!}

    <!-- Modules -->
    @yield('css')
    @vite(['resources/sass/main.scss', 'resources/js/dashmix/app.js'])
    <script src="{{ asset('js/setTheme.js') }}"></script>
    @yield('js')
    @laravelPWA
</head>
<body>
<div id="page-container">
    <!-- Main Container -->
    <main id="main-container">
        <!-- Page Content -->
        <div class="bg-image" style="background-image: url('{{url('/')}}/media/photos/twitter.jpg');">
            <div class="row g-0 bg-primary-op">
                <!-- Meta Info Section -->
                <div class="hero-static col-md-8 d-none d-md-flex align-items-md-center justify-content-md-center text-md-center">
                    <div class="p-5 text-center w-100">

                    </div>
                </div>
                <!-- END Meta Info Section -->
                <!-- Main Section -->
                <div class="hero-static col-md-4 d-flex align-items-center bg-body-extra-light">
                    <div class="p-3 w-100">
                        @yield('content')
                    </div>
                </div>
                <!-- END Main Section -->
            </div>
        </div>
        <!-- END Page Content -->
    </main>
    <!-- END Main Container -->
</div>
</body>
</html>
