<header class="topbar">
    <nav class="navbar top-navbar navbar-expand-md navbar-dark">
        <div class="navbar-header border-end">
            <!-- This is for the sidebar toggle which is visible on mobile only -->

            <a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
            <a class="logo" href="{{ route('home') }}">
                <b>
                    <img srcset="/assets/images/gs_36.png 36w, /assets/images/gsr2.png 196w"
                        sizes="(max-width: 320px) 30px, 100px, (max-width: 480px) 36px, 110px"
                        src="/assets/images/gsr2.png" alt="home" class="light-logo">
                </b>
            </a>
            <!-- ============================================================== -->
            <!-- End Logo -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- Toggle which is visible on mobile only -->
            <!-- ============================================================== -->
            <a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)"
                data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i
                    class="ti-more"></i></a>
        </div>
        <!-- ============================================================== -->
        <!-- End Logo -->
        <!-- ============================================================== -->
        <div class="navbar-collapse collapse" id="navbarSupportedContent"
            style="background-color: {{ Session::get('RESULTAT_DATA')['RESULTAT_COULEUR_ETAB3'] }}">
            <!-- ============================================================== -->
            <!-- toggle and nav items -->
            <!-- ============================================================== -->
            <ul class="navbar-nav me-auto">
                <li class="nav-item d-none d-md-block"><a class="nav-link sidebartoggler waves-effect waves-light"
                        href="javascript:void(0)" data-sidebartype="mini-sidebar"><i class="mdi mdi-menu fs-5"></i></a>
                </li>
            </ul>
            <!-- ============================================================== -->
            <!-- Right side toggle and nav items -->
            <!-- ============================================================== -->
            <ul class="navbar-nav">
                <!-- ============================================================== -->
                <!-- Search -->
                <!-- ============================================================== -->
                <li class="nav-item search-box">
                    <form class="app-search d-none d-lg-block">
                        <input type="text" class="form-control fw-bold" placeholder="Search...">
                        <a href="" class="active"><i class="fa fa-search"></i></a>
                    </form>
                </li>
                <!-- ============================================================== -->
                <!-- User profile and search -->
                <!-- ============================================================== -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle waves-effect waves-dark" href="#" data-bs-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        <img src="/assets/images/users/1.jpg" alt="user" class="rounded-circle" width="36">
                        <span
                            class="ms-2 font-weight-medium">{{ session('RESULTAT_DATA')['RESULTAT_PRENOM'] }}</span><span
                            class="fas fa-angle-down ms-2"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end user-dd animated flipInY">
                        <div class="d-flex no-block align-items-center p-3 bg-info text-white mb-2">
                            <div class=""><img src="/assets/images/users/1.jpg" alt="user"
                                    class="rounded-circle" width="60"></div>
                            <div class="ms-2">
                                <h4 class="mb-0 text-white">
                                    {{ session('RESULTAT_DATA')['RESULTAT_NOM'] . ' ' . session('RESULTAT_DATA')['RESULTAT_PRENOM'] }}
                                </h4>
                                <p class=" mb-0">{{ session('RESULTAT_DATA')['RESULTAT_EMAIL'] }}</p>
                            </div>
                        </div>


                        <a class="dropdown-item" href="#"><i data-feather="mail"
                                class="feather-sm text-success me-1 ms-1"></i> Inbox</a>
                        <a class="dropdown-item" href="{{ route('logout') }}"><i data-feather="log-out"
                                class="feather-sm text-danger me-1 ms-1"></i> Logout</a>
                        <div class="dropdown-divider"></div>
                        <div class="ps-4 p-2"><a href="{{ route('profil') }}"
                                class="btn d-block w-100 btn-info rounded-pill">View Profile</a></div>

                        <div class="u-text p-4">
                            <label>Changer d'interface</label><br>
                            <p class="text-muted">Interface d'administration du système</p><a href="../Admin/"
                                target="_blank" class="btn btn-rounded btn-primary btn-sm">Admin</a>
                        </div>
                    </div>
                </li>
                <!-- ============================================================== -->
                <!-- User profile and search -->
                <!-- ============================================================== -->
            </ul>
        </div>
    </nav>
</header>
