@php
  // Dokaner naam Settings theke ashe
  $setting = \App\Models\CompanySetting::current();
  $shop    = $setting->name;

  // route = link, match = kon page e active dekhabe
  $menu = [
    [
      'label' => 'Dashboard', 'route' => 'admin.dashboard', 'match' => 'admin.dashboard',
      'icon'  => 'M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z',
    ],
    [
      'label' => 'Products', 'route' => null, 'match' => 'admin.products.*',
      'icon'  => 'm21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9',
      'children' => [
        ['Brand',          'M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z', 'admin.products.brands.index'],
        ['Category',       'M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z', 'admin.products.categories.index'],
        ['Unit',           'M3 8.25h18v7.5H3zM7.5 8.25v3M12 8.25v4.5M16.5 8.25v3', 'admin.products.units.index'],
        ['Create Product', 'M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z', 'admin.products.create'],
        ['All Products',   'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z', 'admin.products.index'],
      ['Stock Layers', 'M6.429 9.75 2.25 12l4.179 2.25m0-4.5 5.571 3 5.571-3m-11.142 0L2.25 7.5 12 2.25l9.75 5.25-4.179 2.25m0 0L21.75 12l-4.179 2.25m0 0 4.179 2.25L12 21.75 2.25 16.5l4.179-2.25m11.142 0-5.571 3-5.571-3', 'admin.stock-layers.index'],
        ['Count Stock',    'M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75', 'admin.products.count-stock.index'],
      ],
    ],
    [
      'label' => 'Adjustment', 'route' => 'admin.adjustments.index', 'match' => 'admin.adjustments.*',
      'icon'  => 'M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75',
    ],
    [
      'label' => 'Purchases', 'route' => null, 'match' => 'admin.purchases.*',
      'icon'  => 'M9 12h6m-6 4h6m2 5H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5.586a1 1 0 0 1 .707.293l5.414 5.414a1 1 0 0 1 .293.707V19a2 2 0 0 1-2 2z',
      'children' => [
        ['Create Purchase', 'M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z', 'admin.purchases.create'],
        ['All Purchases',   'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z', 'admin.purchases.index'],
        ['Purchase Returns', 'M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3', 'admin.purchases.returns.index'],
      ],
    ],
    [
      'label' => 'Sales', 'route' => null, 'match' => 'admin.sales.*',
      'icon'  => 'M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z',
      'children' => [
        ['Create Sale', 'M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z', 'admin.sales.create'],
        ['All Sales',   'M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z', 'admin.sales.index'],
      ],
    ],
    [
      'label' => 'Invoices', 'route' => 'admin.invoices.index', 'match' => 'admin.invoices.*',
      'icon'  => 'M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z',
    ],
    [
      'label' => 'Customers', 'route' => 'admin.customers.index', 'match' => 'admin.customers.*',
      'icon'  => 'M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z',
    ],
    [
      'label' => 'Suppliers', 'route' => 'admin.suppliers.index', 'match' => 'admin.suppliers.*',
      'icon'  => 'M3 6h11v9H3zM14 9h4l3 3v3h-7M5.5 18a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0M15.5 18a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0',
    ],
    [
      'label' => 'Reports', 'route' => 'admin.reports.index', 'match' => 'admin.reports.*',
      'icon'  => 'M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z',
    ],
    [
      'label' => 'Settings', 'route' => 'admin.settings.edit', 'match' => 'admin.settings.*',
      'icon'  => 'M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065ZM15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z',
    ],
  ];
@endphp
<!DOCTYPE html>
<html lang="en">
<head>
  @include('layouts.head')
  <title>@yield('title', 'Dashboard') — {{ $shop }}</title>
