@php
  function sroute($name,$params=[]){ return \Illuminate\Support\Facades\Route::has($name) ? route($name,$params) : '#'; }
@endphp

<nav class="sf-topbar">
  <div class="container-xl d-flex align-items-center justify-content-between gap-3">
    <div class="d-flex align-items-center gap-3">
      <a href="{{ sroute('home') }}" class="brand">{{ $settings->store_name ?? 'المتجر' }}</a>
      <form class="d-none d-md-flex" action="{{ sroute('search') }}" method="GET">
        <input class="form-control form-control-sm" name="q" placeholder="ابحث عن منتج..." style="width:320px">
      </form>
    </div>

    <div class="d-flex align-items-center gap-2">
      <a class="btn btn-outline-light btn-sm" href="{{ sroute('cart.index') }}"><i class="fas fa-shopping-cart"></i> السلة</a>
      @auth
        <a class="btn btn-outline-light btn-sm hide-md" href="{{ sroute('customer.orders') }}"><i class="fas fa-receipt"></i> طلباتي</a>
        <a class="btn btn-primary btn-sm" href="{{ sroute('profile.edit') }}"><i class="fas fa-user"></i> حسابي</a>
      @else
        <a class="btn btn-primary btn-sm" href="{{ sroute('login') }}"><i class="fas fa-right-to-bracket"></i> تسجيل الدخول</a>
      @endauth
    </div>
  </div>
</nav>