{{--
  Partial: App sidebar
  Active item: set @section('page', 'dashboard') on the child view
--}}
@php
  $activeNav = $activeNav ?? (trim($__env->yieldContent('page')) ?: '');
  $reportNav = match (true) {
    request()->routeIs('reports.index') => 'overview',
    request()->routeIs('reports.sales') => 'sales',
    request()->routeIs('reports.products') => 'products',
    request()->routeIs('reports.profit-loss') => 'profit-loss',
    request()->routeIs('reports.cash-flow') => 'cash-flow',
    request()->routeIs('reports.expenses') => 'expenses',
    request()->routeIs('reports.campaigns') => 'campaigns',
    default => '',
  };
  $marketingNav = match (true) {
    request()->routeIs('marketing.sms-templates*') => 'sms-templates',
    request()->routeIs('marketing.campaigns*') => 'campaigns',
    request()->routeIs('marketing.push-notifications*') => 'push-notifications',
    default => '',
  };
  $billingNav = match (true) {
    request()->routeIs('billing.packages*') => 'packages',
    request()->routeIs('billing.payment-details*') => 'payment-details',
    default => '',
  };
  $brandCompany = $activeCompany ?? \App\Models\Setting::activeCompany();
  $brandLogo = $brandCompany?->logoUrl();
  $brandName = $brandCompany?->name ?? 'Nexus POS';
@endphp

