@php
  function nav_active($patterns){ foreach((array)$patterns as $p) if(request()->routeIs($p)) return 'active'; return ''; }
  function safe_route($name,$params=[]){ return \Illuminate\Support\Facades\Route::has($name)?route($name,$params):'#'; }
@endphp

<aside id="sidenav-main" class="sidenav navbar navbar-vertical navbar-expand-xs">
  <div class="d-flex align-items-center justify-content-between p-3 border-bottom">
    <a href="{{ safe_route('dashboard.home') }}" class="text-decoration-none"><span class="brand-title">{{ $settings->store_name ?? 'اسم المتجر' }}</span></a>
    <button class="btn btn-outline-secondary d-lg-none" onclick="toggleDrawer(false)"><i class="fas fa-xmark"></i></button>
  </div>

  <div class="collapse navbar-collapse w-auto h-auto" id="sidenav-collapse-main">
    <div class="nav-section">اللوحة</div>
    <ul class="navbar-nav">
      <li class="nav-item"><a href="{{ safe_route('dashboard.home') }}" class="nav-link {{ nav_active(['dashboard.home']) }}"><i class="icon fas fa-gauge"></i> <span>الصفحة الرئيسية</span></a></li>
    </ul>

    <div class="nav-section">المتجر</div>
    <ul class="navbar-nav">
      <li class="nav-item"><a href="{{ safe_route('dashboard.catalogs.index') }}" class="nav-link {{ nav_active(['dashboard.catalogs.*']) }}"><i class="icon fas fa-layer-group"></i> <span>الفئات</span></a></li>
      <li class="nav-item"><a href="{{ safe_route('dashboard.products.index') }}" class="nav-link {{ nav_active(['dashboard.products.*']) }}"><i class="icon fas fa-boxes-stacked"></i> <span>المنتجات</span></a></li>
      <li class="nav-item"><a href="{{ safe_route('dashboard.codes.index') }}" class="nav-link {{ nav_active(['dashboard.codes.*']) }}"><i class="icon fas fa-ticket"></i> <span>أكواد المنتجات</span></a></li>
      <li class="nav-item"><a href="{{ safe_route('dashboard.orders.index') }}" class="nav-link {{ nav_active(['dashboard.orders.*']) }}"><i class="icon fas fa-receipt"></i> <span>الطلبات</span></a></li>
    </ul>

    <div class="nav-section">العملاء والمستخدمون</div>
    <ul class="navbar-nav">
      <li class="nav-item"><a href="{{ safe_route('dashboard.customers.index') }}" class="nav-link {{ nav_active(['dashboard.customers.*']) }}"><i class="icon fas fa-users"></i> <span>العملاء</span></a></li>
      <li class="nav-item"><a href="{{ safe_route('dashboard.users.index') }}" class="nav-link {{ nav_active(['dashboard.users.*']) }}"><i class="icon fas fa-user-shield"></i> <span>المستخدمون</span></a></li>
    </ul>

    <div class="nav-section">الدفع والتقارير</div>
    <ul class="navbar-nav">
      <li class="nav-item"><a href="{{ safe_route('dashboard.payment_gateways.index') }}" class="nav-link {{ nav_active(['dashboard.payment_gateways.*']) }}"><i class="icon fas fa-credit-card"></i> <span>بوابات الدفع</span></a></li>
      <li class="nav-item"><a href="{{ safe_route('dashboard.reports.index') }}" class="nav-link {{ nav_active(['dashboard.reports.*']) }}"><i class="icon fas fa-chart-line"></i> <span>التقارير</span></a></li>
    </ul>

    <div class="nav-section">الإعدادات</div>
    <ul class="navbar-nav">
      <li class="nav-item"><a href="{{ safe_route('dashboard.settings.edit') }}" class="nav-link {{ nav_active(['dashboard.settings.*']) }}"><i class="icon fas fa-gear"></i> <span>إعدادات المتجر</span></a></li>
    </ul>

    <div class="p-3">
      <form action="{{ safe_route('logout') }}" method="POST" class="d-grid">@csrf
        <button class="btn btn-danger"><i class="fas fa-right-from-bracket ms-2"></i> تسجيل الخروج</button>
      </form>
    </div>
  </div>
</aside>