<!DOCTYPE html>
<html class="{{ request()->cookie('dark_mode') ? 'dark' : '' }}" lang="{{ app()->getLocale() }}" dir="{{ in_array(app()->getLocale(), ['fa', 'ar']) ? 'rtl' : 'ltr' }}">
<head>
    <title>Super Admin</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="base-url" content="{{ url()->to('/') }}">
    
    {{ vite()->set(['src/Resources/assets/css/app.css', 'src/Resources/assets/js/app.js']) }}
    
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet" />
    <link type="image/x-icon" href="{{ vite()->asset('images/favicon.ico') }}" rel="shortcut icon" sizes="16x16" />
    
    <style>
        :root { --brand-color: #0E90D9; }
    </style>
</head>
<body class="h-full font-inter dark:bg-gray-950">
    <div id="app" class="h-full">
        <x-admin::flash-group />
        <x-admin::modal.confirm />

        @include('super-admin.layouts.header')

        <div class="group/container sidebar-collapsed flex h-screen">
            @include('super-admin.layouts.sidebar')

            <div class="flex flex-1 flex-col overflow-hidden bg-gray-100 pt-3 transition-all duration-300 dark:bg-gray-950">
                <div class="flex-1 overflow-y-auto px-4 pb-6">
                    @yield('content')
                </div>
            </div>
        </div>
    </div>

    @stack('scripts')
    <script>
        window.addEventListener("load", function(event) {
            app.mount("#app");
        });
    </script>
</body>
</html>
