@php

    $NomPrenomPersonnel = session()->get('NomPrenomPersonnel');
    $listeDevise = listeTauxMonnaie();
@endphp
<!-- app-header -->
<header class="app-header">

    <!-- Start::main-header-container -->
    <div class="main-header-container container-fluid">

        <!-- Start::header-content-left -->
        <div class="header-content-left">

            <!-- Start::header-element -->
            <div class="header-element">
                <div class="horizontal-logo">
                    <a href="{{ url('/acceuil') }}" class="header-logo">
                        <img src="{{ asset('assets/images/brand-logos/desktop-logo.png') }}" alt="logo"
                            class="desktop-logo">
                        <img src="{{ asset('assets/images/brand-logos/toggle-logo.png') }}" alt="logo"
                            class="toggle-logo">
                        <img src="{{ asset('assets/images/brand-logos/desktop-dark.png') }}" alt="logo"
                            class="desktop-dark">
                        <img src="{{ asset('assets/images/brand-logos/toggle-dark.png') }}" alt="logo"
                            class="toggle-dark">
                        <img src="{{ asset('assets/images/brand-logos/desktop-white.png') }}" alt="logo"
                            class="desktop-white">
                        <img src="{{ asset('assets/images/brand-logos/toggle-white.png') }}" alt="logo"
                            class="toggle-white">
                    </a>
                </div>
            </div>
            <!-- End::header-element -->

            @php
                $user = session()->get('IDPERSONNEL');
                $site = session()->get('site');
            @endphp


            <!-- Start::header-element -->
            <div class="header-element">
                <!-- Start::header-link -->
                <a aria-label="Hide Sidebar"
                    class="sidemenu-toggle header-link animated-arrow hor-toggle horizontal-navtoggle"
                    data-bs-toggle="sidebar" href="javascript:void(0);"><span></span></a>
                <!-- End::header-link -->
                <div class="row g-3 align-items-center">
                    <!-- <div class="col-auto">
                                <img src="{{ url('assets/images/LOGO_TEDIS_PHARMA_CI.png') }}" alt="logo" class="desktop-logo">
                            </div> -->
                    <div class="col-auto">
                        <label for="inputPassword6" class="col-form-label">Site</label>
                    </div>
                    {{-- @dd(session('LISTE_DROIT_ACCESS')) --}}
                    <div class="col-auto">
                        <select name="" class=" form-control form-select" id="idSiteEnCours"
                            @disabled(checkIfDroit('DG_AccesMultiSite'))>
                            @foreach ($site as $item)
                                <option value="{{ $item->IDAGENCE }}"
                                    {{ $item->IDAGENCE == session()->get('IDAGENCE') ? 'selected' : '' }}>
                                    {{ $item->NomAgence }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-auto" id="divSelIDMonnaieTitle" style="display : none;">
                        <label class="col-form-label">Devise : </label>
                    </div>

                    <div class="col-auto" id="divSelIDMonnaie" style="display : none;">
                        <select name="" class=" form-control form-select" id="IDMONNAIEAffichage">
                            @foreach ($listeDevise as $devise)
                                <option value="{{ $devise->IDMONNAIE }}"
                                    {{ $devise->IDMONNAIE == session('deviseAffichage') ? 'selected' : '' }}>
                                    {{ $devise->SymboleMonnaie }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-auto" id="divSelIDMonnaieTaux" style="display : none;">
                        <div style="min-width:70px; padding:1px;border:1px solid rgb(233,237,246); border-radius:7px; padding-right : 5px;"
                            class="d-flex justify-content-center">
                            <i class="ri-exchange-fill"
                                style="color:green;font-size:20px;margin-top:2px; margin-right:10px"
                                data-bs-toggle="tooltip" title="Taux de devise"></i>
                            <label
                                class="col-form-label">{{ formatNumerique(session('tauxDeviseAffichage'), 2) }}</label>
                        </div>
                    </div>

                </div>
            </div>
            <!-- End::header-element -->
        </div>
        <!-- End::header-content-left -->

        <!-- Start::header-content-right -->
        <div class="header-content-right">

            <!-- Start::header-element -->
            {{-- <div class="header-element header-search">
                <!-- Start::header-link -->
                <a href="javascript:void(0);" class="header-link" data-bs-toggle="modal" data-bs-target="#searchModal">
                    <i class="bx bx-search-alt-2 header-link-icon"></i>
                </a>
                <!-- End::header-link -->
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="javascript:void(0);">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="javascript:void(0);">Features</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="javascript:void(0);">Pricing</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link disabled">Disabled</a>
                        </li>
                    </ul>
                </div>
            </div> --}}
            <!-- End::header-element -->

            <!-- Start::header-element -->
            <div class="header-element country-selector">
                <!-- Start::header-link|dropdown-toggle dispatchNowz-->
                <label id="btnListeTraitEnCours" class="header-link" title="Liste des traitements en cours">
                    <span class="dark-layout position-relative">
                        <i class="las la-hourglass-half header-link-icon"></i>
                        <span
                            class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-secondary">
                           <span id="idNbreTEC">{{ session("NbreTEC")}}</span> <span class="visually-hidden">unread messages</span>
                        </span>
                    </span>
                </label>
                <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-auto-close="outside"
                    data-bs-toggle="dropdown">
                    <i class="bi bi-translate"></i> &nbsp; Français
                </a>
                <!-- End::header-link|dropdown-toggle -->
                <ul class="main-header-dropdown dropdown-menu dropdown-menu-end" data-popper-placement="none">
                    <li>
                        <a class="dropdown-item d-flex align-items-center" href="javascript:void(0);">
                            Français
                        </a>
                    </li>
                    <li>
                        <a class="dropdown-item d-flex align-items-center" href="javascript:void(0);">
                            English
                        </a>
                    </li>

                </ul>
            </div>
            <!-- End::header-element -->

            <!-- Start::header-element -->
            <div class="header-element header-theme-mode">
                <!-- Start::header-link|layout-setting -->
                <a href="javascript:void(0);" class="header-link layout-setting">
                    <span class="light-layout">
                        <!-- Start::header-link-icon -->
                        <i class="bx bx-moon header-link-icon"></i>
                        <!-- End::header-link-icon -->
                    </span>
                    <span class="dark-layout">
                        <!-- Start::header-link-icon -->
                        <i class="bx bx-sun header-link-icon"></i>
                        <!-- End::header-link-icon -->
                    </span>
                </a>
                <!-- End::header-link|layout-setting -->
            </div>
            <!-- End::header-element -->

            <!-- Start::header-element -->
            {{-- <div class="header-element cart-dropdown">
                  <!-- Start::header-link|dropdown-toggle -->
                  <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-auto-close="outside" data-bs-toggle="dropdown">
                      <i class="bx bx-envelope header-link-icon"></i>
                      <span class="badge bg-primary rounded-pill header-icon-badge" id="cart-icon-badge">5k</span>
                  </a>
                  <!-- End::header-link|dropdown-toggle -->
                  <!-- Start::main-header-dropdown -->
                  <div class="main-header-dropdown dropdown-menu dropdown-menu-end" data-popper-placement="none">
                      <div class="p-3">
                          <div class="d-flex align-items-center justify-content-between">
                              <p class="mb-0 fs-17 fw-semibold">Cart Items</p>
                              <span class="badge bg-success-transparent" id="cart-data">5 Items</span>
                          </div>
                      </div>
                      <div>
                          <hr class="dropdown-divider">
                      </div>
                      <ul class="list-unstyled mb-0" id="header-cart-items-scroll">
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start cart-dropdown-item">
                                  <img src="{{ asset('assets/images/ecommerce/jpg/1.jpg')}}" alt="img" class="avatar avatar-sm avatar-rounded br-5 me-3">
                                  <div class="flex-grow-1">
                                      <div class="d-flex align-items-start justify-content-between mb-0">
                                          <div class="mb-0 fs-13 text-dark fw-semibold">
                                              <a href="cart.html">SomeThing Phone</a>
                                          </div>
                                          <div>
                                              <span class="text-black mb-1">$1,299.00</span>
                                              <a href="javascript:void(0);" class="header-cart-remove float-end dropdown-item-close"><i class="ti ti-trash"></i></a>
                                          </div>
                                      </div>
                                      <div class="min-w-fit-content d-flex align-items-start justify-content-between">
                                          <ul class="header-product-item d-flex">
                                              <li>Metallic Blue</li>
                                              <li>6gb Ram</li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start cart-dropdown-item">
                                  <img src="{{ asset('assets/images/ecommerce/jpg/3.jpg')}}" alt="img" class="avatar avatar-sm avatar-rounded br-5 me-3">
                                  <div class="flex-grow-1">
                                      <div class="d-flex align-items-start justify-content-between mb-0">
                                          <div class="mb-0 fs-13 text-dark fw-semibold">
                                              <a href="cart.html">Stop Watch</a>
                                          </div>
                                          <div>
                                              <span class="text-black mb-1">$179.29</span>
                                              <a href="javascript:void(0);" class="header-cart-remove float-end dropdown-item-close"><i class="ti ti-trash"></i></a>
                                          </div>
                                      </div>
                                      <div class="min-w-fit-content d-flex align-items-start justify-content-between">
                                          <ul class="header-product-item">
                                              <li>Analog</li>
                                              <li><span class="badge bg-pink-transparent fs-10">Free shipping</span></li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start cart-dropdown-item">
                                  <img src="{{ asset('assets/images/ecommerce/jpg/5.jpg')}}" alt="img" class="avatar avatar-sm avatar-rounded br-5 me-3">
                                  <div class="flex-grow-1">
                                      <div class="d-flex align-items-start justify-content-between mb-0">
                                          <div class="mb-0 fs-13 text-dark fw-semibold">
                                              <a href="cart.html">Photo Frame</a>
                                          </div>
                                          <div>
                                              <span class="text-black mb-1">$29.00</span>
                                              <a href="javascript:void(0);" class="header-cart-remove float-end dropdown-item-close"><i class="ti ti-trash"></i></a>
                                          </div>
                                      </div>
                                      <div class="min-w-fit-content d-flex align-items-start justify-content-between">
                                          <ul class="header-product-item d-flex">
                                              <li>Decorative</li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start cart-dropdown-item">
                                  <img src="{{ asset('assets/images/ecommerce/jpg/4.jpg')}}" alt="img" class="avatar avatar-sm avatar-rounded br-5 me-3">
                                  <div class="flex-grow-1">
                                      <div class="d-flex align-items-start justify-content-between mb-0">
                                          <div class="mb-0 fs-13 text-dark fw-semibold">
                                              <a href="cart.html">Kikon Camera</a>
                                          </div>
                                          <div>
                                              <span class="text-black mb-1">$4,999.00</span>
                                              <a href="javascript:void(0);" class="header-cart-remove float-end dropdown-item-close"><i class="ti ti-trash"></i></a>
                                          </div>
                                      </div>
                                      <div class="min-w-fit-content d-flex align-items-start justify-content-between">
                                          <ul class="header-product-item d-flex">
                                              <li>Black</li>
                                              <li>50MM</li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start cart-dropdown-item">
                                  <img src="{{ asset('assets/images/ecommerce/jpg/6.jpg')}}" alt="img" class="avatar avatar-sm avatar-rounded br-5 me-3">
                                  <div class="flex-grow-1">
                                      <div class="d-flex align-items-start justify-content-between mb-0">
                                          <div class="mb-0 fs-13 text-dark fw-semibold">
                                              <a href="cart.html">Canvas Shoes</a>
                                          </div>
                                          <div>
                                              <span class="text-black mb-1">$129.00</span>
                                              <a href="javascript:void(0);" class="header-cart-remove float-end dropdown-item-close"><i class="ti ti-trash"></i></a>
                                          </div>
                                      </div>
                                      <div class="d-flex align-items-start justify-content-between">
                                          <ul class="header-product-item d-flex">
                                              <li>Gray</li>
                                              <li>Sports</li>
                                          </ul>
                                      </div>
                                  </div>
                              </div>
                          </li>
                      </ul>
                      <div class="p-3 empty-header-item border-top">
                          <div class="d-grid">
                              <a href="checkout.html" class="btn btn-primary">Proceed to checkout</a>
                          </div>
                      </div>
                      <div class="p-5 empty-item d-none">
                          <div class="text-center">
                              <span class="avatar avatar-xl avatar-rounded bg-warning-transparent">
                                  <i class="ri-shopping-cart-2-line fs-2"></i>
                              </span>
                              <h6 class="fw-bold mb-1 mt-3">Your Cart is Empty</h6>
                              <span class="mb-3 fw-normal fs-13 d-block">Add some items to make me happy :)</span>
                              <a href="products.html" class="btn btn-primary btn-wave btn-sm m-1" data-abc="true">continue shopping <i class="bi bi-arrow-right ms-1"></i></a>
                          </div>
                      </div>
                  </div>
                  <!-- End::main-header-dropdown -->
              </div> --}}
            <!-- End::header-element -->

            <!-- Start::header-element -->
            {{-- <div class="header-element notifications-dropdown">
                  <!-- Start::header-link|dropdown-toggle -->
                  <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" id="messageDropdown" aria-expanded="false">
                      <i class="bx bx-bell header-link-icon"></i>
                      <span class="badge bg-secondary rounded-pill header-icon-badge pulse pulse-secondary" id="notification-icon-badge">5</span>
                  </a>
                  <!-- End::header-link|dropdown-toggle -->
                  <!-- Start::main-header-dropdown -->
                  <div class="main-header-dropdown dropdown-menu dropdown-menu-end" data-popper-placement="none">
                      <div class="p-3">
                          <div class="d-flex align-items-center justify-content-between">
                              <p class="mb-0 fs-17 fw-semibold">Notifications</p>
                              <span class="badge bg-secondary-transparent" id="notifiation-data">5 Unread</span>
                          </div>
                      </div>
                      <div class="dropdown-divider"></div>
                      <ul class="list-unstyled mb-0" id="header-notification-scroll">
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start">
                                  <div class="pe-2">
                                      <span class="avatar avatar-md bg-primary-transparent avatar-rounded"><i class="ti ti-gift fs-18"></i></span>
                                  </div>
                                  <div class="flex-grow-1 d-flex align-items-center justify-content-between">
                                      <div>
                                          <p class="mb-0 fw-semibold"><a href="notifications.html">Your Order Has Been Shipped</a></p>
                                          <span class="text-muted fw-normal fs-12 header-notification-text">Order No: 123456 Has Shipped To Your Delivery Address</span>
                                      </div>
                                      <div>
                                          <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start">
                                  <div class="pe-2">
                                      <span class="avatar avatar-md bg-secondary-transparent avatar-rounded"><i class="ti ti-discount-2 fs-18"></i></span>
                                  </div>
                                  <div class="flex-grow-1 d-flex align-items-center justify-content-between">
                                      <div>
                                          <p class="mb-0 fw-semibold"><a href="notifications.html">Discount Available</a></p>
                                          <span class="text-muted fw-normal fs-12 header-notification-text">Discount Available On Selected Products</span>
                                      </div>
                                      <div>
                                          <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start">
                                  <div class="pe-2">
                                      <span class="avatar avatar-md bg-pink-transparent avatar-rounded"><i class="ti ti-user-check fs-18"></i></span>
                                  </div>
                                  <div class="flex-grow-1 d-flex align-items-center justify-content-between">
                                      <div>
                                          <p class="mb-0 fw-semibold"><a href="notifications.html">Account Has Been Verified</a></p>
                                          <span class="text-muted fw-normal fs-12 header-notification-text">Your Account Has Been Verified Sucessfully</span>
                                      </div>
                                      <div>
                                          <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start">
                                  <div class="pe-2">
                                      <span class="avatar avatar-md bg-warning-transparent avatar-rounded"><i class="ti ti-circle-check fs-18"></i></span>
                                  </div>
                                  <div class="flex-grow-1 d-flex align-items-center justify-content-between">
                                      <div>
                                          <p class="mb-0 fw-semibold"><a href="notifications.html">Order Placed <span class="text-warning">ID: #1116773</span></a></p>
                                          <span class="text-muted fw-normal fs-12 header-notification-text">Order Placed Successfully</span>
                                      </div>
                                      <div>
                                          <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a>
                                      </div>
                                  </div>
                              </div>
                          </li>
                          <li class="dropdown-item">
                              <div class="d-flex align-items-start">
                                  <div class="pe-2">
                                      <span class="avatar avatar-md bg-success-transparent avatar-rounded"><i class="ti ti-clock fs-18"></i></span>
                                  </div>
                                  <div class="flex-grow-1 d-flex align-items-center justify-content-between">
                                      <div>
                                          <p class="mb-0 fw-semibold"><a href="notifications.html">Order Delayed <span class="text-success">ID: 7731116</span></a></p>
                                          <span class="text-muted fw-normal fs-12 header-notification-text">Order Delayed Unfortunately</span>
                                      </div>
                                      <div>
                                          <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a>
                                      </div>
                                  </div>
                              </div>
                          </li>
                      </ul>
                      <div class="p-3 empty-header-item1 border-top">
                          <div class="d-grid">
                              <a href="notifications.html" class="btn btn-primary">View All</a>
                          </div>
                      </div>
                      <div class="p-5 empty-item1 d-none">
                          <div class="text-center">
                              <span class="avatar avatar-xl avatar-rounded bg-secondary-transparent">
                                  <i class="ri-notification-off-line fs-2"></i>
                              </span>
                              <h6 class="fw-semibold mt-3">No New Notifications</h6>
                          </div>
                      </div>
                  </div>
                  <!-- End::main-header-dropdown -->
              </div> --}}
            <!-- End::header-element -->

            <!-- Start::header-element -->
            <div class="header-element header-shortcuts-dropdown">
                <!-- Start::header-link|dropdown-toggle -->
                <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-toggle="dropdown"
                    data-bs-auto-close="outside" id="notificationDropdown" aria-expanded="false">
                    <i class="bx bx-grid-alt header-link-icon"></i>
                </a>
                <!-- End::header-link|dropdown-toggle -->
                <!-- Start::main-header-dropdown -->
                <div class="main-header-dropdown header-shortcuts-dropdown dropdown-menu pb-0 dropdown-menu-end"
                    aria-labelledby="notificationDropdown">
                    <div>
                        <hr class="dropdown-divider">
                    </div>
                    <ul class="list-unstyled mb-0" id="header-cart-items-scroll">
                        <li class="dropdown-item">
                            <div class="d-flex align-items-start cart-dropdown-item">
                                <img src="{{ asset('assets/images/ecommerce/jpg/3.jpg') }}" alt="img"
                                    class="avatar avatar-sm avatar-rounded br-5 me-3">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start justify-content-between mb-0">
                                        <div class="mb-0 fs-13 text-dark fw-semibold">
                                            <a href="{{ route('vueSecondEcranFacturier') }}" target="_blank">Ecran
                                                client</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="dropdown-item">
                            <div class="d-flex align-items-start cart-dropdown-item">
                                <img src="{{ asset('assets/images/ecommerce/jpg/1.jpg') }}" alt="img"
                                    class="avatar avatar-sm avatar-rounded br-5 me-3">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start justify-content-between mb-0">
                                        <div class="mb-0 fs-13 text-dark fw-semibold">
                                            <a data-bs-toggle="modal" data-bs-target="#modalCalculCAmanquant"
                                                href="#">Calculer CA manquants</a>
                                        </div>
                                        {{-- <div>
                                              <span class="text-black mb-1">$1,299.00</span>
                                              <a href="javascript:void(0);" class="header-cart-remove float-end dropdown-item-close"><i class="ti ti-trash"></i></a>
                                          </div> --}}
                                    </div>
                                    {{-- <div class="min-w-fit-content d-flex align-items-start justify-content-between">
                                          <ul class="header-product-item d-flex">
                                              <li>Metallic Blue</li>
                                              <li>6gb Ram</li>
                                          </ul>
                                      </div> --}}
                                </div>
                            </div>
                        </li>
                        <li class="dropdown-item" style="display : none;">
                            <div class="d-flex align-items-start cart-dropdown-item">
                                <img src="{{ asset('assets/images/ecommerce/jpg/3.jpg') }}" alt="img"
                                    class="avatar avatar-sm avatar-rounded br-5 me-3">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start justify-content-between mb-0">
                                        <div class="mb-0 fs-13 text-dark fw-semibold">
                                            <a href="#">Actualiser Catégorie A-B-C</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="dropdown-item" style="display : none;">
                            <div class="d-flex align-items-start cart-dropdown-item">
                                <img src="{{ asset('assets/images/ecommerce/jpg/5.jpg') }}" alt="img"
                                    class="avatar avatar-sm avatar-rounded br-5 me-3">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start justify-content-between mb-0">
                                        <div class="mb-0 fs-13 text-dark fw-semibold">
                                            <a href="cart.html">Actualiser Séuils</a>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </li>
                        <li class="dropdown-item" style="display : none;">
                            <div class="d-flex align-items-start cart-dropdown-item">
                                <img src="{{ asset('assets/images/ecommerce/jpg/4.jpg') }}" alt="img"
                                    class="avatar avatar-sm avatar-rounded br-5 me-3">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start justify-content-between mb-0">
                                        <div class="mb-0 fs-13 text-dark fw-semibold">
                                            <a href="cart.html">Actualiser Séuils Pays</a>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </li>
                        <li class="dropdown-item" style="display : none;">
                            <div class="d-flex align-items-start cart-dropdown-item">
                                <img src="{{ asset('assets/images/ecommerce/jpg/6.jpg') }}" alt="img"
                                    class="avatar avatar-sm avatar-rounded br-5 me-3">
                                <div class="flex-grow-1">
                                    <div class="d-flex align-items-start justify-content-between mb-0">
                                        <div class="mb-0 fs-13 text-dark fw-semibold">
                                            <a href="cart.html">Actualiser Séuils Réserve-Déballé</a>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="p-5 empty-item d-none">
                        <div class="text-center">
                            <span class="avatar avatar-xl avatar-rounded bg-warning-transparent">
                                <i class="ri-shopping-cart-2-line fs-2"></i>
                            </span>
                            <h6 class="fw-bold mb-1 mt-3">Your Cart is Empty</h6>
                            <span class="mb-3 fw-normal fs-13 d-block">Add some items to make me happy :)</span>
                            <a href="products.html" class="btn btn-primary btn-wave btn-sm m-1"
                                data-abc="true">continue shopping <i class="bi bi-arrow-right ms-1"></i></a>
                        </div>
                    </div>
                </div>
                <!-- End::main-header-dropdown -->
            </div>
            <!-- End::header-element -->

            <!-- Start::header-element -->
            <div class="header-element notifications-dropdown">
                <!-- Start::header-link|dropdown-toggle -->
                <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-toggle="dropdown"
                    data-bs-auto-close="outside" id="notifDropdown" aria-expanded="false">
                    <i class="bx bx-bell header-link-icon"></i>
                    <span class="badge bg-secondary rounded-pill header-icon-badge pulse pulse-secondary"
                        id="iconeNbreNotifNonLue">0</span>
                </a>
                <!-- End::header-link|dropdown-toggle -->
                <!-- Start::main-header-dropdown -->
                <div class="main-header-dropdown dropdown-menu dropdown-menu-end" data-popper-placement="none">
                    <div class="p-3">
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="mb-0 fs-17 fw-semibold">Notifications</p>
                            <span class="badge bg-secondary-transparent" id="textNotifNonLue">0 non lue</span>
                        </div>
                    </div>
                    <div class="dropdown-divider"></div>
                    <ul class="list-unstyled mb-0" id="ulListNotif">
                    </ul>
                </div>
                <!-- End::main-header-dropdown -->
            </div>
            <!-- End::header-element -->

            <!-- Start::header-element -->
            <div class="header-element">
                <!-- Start::header-link|dropdown-toggle -->
                <a href="javascript:void(0);" class="header-link dropdown-toggle" id="mainHeaderProfile"
                    data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                    <div class="d-flex align-items-center">
                        <div class="me-sm-2 me-0">
                            <img src="{{ url('assets/images/faces/icons8-utilisateur-96.png') }}" alt="img"
                                width="32" height="32" class="rounded-circle">
                        </div>
                        <div class="d-sm-block d-none">
                            <p class="fw-semibold mb-0 lh-1">{{ $NomPrenomPersonnel }}</p>
                            <span class="op-7 fw-normal d-block fs-11"></span>
                        </div>
                    </div>
                </a>
                <!-- End::header-link|dropdown-toggle -->
                <ul class="main-header-dropdown dropdown-menu pt-0 overflow-hidden header-profile-dropdown dropdown-menu-end"
                    aria-labelledby="mainHeaderProfile">
                    <li><a class="dropdown-item d-flex" id="infoUtilisateur" href="#"><i
                                class="ti ti-user-circle fs-18 me-2 op-7"></i>Profil</a></li>
                    @if (session()->has('LISTE_DROIT_ACCESS'))
                        @if (in_array('DV_AccesAide', session('LISTE_DROIT_ACCESS')))
                            <li><a class="dropdown-item d-flex" href="{{ route('support.view') }}"><i
                                        class="ti ti-headset fs-18 me-2 op-7"></i>Aides</a></li>
                        @endif
                    @endif


                    <li><a class="dropdown-item d-flex" href="{{ route('deconnexion.view') }}"><i
                                class="ti ti-logout fs-18 me-2 op-7"></i>Déconnexion</a></li>
                </ul>
            </div>
            <!-- End::header-element -->

            <!-- Start::header-element -->
            <div class="header-element">
                <!-- Start::header-link|switcher-icon -->
                <a href="javascript:void(0);" class="header-link switcher-icon" data-bs-toggle="offcanvas"
                    data-bs-target="#switcher-canvas">
                    <i class="bx bx-cog header-link-icon"></i>
                </a>
                <!-- End::header-link|switcher-icon -->
            </div>
            <!-- End::header-element -->

        </div>
        <!-- End::header-content-right -->

    </div>
    <!-- End::main-header-container -->

</header>