 <header>
     <div class="container-fluid">
         <div class="row py-3 border-bottom">

             <div
                 class="col-sm-4 col-lg-2 text-center text-sm-start d-flex gap-3 justify-content-center justify-content-md-start">
                 <div class="d-flex align-items-center my-3 my-sm-0">
                     <a href="<?php echo e(route('/')); ?>">
                         <img src="<?php echo e(asset('logo/logo-01.png')); ?>" alt="logo" class="img-fluid">
                     </a>
                 </div>
                 <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                     data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
                     <svg width="24" height="24" viewBox="0 0 24 24">
                         
                     </svg>
                 </button>
             </div>

             <div class="col-sm-6 offset-sm-2 offset-md-0 col-lg-4">
                 <div class="search-bar row bg-light p-2 rounded-4">
                     <div class="col-md-4 d-none d-md-block">
                         <select id="qCategoryIdValue" class="form-select border-0 bg-transparent">
                             <option value="">Kategori</option>
                             <?php $__currentLoopData = $product_category; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                 <option value="<?php echo e($item->id); ?>" <?php if($q_category_id == $item->id): ?> selected <?php endif; ?>>
                                     <?php echo e($item->name); ?></option>
                             <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                         </select>
                     </div>
                     <div class="col-11 col-md-7">
                         <form action="<?php echo e(route('product')); ?>" class="text-center" id="searchProduct"
                             onsubmit="
                      document.getElementById('qCategoryId').value = document.getElementById('qCategoryIdValue').value;
                      document.getElementById('qName').value = document.querySelector('#qNameValue').value;
                      document.getElementById('searchProduct').submit();
                    "
                             method="GET">
                             <input type="hidden" name="q_category_id" value="" id="qCategoryId">
                             <input type="hidden" name="q_name" value="" id="qName">
                             <input type="text" id="qNameValue" class="form-control border-0 bg-transparent"
                                 placeholder="Cari Produk...">
                         </form>
                     </div>
                     <div class="col-1">
                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                             <path fill="currentColor"
                                 d="M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.39ZM11 18a7 7 0 1 1 7-7a7 7 0 0 1-7 7Z" />
                         </svg>
                     </div>
                 </div>
             </div>

             <div class="col-lg-4">
                 <ul
                     class="navbar-nav list-unstyled d-flex flex-row gap-3 gap-lg-5 justify-content-center flex-wrap align-items-center mb-0 fw-bold text-uppercase text-dark">
                     <li class="nav-item active">
                         <a href="<?php echo e(route('/')); ?>" style="color: #bfbfbf; text-transform: none"
                             class="nav-link">Beranda</a>
                     </li>
                     <li class="nav-item active">
                         <a href="<?php echo e(route('product')); ?>" style="color: #bfbfbf; text-transform: none"
                             class="nav-link">Produk</a>
                     </li>
                      <li class="nav-item active">
                         <a href="<?php echo e(route('discount')); ?>" style="color: #bfbfbf; text-transform: none"
                             class="nav-link">Diskon</a>
                     </li>
                     <li class="nav-item active">
                         <a href="<?php echo e(route('article')); ?>" style="color: #bfbfbf; text-transform: none"
                             class="nav-link">Artikel</a>
                     </li>
                 </ul>
             </div>

             <div
                 class="col-sm-8 col-lg-2 d-flex gap-5 align-items-center justify-content-center justify-content-sm-end">
                 <ul class="d-flex justify-content-end list-unstyled m-0">
                     <li>
                         <?php if(!auth()->check()): ?>
                             <a href="<?php echo e(route('login')); ?>" class="p-2 mx-1">
                                 <svg width="24" height="24">
                                     <use xlink:href="#user"></use>
                                 </svg>
                             </a>
                         <?php else: ?>
                             <a href="<?php echo e(route('profile')); ?>" class="p-2 mx-1">
                                 <?php echo e(auth()->user()->name); ?>

                             </a>
                         <?php endif; ?>
                     </li>
                     <li>
                         <a href="<?php echo e(route('cart')); ?>" class="p-2 mx-1">
                             <svg width="24" height="24">
                                 <use xlink:href="#shopping-bag"></use>
                             </svg>
                         </a>
                     </li>
                 </ul>
             </div>

         </div>
     </div>
 </header>
<?php /**PATH C:\xampp8\htdocs\pasar_nelayan_zaskia\resources\views/components/web/header.blade.php ENDPATH**/ ?>