<aside class="app-sidebar" id="app-sidebar" aria-label="Main navigation">
  <div class="app-sidebar__brand">
    @if ($brandLogo)
      <div class="app-sidebar__logo app-sidebar__logo--image" aria-hidden="true">
        <img src="{{ $brandLogo }}" alt="">
      </div>
    @else
      <div class="app-sidebar__logo" aria-hidden="true">{{ mb_strtoupper(mb_substr($brandName, 0, 1)) }}</div>
    @endif
    <div class="app-sidebar__brand-text">
      <span class="app-sidebar__brand-name">{{ $brandName }}</span>
      <span class="app-sidebar__brand-tag">Enterprise</span>
    </div>
  </div>

  <nav class="app-sidebar__nav">
    <div class="app-sidebar__section" data-sidebar-section="overview">
      <button type="button" class="app-sidebar__section-toggle" data-sidebar-section-toggle aria-expanded="true">
        <span>Overview</span>
        <i class="bi bi-chevron-down" aria-hidden="true"></i>
      </button>
      <div class="app-sidebar__section-body">
        <a href="{{ url('/dashboard') }}" class="app-sidebar__link {{ $activeNav === 'dashboard' ? 'is-active' : '' }}" data-nav="dashboard">
          <i class="bi bi-grid-1x2" aria-hidden="true"></i>
          <span>Dashboard</span>
        </a>
        <a href="{{ route('pos.index') }}" class="app-sidebar__link {{ $activeNav === 'pos' ? 'is-active' : '' }}" data-nav="pos" target="_blank" rel="noopener noreferrer">
          <i class="bi bi-shop-window" aria-hidden="true"></i>
          <span>POS Terminal</span>
        </a>
        <a href="{{ route('kitchen.index') }}" class="app-sidebar__link {{ $activeNav === 'kitchen' ? 'is-active' : '' }}" data-nav="kitchen" target="_blank" rel="noopener noreferrer">
          <i class="bi bi-fire" aria-hidden="true"></i>
          <span>Kitchen</span>
        </a>
        <a href="{{ route('tables.index') }}" class="app-sidebar__link {{ $activeNav === 'tables' ? 'is-active' : '' }}" data-nav="tables">
          <i class="bi bi-grid-3x3-gap" aria-hidden="true"></i>
          <span>Tables</span>
        </a>
      </div>
    </div>

    <div class="app-sidebar__section" data-sidebar-section="operations">
      <button type="button" class="app-sidebar__section-toggle" data-sidebar-section-toggle aria-expanded="true">
        <span>Operations</span>
        <i class="bi bi-chevron-down" aria-hidden="true"></i>
      </button>
      <div class="app-sidebar__section-body">
        <a href="{{ route('sales.index') }}" class="app-sidebar__link {{ $activeNav === 'sales' ? 'is-active' : '' }}" data-nav="sales">
          <i class="bi bi-receipt" aria-hidden="true"></i>
          <span>Sales</span>
        </a>
        <a href="{{ url('/products') }}" class="app-sidebar__link {{ $activeNav === 'products' ? 'is-active' : '' }}" data-nav="products">
          <i class="bi bi-box-seam" aria-hidden="true"></i>
          <span>Products</span>
        </a>
        <a href="{{ url('/inventory') }}" class="app-sidebar__link {{ $activeNav === 'inventory' ? 'is-active' : '' }}" data-nav="inventory">
          <i class="bi bi-boxes" aria-hidden="true"></i>
          <span>Inventory</span>
        </a>
        <a href="{{ url('/purchases') }}" class="app-sidebar__link {{ $activeNav === 'purchases' ? 'is-active' : '' }}" data-nav="purchases">
          <i class="bi bi-cart-plus" aria-hidden="true"></i>
          <span>Purchase</span>
        </a>
        <a href="{{ url('/suppliers') }}" class="app-sidebar__link {{ $activeNav === 'suppliers' ? 'is-active' : '' }}" data-nav="suppliers">
          <i class="bi bi-truck" aria-hidden="true"></i>
          <span>Suppliers</span>
        </a>
        <a href="{{ url('/customers') }}" class="app-sidebar__link {{ $activeNav === 'customers' ? 'is-active' : '' }}" data-nav="customers">
          <i class="bi bi-people" aria-hidden="true"></i>
          <span>Customers</span>
        </a>
      </div>
    </div>

    @if (can_permission('marketing.view'))
    <div class="app-sidebar__section" data-sidebar-section="marketing">
      <button type="button" class="app-sidebar__section-toggle" data-sidebar-section-toggle aria-expanded="true">
        <span>Marketing</span>
        <i class="bi bi-chevron-down" aria-hidden="true"></i>
      </button>
      <div class="app-sidebar__section-body">
        <a href="{{ route('marketing.sms-templates') }}" class="app-sidebar__link app-sidebar__link--sub {{ $marketingNav === 'sms-templates' ? 'is-active' : '' }}" data-nav="marketing-sms-templates">
          <i class="bi bi-chat-left-text" aria-hidden="true"></i>
          <span>SMS Templates</span>
        </a>
        <a href="{{ route('marketing.campaigns') }}" class="app-sidebar__link app-sidebar__link--sub {{ $marketingNav === 'campaigns' ? 'is-active' : '' }}" data-nav="marketing-campaigns">
          <i class="bi bi-megaphone" aria-hidden="true"></i>
          <span>Campaign</span>
        </a>
        <a href="{{ route('marketing.push-notifications') }}" class="app-sidebar__link app-sidebar__link--sub {{ $marketingNav === 'push-notifications' ? 'is-active' : '' }}" data-nav="marketing-push-notifications">
          <i class="bi bi-bell" aria-hidden="true"></i>
          <span>Send Notification</span>
        </a>
      </div>
    </div>
    @endif

    <div class="app-sidebar__section" data-sidebar-section="account">
      <button type="button" class="app-sidebar__section-toggle" data-sidebar-section-toggle aria-expanded="true">
        <span>Account</span>
        <i class="bi bi-chevron-down" aria-hidden="true"></i>
      </button>
      <div class="app-sidebar__section-body">
        @if (can_permission('account.view'))
        <a href="{{ route('account.bank-book') }}" class="app-sidebar__link {{ $activeNav === 'bank-book' ? 'is-active' : '' }}" data-nav="bank-book">
          <i class="bi bi-bank" aria-hidden="true"></i>
          <span>Bank Book</span>
        </a>
        <a href="{{ route('account.cash-book') }}" class="app-sidebar__link {{ $activeNav === 'cash-book' ? 'is-active' : '' }}" data-nav="cash-book">
          <i class="bi bi-journal-text" aria-hidden="true"></i>
          <span>Cash Book</span>
        </a>
        <a href="{{ route('account.expenses') }}" class="app-sidebar__link {{ $activeNav === 'expenses' ? 'is-active' : '' }}" data-nav="expenses">
          <i class="bi bi-wallet2" aria-hidden="true"></i>
          <span>Expenses</span>
        </a>
        <a href="{{ route('account.settlement') }}" class="app-sidebar__link {{ $activeNav === 'settlement' ? 'is-active' : '' }}" data-nav="settlement">
          <i class="bi bi-cash-coin" aria-hidden="true"></i>
          <span>Settlement</span>
        </a>
        <a href="{{ route('account.staff') }}" class="app-sidebar__link {{ $activeNav === 'payroll' ? 'is-active' : '' }}" data-nav="payroll">
          <i class="bi bi-person-badge" aria-hidden="true"></i>
          <span>Payroll</span>
        </a>
        @endif
      </div>
    </div>

    @if (can_permission('billing.view'))
    <div class="app-sidebar__section" data-sidebar-section="billing">
      <button type="button" class="app-sidebar__section-toggle" data-sidebar-section-toggle aria-expanded="true">
        <span>Billing</span>
        <i class="bi bi-chevron-down" aria-hidden="true"></i>
      </button>
      <div class="app-sidebar__section-body">
        <a href="{{ route('billing.packages') }}" class="app-sidebar__link app-sidebar__link--sub {{ $billingNav === 'packages' ? 'is-active' : '' }}" data-nav="billing-packages">
          <i class="bi bi-box2" aria-hidden="true"></i>
          <span>SMS Packages</span>
        </a>
        {{-- Payment Details nav hidden for now; page still at /billing/payment-details --}}
        {{--
        <a href="{{ route('billing.payment-details') }}" class="app-sidebar__link app-sidebar__link--sub {{ $billingNav === 'payment-details' ? 'is-active' : '' }}" data-nav="billing-payment-details">
          <i class="bi bi-bank" aria-hidden="true"></i>
          <span>Payment Details</span>
        </a>
        --}}
      </div>
    </div>
    @endif

    @if (can_permission('reports.view'))
    <div class="app-sidebar__section" data-sidebar-section="reports">
      <button type="button" class="app-sidebar__section-toggle" data-sidebar-section-toggle aria-expanded="true">
        <span>Reports</span>
        <i class="bi bi-chevron-down" aria-hidden="true"></i>
      </button>
      <div class="app-sidebar__section-body">
        <a href="{{ route('reports.index') }}" class="app-sidebar__link app-sidebar__link--sub {{ $reportNav === 'overview' ? 'is-active' : '' }}" data-nav="reports-overview">
          <i class="bi bi-grid-1x2" aria-hidden="true"></i>
          <span>Overview</span>
        </a>
        <a href="{{ route('reports.sales') }}" class="app-sidebar__link app-sidebar__link--sub {{ $reportNav === 'sales' ? 'is-active' : '' }}" data-nav="reports-sales">
          <i class="bi bi-receipt" aria-hidden="true"></i>
          <span>Sales</span>
        </a>
        <a href="{{ route('reports.products') }}" class="app-sidebar__link app-sidebar__link--sub {{ $reportNav === 'products' ? 'is-active' : '' }}" data-nav="reports-products">
          <i class="bi bi-box-seam" aria-hidden="true"></i>
          <span>Products</span>
        </a>
        <a href="{{ route('reports.profit-loss') }}" class="app-sidebar__link app-sidebar__link--sub {{ $reportNav === 'profit-loss' ? 'is-active' : '' }}" data-nav="reports-profit-loss">
          <i class="bi bi-graph-up-arrow" aria-hidden="true"></i>
          <span>Profit &amp; Loss</span>
        </a>
        <a href="{{ route('reports.cash-flow') }}" class="app-sidebar__link app-sidebar__link--sub {{ $reportNav === 'cash-flow' ? 'is-active' : '' }}" data-nav="reports-cash-flow">
          <i class="bi bi-cash-stack" aria-hidden="true"></i>
          <span>Cash Flow</span>
        </a>
        <a href="{{ route('reports.expenses') }}" class="app-sidebar__link app-sidebar__link--sub {{ $reportNav === 'expenses' ? 'is-active' : '' }}" data-nav="reports-expenses">
          <i class="bi bi-wallet2" aria-hidden="true"></i>
          <span>Expenses</span>
        </a>
        <a href="{{ route('reports.campaigns') }}" class="app-sidebar__link app-sidebar__link--sub {{ $reportNav === 'campaigns' ? 'is-active' : '' }}" data-nav="reports-campaigns">
          <i class="bi bi-megaphone" aria-hidden="true"></i>
          <span>Campaigns</span>
        </a>
      </div>
    </div>
    @endif

    <div class="app-sidebar__section" data-sidebar-section="system">
      <button type="button" class="app-sidebar__section-toggle" data-sidebar-section-toggle aria-expanded="true">
        <span>System</span>
        <i class="bi bi-chevron-down" aria-hidden="true"></i>
      </button>
      <div class="app-sidebar__section-body">
        <a href="{{ route('settings.index') }}" class="app-sidebar__link {{ $activeNav === 'company-details' ? 'is-active' : '' }}" data-nav="company-details">
          <i class="bi bi-building" aria-hidden="true"></i>
          <span>Company Details</span>
        </a>
        <a href="{{ route('settings.users') }}" class="app-sidebar__link {{ in_array($activeNav, ['users', 'roles', 'permissions'], true) ? 'is-active' : '' }}" data-nav="users">
          <i class="bi bi-people" aria-hidden="true"></i>
          <span>Users</span>
        </a>
        <a href="{{ route('settings.backup') }}" class="app-sidebar__link {{ $activeNav === 'backup' ? 'is-active' : '' }}" data-nav="backup">
          <i class="bi bi-cloud-arrow-up" aria-hidden="true"></i>
          <span>Backup</span>
        </a>
        <a href="{{ route('settings.logs') }}" class="app-sidebar__link {{ $activeNav === 'logs' ? 'is-active' : '' }}" data-nav="logs">
          <i class="bi bi-clock-history" aria-hidden="true"></i>
          <span>Login History</span>
        </a>
        <a href="{{ route('settings.system') }}" class="app-sidebar__link {{ $activeNav === 'system-settings' ? 'is-active' : '' }}" data-nav="system-settings">
          <i class="bi bi-sliders" aria-hidden="true"></i>
          <span>Settings</span>
        </a>
      </div>
    </div>
  </nav>
</aside>