  <!-- ======= Header ======= -->
  <header id="header" class="header fixed-top d-flex align-items-center">

      <div class="d-flex align-items-center justify-content-between">
          <a href="/" class="logo d-flex align-items-center">
              <img src="{{ asset('assets/img/logo-polije-press-long.png') }}" class="navbar-brand-img h-100"
                  alt="main_logo">
          </a>
          <i class="bi bi-list toggle-sidebar-btn"></i>
      </div><!-- End Logo -->


      <nav class="header-nav ms-auto">
          <ul class="d-flex align-items-center">


              <li class="nav-item dropdown pe-3">

                  <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#"
                      data-bs-toggle="dropdown">
                      <img src="{{ asset('assets/img/LOGO POLITEKNIK NEGERI  JEMBER.png') }}" alt="Profile" class="rounded-circle">
                      <span class="d-none d-md-block dropdown-toggle ps-2">{{ Auth::user()->username }}</span>
                  </a><!-- End Profile Iamge Icon -->

                  <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
                      <li class="dropdown-header">
                          <h6>{{ Auth::user()->username }}</h6>
                          <span>{{ Auth::user()->email }}</span>
                      </li>
                      <li>
                          <hr class="dropdown-divider">
                      </li>

                      <li>
                          @if (Auth::user()->id_role == 1)
                              <a class="dropdown-item d-flex align-items-center" href="{{ route('admin.profile') }}">
                                  <i class="bi bi-person"></i>
                                  <span>My Profile</span>
                              </a>
                          @elseif (Auth::user()->id_role == 2)
                              <a class="dropdown-item d-flex align-items-center" href="{{ route('profile') }}">
                                  <i class="bi bi-person"></i>
                                  <span>My Profile</span>
                              </a>
                          @elseif (Auth::user()->id_role == 3)
                              <a class="dropdown-item d-flex align-items-center"
                                  href="{{ route('editor.naskah.profile') }}">
                                  <i class="bi bi-person"></i>
                                  <span>My Profile</span>
                              </a>
                          @elseif (Auth::user()->id_role == 4)
                              <a class="dropdown-item d-flex align-items-center"
                                  href="{{ route('editor.akuisisi.profile') }}">
                                  <i class="bi bi-person"></i>
                                  <span>My Profile</span>
                              </a>
                          @else
                              <a class="dropdown-item d-flex align-items-center"
                                  href="{{ route('pengelola.profile') }}">
                                  <i class="bi bi-person"></i>
                                  <span>My Profile</span>
                              </a>
                          @endif
                      </li>
                      <li>
                          <hr class="dropdown-divider">
                      </li>

                      <li>
                          <a class="dropdown-item d-flex align-items-center" href="{{ route('logout') }}">
                              <i class="bi bi-box-arrow-right"></i>
                              <span>Sign Out</span>
                          </a>
                      </li>

                  </ul><!-- End Profile Dropdown Items -->
              </li><!-- End Profile Nav -->

          </ul>
      </nav><!-- End Icons Navigation -->

  </header><!-- End Header -->
