<nav class="main-header navbar navbar-expand navbar-white navbar-light" style="border-bottom: 1px solid #ddd;">
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
    </li>
  </ul>

  <ul class="navbar-nav ml-auto" style="align-items: center;">
    
    <li class="nav-item d-none d-sm-inline-block">
      <div style="display: flex; align-items: center; background: #f8f9fa; padding: 5px 15px; border-radius: 50px; border: 1px solid #e9ecef;">
        
        <span style="font-size: 0.85rem; color: #6c757d; display: flex; align-items: center;">
          <i class="fas fa-map-marker-alt" style="margin-left: 5px; color: #dc3545;"></i>
          {{ auth()->user()->branch->name }}
        </span>

        <span style="margin: 0 10px; color: #dee2e6;">|</span>

        <span style="font-size: 0.95rem; font-weight: 700; color: #343a40; display: flex; align-items: center;">
          <i class="fas fa-user-circle" style="margin-left: 5px; color: #007bff;"></i>
          {{ auth()->user()->name }}
        </span>
        
      </div>
    </li>

    <li class="nav-item">
      <a class="nav-link" data-widget="fullscreen" href="#" role="button" style="padding-right: 1rem;">
        <i class="fas fa-expand-arrows-alt"></i>
      </a>
    </li>
  </ul>
</nav>