<!doctype html>
<html lang="{{ app()->getLocale() }}" class="remember-theme">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>@yield('title', config('app.name', 'Dashboard'))</title>

    <meta name="description" content="@yield('description', '')">

    {{-- Favicons --}}
    <link rel="shortcut icon" href="{{ asset('assets/media/img/logo.png') }}">
    <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('assets/media/img/logo.png') }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/media/img/logo.png') }}">
    <link rel="stylesheet" href="{{ asset('vendor/sweetalert2/sweetalert2.css') }}">

    {{-- OneUI CSS --}}
    <link rel="stylesheet" id="css-main" href="{{ asset('assets/css/oneui.min.css') }}">

    {{-- CSS adicional por página --}}
    @stack('styles')

    <script src="{{ asset('assets/js/setTheme.js') }}"></script>
</head>

<body>
    {{-- Page Container --}}
    <div id="page-container" class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed main-content-narrow">

        {{-- Side Overlay --}}
        @include('components.dashboard.side-overlay')

        {{-- Sidebar --}}
        @include('components.dashboard.sidebar')

        {{-- Header --}}
        @include('components.dashboard.header')

        {{-- Main Container --}}
        <main id="main-container">
            @yield('content')
        </main>
        {{-- END Main Container --}}

        {{-- Footer --}}
        @include('components.dashboard.footer')

    </div>
    {{-- END Page Container --}}

    {{-- OneUI JS --}}
    <script src="{{ asset('assets/js/oneui.app.min.js') }}"></script>
    <script src="{{ asset('js/cosmos-utils.js') }}"></script>
    <script src="{{ asset('vendor/sweetalert2/sweetalert2.all.min.js') }}"></script>

    {{-- Scripts adicionales por página --}}
    @stack('scripts')
</body>
</html>