 <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    
    

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
     <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-user"></i>
        </a>
        <div class="dropdown-menu  dropdown-menu-right">
          
            <!-- Message Start -->
          <a class="dropdown-item" href="{{ route('logout') }}"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                        {{ __('Logout') }}
                                    </a>

                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
            <!-- Message End -->
          </a>
          
        </div>
      </li>
     
    </ul>
  </nav>
  <!-- /.navbar -->
