<header class="main-header">
  <nav class="navbar navbar-static-top">
    <div class="container-fluid">
      <!-- <div class="navbar-header">
        <img src="{{asset('public/mystyle')}}/AoS_Logo.png" width="150px">
      </div> -->
      <div class="navbar-header">
        
        <a href="{{route('sample_file')  }}" class="navbar-brand" style="margin-top: -10px;"><b><img src="{{asset('public/mystyle')}}/country.svg" width="50px"> &nbsp; AMR</b></a>
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
          <i class="fa fa-bars"></i>
        </button>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="{{ Request::is('/') || Request::is('home') ? 'active': null }}"><a href="{{ route('sample_file') }}">Sample File</a></li>

          <li class="{{ Request::is('irsx') ? 'active': null }}"><a href="{{ route('irsx') }}">RIS File</a></li>

          @if (Auth::user()->role == 'Admin')
          <li class="{{ Request::is('user/*') ? 'active': null }}"><a href="{{ route('register-home') }}">User Management</a></li>
          @endif
        </ul>
      </div>
      <!-- /.navbar-collapse -->
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
  
          <!-- User Account Menu -->
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              {{-- <img src="/uploads/avatars/{{ Auth::user()->avatar }}" class="user-image" alt="User Image" style="width: 45px; height:45px; margin-top:-13px"> --}}
              <span class="fa fa-user"></span>
            <span class="hidden-xs">{{ Auth::user()->username }}</span>
          </a>
            <ul class="dropdown-menu">
              <!-- The user image in the menu -->
              <li class="user-header">
                <br>
                <p> {{ Auth::user()->name }} </p>
                <p><small>User role: {{ Auth::user()->role }}</small></p>
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="{{ route('change_pass') }}" class="btn btn-warning btn-flat">Change password</a>
                </div>
                <div class="pull-right">
                  <a href="#" class="btn btn-danger btn-flat" data-toggle="modal" data-target="#modal-default">Sign out</a>
                </div>
              </li>
            </ul>
          </li>
          <li class="user user-menu" style="padding-top: 10px;">
            <img src="{{asset('public/mystyle')}}/FIND_logo.png" width="80px">
          </li>
        </ul>
      </div>
      <!-- /.navbar-custom-menu -->
    </div>
    <!-- /.container-fluid -->
  </nav>
</header>