<header class="main-header">
    <!-- Logo -->
    <a href="{{ url('/') }}" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini" ><b >EG</b>W</span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b >EGWASTE</b></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <div class="navbar-custom-menu" >
        <ul class="nav navbar-nav" >
          
          <!-- User Account: style can be found in dropdown.less -->
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="{{asset('dist/img/logo.png')}}"  class="user-image" alt="User Image">
              <span class="hidden-xs">{{Auth::user()->name}}</span>
              

            </a>
            <ul class="dropdown-menu" >
              <!-- User image -->
              <li class="user-header" style="background-color:#2C4E71">
                <img src="{{asset('dist/img/logo.png')}}"  alt="User Image" style="border:0">

                <p> {{Auth::user()->name}} <br/>{{Auth::user()->email}} </p>
                <br/>
             </li>
              <!-- Menu Body -->
              
              <!-- Menu Footer-->
              <li class="user-footer">
                
                <div class="pull-right">
                  <a href="{{ url('/logout') }}" class="btn btn-default btn-flat btn-danger" style="color:#FFF">Logout</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
    </nav>
  </header>