<nav class="navbar navbar-expand-lg border-bottom-0 shadow-sm" style="background-color: #2b4cc4;">
  <div class="container-fluid">
    <!-- Brand -->
    <a class="navbar-brand text-white fw-bold d-flex align-items-center" href="#">
      <i class="bi bi-check2-square fs-4 me-2"></i>
      <span class="fs-5 tracking-wide" style="letter-spacing: 0.5px;">QualityFlow</span>
    </a>
    
    <!-- Right side items -->
    <div class="d-flex align-items-center ms-auto gap-2">
      <!-- Scan Next Garment Button -->
      <button id="navScanNext" class="btn bg-white text-primary fw-bold rounded-pill px-3 py-1 d-flex align-items-center shadow-sm" style="font-size: 0.85rem; border: none; letter-spacing: 0.3px;">
        <i class="bi bi-upc-scan me-2 fs-6 pb-1"></i>
        Scan Next Garment
      </button>

      <!-- Checker User Badge -->
      <div class="rounded-pill px-3 py-1 d-flex align-items-center" style="background-color: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2); color: white; font-size: 0.85rem; letter-spacing: 0.3px;">
        <i class="bi bi-person me-2 fs-6"></i>
        <span>Checker: <span id="navCheckerName"><?php echo e(session('endline_checker.name', '-')); ?></span></span>
      </div>
      
      <!-- Line Number Badge -->
      <div id="linedisplaydiv" class="rounded-pill px-3 py-1 d-flex align-items-center" style="background-color: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2); color: white; font-size: 0.85rem; letter-spacing: 0.3px;">
        <i class="bi bi-wrench me-2 fs-6"></i>
        <span>Line: <span id="navLineNo">-</span></span>
      </div>
    </div>
  </div>
</nav>

<script>
  (function() {
    try {
      var storedChecker = sessionStorage.getItem('endline_checker_name');
      if (storedChecker && document.getElementById('navCheckerName')) {
        document.getElementById('navCheckerName').textContent = storedChecker;
      }

      var storedLine = sessionStorage.getItem('endline_line_no');
      if (storedLine) {
        var lineEl = document.getElementById('navLineNo');
        var lineDiv = document.getElementById('linedisplaydiv');
        if (lineEl) lineEl.textContent = storedLine;
        if (lineDiv) lineDiv.style.display = '';
      }
    } catch (e) {}
  })();
</script>
<?php /**PATH C:\xampp\htdocs\Endline\resources\views/Quality/Endline_nav.blade.php ENDPATH**/ ?>