@php
  $auth = Auth::user();
  $name = isset($auth->fullname) ? $auth->fullname : $auth->username;
  $avatar = isset($auth->avatar) ? Storage::url($auth->avatar) : '/img/admin/no_picture.png';
@endphp
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white headerMenuShadow py-3">
  <!-- Left navbar links -->
  <ul class="navbar-nav d-lg-none">
    <li class="nav-item">
      <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
    </li>
  </ul>
  <!-- Right navbar links -->
  <ul class="navbar-nav ml-auto">
    <!-- Notifications Dropdown Menu -->
    <li class="nav-item dropdown">
      <a class="nav-link" data-toggle="dropdown" href="#">
        <i class="far fa-bell"></i>
        <span class="badge badge-warning navbar-badge">15</span>
      </a>
      <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
        <span class="dropdown-item dropdown-header">15 Notifications</span>
        <div class="dropdown-divider"></div>
        <a href="#" class="dropdown-item">
          <i class="fas fa-envelope mr-2"></i> 4 new messages
          <span class="text-muted float-right text-sm">3 mins</span>
        </a>
        <div class="dropdown-divider"></div>
        <a href="#" class="dropdown-item">
          <i class="fas fa-users mr-2"></i> 8 friend requests
          <span class="text-muted float-right text-sm">12 hours</span>
        </a>
        <div class="dropdown-divider"></div>
        <a href="#" class="dropdown-item">
          <i class="fas fa-file mr-2"></i> 3 new reports
          <span class="text-muted float-right text-sm">2 days</span>
        </a>
        <div class="dropdown-divider"></div>
        <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
      </div>
    </li>
  </ul>
  <div class="image ms-3">
    <img src="{{ $avatar }}" class="img-circle elevation-2 header-user-avatar" alt="Avatar">
  </div>
  <div class="dropdown">
    <button class="btn btn-white dropdown-toggle fs16 border-0" type="button" id="dropdownMenuButton1"
      data-bs-toggle="dropdown" aria-expanded="false">
      {{ $name }}
    </button>
    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
      <li><a class="dropdown-item" href="{{ route('teachers.viewProfile') }}">My Profile</a></li>
      <li><a class="dropdown-item" href="{{ route('auth.logout') }}">Logout</a></li>
    </ul>
  </div>
</nav>
<!-- /.navbar -->