<!DOCTYPE html>
<html lang="en" class="{{ userTheme() === 'alternate' ? 'light-mode' : '' }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {!! SEO::generate() !!}
    @include('meta')
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireStyles
    @stack('styles')
</head>
<body>

    <div id="app">
        @include( 'layouts.menu' )

        <main id="main-wrapper">
            @include('components.topbar')

            <div id="content">
                @if(session('success'))
                    <x-success-block success-type="custom" :message="session('success')" />
                @endif
                @if(session('error'))
                    <x-error-block error-type="custom" :message="session('error')" />
                @endif
                @if($errors->has('maintenance'))
                    <x-error-block error-type="custom" :message="$errors->get('maintenance')[0]" />
                @endif
                @yield('content')
            </div>
        </main>

    </div>

    @include('components.hovercard')
    @livewireScripts
    @stack('scripts')
</body>
</html>
