<!DOCTYPE html>
<html lang="en">

<head>
    <title>@yield('title', 'Student Panel | Odyssey')</title>
    <meta name="description" content="#" />
    <meta name="keywords" content="#" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta charset="utf-8" />
    {{-- <meta property="og:locale" content="id_ID" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Career Development Center" />
    <meta property="og:url" content="#" />
    <meta property="og:site_name" content="Career Development Center" /> --}}
    <link rel="shortcut icon" href="{{ asset('vault/images/content/favicon.ico') }}" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
    @stack('styles')
    <link href="{{ asset('assets/student/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/student/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
</head>

<body id="kt_body" class="header-fixed header-tablet-and-mobile-fixed toolbar-enabled">
    <div class="d-flex flex-column flex-root">
        <div class="flex-row page d-flex flex-column-fluid">
            <div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
                @include('student.components.header')

                {{-- ? Optional Header --}}
                @yield('header')

                {{-- ? Section Content Pages --}}
                <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
                    <div class="content flex-row-fluid" id="kt_content">
                        @yield('content')
                    </div>
                </div>

                {{-- ? Section Footer --}}
                @include('student.components.footer')
            </div>
        </div>
    </div>

    <script src="{{ asset('assets/student/plugins/global/plugins.bundle.js') }}"></script>
    <script src="{{ asset('assets/student/js/scripts.bundle.js') }}"></script>
    @stack('scripts')
</body>

</html>
