<!doctype html>

<html lang="en" class="layout-menu-fixed layout-compact" data-assets-path="./css2/assets/"
    data-template="vertical-menu-template-free">

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

    <title>Bright Eagles | Discipline camps</title>

    <meta name="description" content="" />

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="./css2/assets/img/favicon/favicon.ico" />

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
        href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
        rel="stylesheet" />

    <link rel="stylesheet" href="./css2/assets/vendor/fonts/iconify-icons.css" />
    <link rel="stylesheet" href="./css2/assets/vendor/css/core.css" />
    <link rel="stylesheet" href="./css2/assets/css/demo.css" />
    <link rel="stylesheet" href="./css2/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
    <link rel="stylesheet" href="./css2/assets/vendor/libs/apex-charts/apex-charts.css" />
    <script src="./css2/assets/vendor/js/helpers.js"></script>
    <script src="./css2/assets/js/config.js"></script>
</head>

<body>
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
        <div class="layout-container">
            <!-- Menu -->

            <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
                <div class="app-brand demo">


                    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
                        <i class="bx bx-chevron-left d-block d-xl-none align-middle"></i>
                    </a>
                </div>

                <div class="menu-divider mt-0"></div>

                <div class="menu-inner-shadow"></div>

                <ul class="menu-inner py-1">
                    <!-- Dashboards -->
                    <li class="menu-item active open">
                        <a href="{{ route('dashboard') }}" class="menu-link ">
                            <i class="menu-icon tf-icons bx bx-home-smile"></i>
                            <div class="text-truncate" data-i18n="Dashboards">Dashboards</div>
                        </a>

                        <ul class="menu-sub">
                            <li class="menu-item">

                                <a href="" data-bs-toggle="modal" data-bs-target="#updateProfileModal" target="_blank"
                                    class="menu-link">
                                    <div class="text-truncate" data-i18n="CRM">Profile Settings</div>

                                </a>
                            </li>
                            <li class="menu-item border border-gray-200">
                                <a href="{{ route('logout') }}" target="_blank" class="menu-link">
                                    <div class="text-truncate" data-i18n="eCommerce">Sign Out</div>

                                </a>
                            </li>

                        </ul>
                    </li>

                </ul>
            </aside>
            <!-- / Menu -->

            <!-- Layout container -->
            <div class="layout-page">
                <!-- Navbar -->
                <nav class="layout-navbar container-xxl navbar-detached navbar navbar-expand-xl align-items-center bg-navbar-theme"
                    id="layout-navbar">
                    <div class="layout-menu-toggle navbar-nav align-items-xl-center me-4 me-xl-0 d-xl-none">
                        <a class="nav-item nav-link px-0 me-xl-6" href="javascript:void(0)">
                            <i class="icon-base bx bx-menu icon-md"></i>
                        </a>
                    </div>

                    <div class="navbar-nav-right d-flex align-items-center justify-content-end" id="navbar-collapse">
                        <ul class="navbar-nav flex-row align-items-center ms-md-auto">
                            <!-- User Info & Logout -->
                            <li class="nav-item navbar-dropdown dropdown-user dropdown">
                                <a class="nav-link dropdown-toggle hide-arrow p-0 d-flex align-items-center"
                                    href="javascript:void(0);" data-bs-toggle="dropdown">
                                    <div class="me-2">
                                        <span class="fw-semibold d-block">{{ Auth::user()->name }}</span>

                                    </div>
                                    <div class="avatar avatar-online">
                                         <img src="./css2/assets/img/avatars/1.png" alt class="w-px-40 h-auto rounded-circle" />

                                    </div>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li>
                                        <div class="dropdown-header">
                                            <h6 class="mb-0">{{ Auth::user()->name }}</h6>
                                            <small class="text-body-secondary">{{ Auth::user()->email }}</small>
                                        </div>
                                    </li>
                                
                                    <li>
                                        <a class="dropdown-item text-danger" href="{{ route('logout') }}"
                                            onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                            <span>Log Out</span>
                                        </a>
                                        <form id="logout-form" action="{{ route('logout') }}" method="POST"
                                            style="display: none;">
                                            @csrf
                                        </form>
                                    </li>
                                </ul>
                            </li>
                            <!--/ User -->
                        </ul>
                    </div>
                </nav>
                <!-- / Navbar -->