@php
  $menuUser = $wsMember->customer;
  $menuInitials = collect(preg_split('/\s+/', trim($menuUser->name ?: $menuUser->email)))->filter()->take(2)->map(fn ($part) => mb_strtoupper(mb_substr($part, 0, 1)))->implode('');
  $menuManager = $wsCompany->accountManager;
  $menuSections = [
    'Your account' => array_values(array_filter([
      ['user-round-pen', 'Personal profile', 'Name, phone and email', route('wholesale.account').'#security', null],
      ['key-round', 'Password & security', $menuUser->password ? 'Change your password' : 'Set a password', route('wholesale.account').'#security', null],
      ['building-2', 'Company details', $wsMember->canManageTeam() ? 'Trading name, ABN, website' : 'View company profile', route('wholesale.account').'#company', null],
      ['map-pin', 'Delivery locations', 'Warehouses and venues', route('wholesale.account').'#locations', null],
      ['users-round', 'Team & permissions', $wsMember->canManageTeam() ? 'Invite buyers, set limits' : 'See who has access', route('wholesale.team.index'), null],
    ])),
    'Orders & billing' => array_values(array_filter([
      ['package-check', 'Order history', 'Track, reorder, invoices', route('wholesale.orders.index'), null],
      $wsMember->canApprove() ? ['shield-check', 'Approvals queue', 'Carts waiting for sign-off', route('wholesale.approvals.index'), $wsPendingApprovals ?: null] : null,
      ['receipt-text', 'Statements', 'Balance, aging, due dates', route('wholesale.statements'), null],
      ['list-checks', 'Saved order lists', 'Reorder in one click', route('wholesale.lists.index'), null],
      ['crown', 'Tier & trade terms', 'Discounts and volume breaks', route('wholesale.account'), null],
    ])),
    'Tools' => array_values(array_filter([
      $wsSettings['price_sheet_enabled'] ? ['download', 'Download price sheet', 'Your prices as CSV', route('wholesale.catalog.price-sheet'), null] : null,
      $wsSettings['quotes_enabled'] ? ['file-pen-line', 'Request a custom quote', 'Branded or bulk work', route('wholesale.quotes.index').'#request', null] : null,
    ])),
  ];
