@php
$matricule=session('mat');

    $ph=session('photo1');
    $chemin_photo="https://progiciel.africawebstudent.org/Admin/";
    $chemin_photo=$chemin_photo.$ph;

@endphp
<!-- ============================================================== -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- ============================================================== -->
<header class="topbar">
    <nav class="navbar top-navbar navbar-expand-md navbar-dark">
        <div class="navbar-header border-end" data-logobg="skin6">
            <!-- 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="navbar-brand" href={{ route('index') }}>
                <!-- Logo icon -->
                <b class="logo-icon">
                    <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
                    <img src="{{ asset('assets/images/logos/gsr2.png') }}" alt="homepage" class="dark-logo"
                        style="width:100%; max-width:100px;" />
                </b>
                <!--End Logo icon -->
            </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('infos')['etablissementCouleur3'] }}">
            <!-- ============================================================== -->
            <!-- 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" 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 active" href="#"
                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                         
                           <img src="{{$chemin_photo}}" alt="ImageUser" class="rounded-circle" width="36">

                        <span class="ms-2 font-weight-medium"
                            style="color: {{ session('infos')['couleurText3'] }}">{{ session('infos')['nomImpression'] }}</span>
                        <span class="fas fa-angle-down ms-2"
                            style="color: {{ session('infos')['couleurText3'] }}"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end user-dd animated flipInY">
                        <div class="d-flex no-block align-items-center p-3 mb-2"
                            style="background-color: {{ session('infos')['etablissementCouleur1'] }}; color: {{ session('infos')['couleurText1'] }}">
                            <div class=""><img src="{{$chemin_photo }}" alt="ImageUser"
                                    class="rounded-circle" width="60"></div>
                            <div class="ms-2">
                                <h4 class="mb-0 text-white">
                                    {{ session('infos')['nomImpression'] }}
                                    {{ session('infos')['prenomImpression'] }}
                                </h4>
                                <p class=" mb-0">
                                    {{ session('infos')['emailImpression'] }}</p>
                            </div>
                        </div>
                        <a class="dropdown-item" href="#">
                            <i data-feather="mail" class="feather-sm text-success me-1 ms-1"></i>
                            Boite de messagerie
                        </a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href={{ route('profile', 0) }}>
                            <i data-feather="settings" class="feather-sm text-warning me-1 ms-1"></i>
                            Paramètres
                        </a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href={{ route('profile', 2) }}>
                            <i data-feather="settings" class="feather-sm text-warning me-1 ms-1"></i>
                            Changer votre mot de passe
                        </a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href={{ route('logout') }}>
                            <i data-feather="log-out" class="feather-sm text-danger me-1 ms-1"></i>
                            Déconnexion
                        </a>
                        <div class="dropdown-divider"></div>
                        <div class="ps-4 p-2">
                            <a href={{ route('profile', 1) }} class="btn d-block w-100 rounded-pill"
                                style="background-color: {{ session('infos')['etablissementCouleur1'] }}; color: {{ session('infos')['couleurText1'] }}">
                                Votre Profil
                            </a>
                        </div>
                    </div>
                </li>
                <!-- ============================================================== -->
                <!-- User profile and search -->
                <!-- ============================================================== -->
            </ul>
        </div>
    </nav>
</header>
<!-- ============================================================== -->
<!-- End Topbar header -->
<!-- ============================================================== -->