</head>
<body class="font-sans bg-slate-100 dark:bg-slate-950 text-slate-800 dark:text-slate-200 antialiased">
<div class="flex min-h-screen">

  {{-- SIDEBAR --}}
  <aside class="hidden lg:flex w-72 shrink-0 flex-col bg-slate-900 text-slate-300 border-r border-slate-800">

    <a href="{{ route('home') }}" class="h-20 flex items-center gap-3 px-6 border-b border-slate-800">
      <span class="grid place-items-center w-11 h-11 shrink-0 rounded-2xl bg-gradient-to-br from-brand-400 to-orange-500 text-slate-900 shadow-lg shadow-brand-500/30">
        <svg class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor"><path d="M13 2 4 14h6l-1 8 9-12h-6z"/></svg>
      </span>
      <div class="leading-tight min-w-0">
        <div class="text-lg font-extrabold text-white truncate">{{ $shop }}</div>
        <div class="text-xs text-slate-500">Admin Panel</div>
      </div>
    </a>

    <nav class="flex-1 px-4 py-6 space-y-2 overflow-y-auto">
      <div class="px-3 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500">Main Menu</div>

      @foreach ($menu as $m)
        @php $active = request()->routeIs($m['match']); @endphp

        @if (!empty($m['children']))
          {{-- Dropdown menu --}}
          <details class="group/d" @if ($active) open @endif>
            <summary class="list-none [&::-webkit-details-marker]:hidden cursor-pointer group/i flex items-center gap-4 px-3 py-3 rounded-2xl text-base font-semibold hover:bg-slate-800 hover:text-white transition {{ $active ? 'text-white' : 'text-slate-300' }}">
              <span class="w-11 h-11 shrink-0 grid place-items-center rounded-xl transition {{ $active ? 'bg-gradient-to-br from-brand-400 to-orange-500 text-slate-900' : 'bg-slate-800 group-hover/i:bg-brand-500 group-hover/i:text-slate-900' }}">
                <svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="{{ $m['icon'] }}"/></svg>
              </span>
              <span class="flex-1">{{ $m['label'] }}</span>
              <svg class="w-5 h-5 transition-transform group-open/d:rotate-180" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
            </summary>

            <div class="mt-1 ml-8 pl-4 border-l border-slate-700 space-y-1">
              @foreach ($m['children'] as [$clabel, $cicon, $croute])
                @php $cactive = $croute && request()->routeIs($croute); @endphp
                <a href="{{ $croute ? route($croute) : '#' }}"
                   class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-[15px] font-medium transition {{ $cactive ? 'bg-brand-500/15 text-brand-400' : 'text-slate-400 hover:bg-slate-800 hover:text-brand-400' }}">
                  <svg class="w-5 h-5 shrink-0" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="{{ $cicon }}"/></svg>
                  {{ $clabel }}
                </a>
              @endforeach
            </div>
          </details>

        @else
          {{-- Normal menu --}}
          <a href="{{ $m['route'] ? route($m['route']) : '#' }}"
             class="group/i flex items-center gap-4 px-3 py-3 rounded-2xl text-base font-semibold transition
                    {{ $active ? 'bg-gradient-to-r from-brand-500 to-orange-500 text-slate-900 shadow-lg shadow-brand-500/25' : 'text-slate-300 hover:bg-slate-800 hover:text-white' }}">
            <span class="w-11 h-11 shrink-0 grid place-items-center rounded-xl transition {{ $active ? 'bg-slate-900/15' : 'bg-slate-800 group-hover/i:bg-brand-500 group-hover/i:text-slate-900' }}">
              <svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="{{ $m['icon'] }}"/></svg>
            </span>
            {{ $m['label'] }}
          </a>
        @endif
      @endforeach
    </nav>

    <div class="p-4 border-t border-slate-800">
      <div class="flex items-center gap-3 p-3 rounded-2xl bg-slate-800/60">
        <div class="w-11 h-11 rounded-full bg-gradient-to-br from-brand-400 to-orange-500 text-slate-900 grid place-items-center font-extrabold">A</div>
        <div class="flex-1 min-w-0 leading-tight">
          <div class="font-semibold text-white">Admin</div>
          <div class="text-xs text-slate-500">Shop Owner</div>
        </div>
        <a href="{{ route('home') }}" title="View website" class="w-9 h-9 grid place-items-center rounded-lg text-slate-400 hover:bg-slate-700 hover:text-white">
          <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M13.5 6H18v4.5M18 6l-7.5 7.5M10 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4"/></svg>
        </a>
      </div>
    </div>
  </aside>

  <div class="flex-1 min-w-0 flex flex-col">

    {{-- TOPBAR --}}
    <header class="h-20 flex items-center justify-between px-4 lg:px-8 bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800">
      <div>
        <h1 class="font-bold text-xl leading-tight">@yield('title', 'Dashboard')</h1>
        <p class="text-xs text-slate-500">{{ now()->format('l, d F Y') }}</p>
      </div>
      <div class="flex items-center gap-2">
        <a href="{{ route('home') }}" target="_blank" class="text-sm px-3 h-10 inline-flex items-center rounded-xl border border-slate-200 dark:border-slate-700 hover:bg-slate-100 dark:hover:bg-slate-800">View site ↗</a>
        <button onclick="toggleTheme()" aria-label="Toggle theme" class="w-10 h-10 grid place-items-center rounded-xl border border-slate-200 dark:border-slate-700 hover:bg-slate-100 dark:hover:bg-slate-800">
          <svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
          <svg class="w-5 h-5 dark:hidden" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg>
        </button>
        <div class="w-10 h-10 rounded-full bg-brand-500 text-slate-900 grid place-items-center font-bold">A</div>
      </div>
    </header>

    <main class="p-4 lg:p-8 space-y-6">
      @yield('content')
    </main>
  </div>
</div>
@stack('scripts')
</body>
</html>