@endphp
<div class="wd-menu" data-wd-menu>
  <button type="button" class="wd-menu-trigger" data-wd-menu-trigger aria-haspopup="menu" aria-expanded="false" aria-controls="wd-account-menu" aria-label="Account menu for {{ $menuUser->name }}">
    <span class="wd-avatar">{{ $menuInitials }}</span>
    <span class="hidden min-w-0 text-left leading-tight xl:block">
      <span class="block max-w-[10rem] truncate text-[13px] font-semibold text-[var(--color-ink)]">{{ $menuUser->name }}</span>
      <span class="block max-w-[10rem] truncate text-[11px] text-black/45">{{ $wsMember->roleLabel() }} · {{ $wsCompany->tier?->name ?? 'Wholesale' }}</span>
    </span>
    <i data-lucide="chevron-down" class="wd-menu-chevron h-4 w-4 text-black/40"></i>
  </button>

  <div id="wd-account-menu" class="wd-menu-panel" role="menu" data-wd-menu-panel hidden>
    <div class="wd-menu-head">
      <div class="flex items-center gap-3">
        <span class="wd-avatar wd-avatar-lg">{{ $menuInitials }}</span>
        <div class="min-w-0">
          <p class="truncate font-semibold text-white">{{ $menuUser->name }}</p>
          <p class="truncate text-xs text-white/55">{{ $menuUser->email }}</p>
        </div>
      </div>
      <div class="mt-3 flex items-center justify-between gap-2 rounded-xl bg-white/[0.06] px-3 py-2">
        <span class="min-w-0">
          <span class="block truncate text-[13px] font-medium text-white/90">{{ $wsCompany->name }}</span>
          <span class="mt-0.5 flex items-center gap-1.5 text-[11px]">
            <span class="wd-tier-dot"></span>
            <span class="font-semibold uppercase tracking-[0.16em] text-[var(--wd-tier)]">{{ $wsCompany->tier?->name ?? 'Wholesale' }}</span>
            <span class="text-white/35">·</span>
            <span class="text-white/55">{{ $wsMember->roleLabel() }}</span>
          </span>
        </span>
        <span class="wd-menu-status"><span></span>Active</span>
      </div>
      <dl class="mt-3 grid grid-cols-3 gap-2 text-center">
        <div class="wd-menu-stat"><dt>Discount</dt><dd>{{ $wsCompany->baseDiscountLabel() }}</dd></div>
        <div class="wd-menu-stat"><dt>Terms</dt><dd>{{ $wsCompany->paymentTerm?->name ?? 'Proforma' }}</dd></div>
        <div class="wd-menu-stat"><dt>Credit</dt><dd>{{ $wsCompany->credit_limit_cents ? 'A$'.number_format($wsCompany->credit_limit_cents / 100) : '—' }}</dd></div>
      </dl>
    </div>

    <div class="wd-menu-body">
      @foreach($menuSections as $section => $items)
        <p class="wd-menu-label">{{ $section }}</p>
        @foreach($items as [$icon, $label, $hint, $url, $badge])
          <a href="{{ $url }}" class="wd-menu-item" role="menuitem">
            <span class="wd-menu-icon"><i data-lucide="{{ $icon }}" class="h-4 w-4"></i></span>
            <span class="min-w-0 flex-1">
              <span class="block text-[13px] font-medium">{{ $label }}</span>
              <span class="block truncate text-[11px] text-black/45">{{ $hint }}</span>
            </span>
            @if($badge)<span class="wd-nav-badge">{{ $badge }}</span>@endif
          </a>
        @endforeach
      @endforeach
      <button type="button" class="wd-menu-item w-full" role="menuitem" data-wd-palette-open data-wd-menu-close>
        <span class="wd-menu-icon"><i data-lucide="command" class="h-4 w-4"></i></span>
        <span class="min-w-0 flex-1 text-left">
          <span class="block text-[13px] font-medium">Command palette</span>
          <span class="block truncate text-[11px] text-black/45">Jump anywhere, add SKUs fast</span>
        </span>
        <kbd class="wd-kbd">⌘K</kbd>
      </button>

      <p class="wd-menu-label">Support</p>
      @if($menuManager)
        <div class="wd-menu-manager">
          <span class="wd-avatar wd-avatar-gold">{{ mb_strtoupper(mb_substr($menuManager->name, 0, 1)) }}</span>
          <span class="min-w-0 flex-1">
            <span class="block text-[10px] font-semibold uppercase tracking-[0.18em] text-black/40">Account manager</span>
            <span class="block truncate text-[13px] font-medium">{{ $menuManager->name }}</span>
          </span>
          <a href="mailto:{{ $menuManager->email }}" class="wd-menu-mini" aria-label="Email {{ $menuManager->name }}"><i data-lucide="mail" class="h-4 w-4"></i></a>
        </div>
      @endif
      <a href="{{ $wsSettings['support_email'] ? 'mailto:'.$wsSettings['support_email'] : '/pages/contact' }}" class="wd-menu-item" role="menuitem">
        <span class="wd-menu-icon"><i data-lucide="life-buoy" class="h-4 w-4"></i></span>
        <span class="min-w-0 flex-1">
          <span class="block text-[13px] font-medium">Trade support</span>
          <span class="block truncate text-[11px] text-black/45">{{ $wsSettings['support_email'] ?: 'Orders, shipping, artwork' }}</span>
        </span>
      </a>
      @if($wsSettings['support_phone'])
        <a href="tel:{{ preg_replace('/[^0-9+]/', '', $wsSettings['support_phone']) }}" class="wd-menu-item" role="menuitem">
          <span class="wd-menu-icon"><i data-lucide="phone" class="h-4 w-4"></i></span>
          <span class="min-w-0 flex-1">
            <span class="block text-[13px] font-medium">Call trade support</span>
            <span class="block truncate text-[11px] text-black/45">{{ $wsSettings['support_phone'] }}</span>
          </span>
        </a>
      @endif
    </div>

    <div class="wd-menu-foot">
      <a href="{{ route('account.dashboard') }}" class="wd-menu-item" role="menuitem">
        <span class="wd-menu-icon"><i data-lucide="circle-user-round" class="h-4 w-4"></i></span>
        <span class="flex-1 text-[13px] font-medium">Personal shopping account</span>
      </a>
      <a href="{{ route('home') }}" class="wd-menu-item" role="menuitem">
        <span class="wd-menu-icon"><i data-lucide="store" class="h-4 w-4"></i></span>
        <span class="flex-1 text-[13px] font-medium">Visit storefront</span>
        <i data-lucide="arrow-up-right" class="h-3.5 w-3.5 text-black/35"></i>
      </a>
      <form method="post" action="{{ route('account.logout') }}">@csrf
        <button type="submit" class="wd-menu-item wd-menu-danger w-full" role="menuitem">
          <span class="wd-menu-icon"><i data-lucide="log-out" class="h-4 w-4"></i></span>
          <span class="flex-1 text-left text-[13px] font-medium">Sign out</span>
        </button>
      </form>
    </div>
  </div>
</div>