@php
    $companyName = (string) setting('company_name', config('akrsera.branding.company_name', 'LAKHSMAN WELLNESS PVT. LTD.'));
    $initials = collect(explode(' ', preg_replace('/[^A-Za-z0-9 ]/', '', $companyName)))
        ->filter()
        ->take(2)
        ->map(fn ($part) => strtoupper(substr($part, 0, 1)))
        ->implode('');
    $menuLink = static fn (string $route, array $params = []) => \Illuminate\Support\Facades\Route::has($route)
        ? route($route, $params)
        : 'javascript:void(0)';
@endphp

<div class="flex items-center gap-3">
    <div class="h-10 w-10 rounded-2xl bg-[var(--user-primary)]/15 text-center text-lg font-bold text-[var(--user-primary)] leading-10">{{ $initials ?: 'LW' }}</div>
    <div>
        <div class="text-lg font-semibold text-[var(--user-text)]" style="font-family: var(--admin-font-heading);">{{ $companyName }}</div>
        <div class="text-xs text-[var(--user-muted)]">Franchise Panel</div>
    </div>
</div>

<nav class="mt-8 space-y-5 text-sm">
    <div>
        <div class="mb-2 text-xs uppercase tracking-wide text-[var(--user-muted)]">🏠 Dashboard</div>
        <a href="{{ $menuLink('franchise.dashboard') }}" class="block rounded-xl px-3 py-2 text-[var(--user-text)] hover:bg-[var(--user-border)]">📊 Overview Dashboard</a>
        <a href="{{ $menuLink('franchise.dashboard') }}#today-sales" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">💰 Today Sales</a>
        <a href="{{ $menuLink('franchise.dashboard') }}#stock-value" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">📦 Stock Value</a>
        <a href="{{ $menuLink('franchise.dashboard') }}#commission-wallet" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">👛 Commission Wallet</a>
    </div>

    <div>
        <div class="mb-2 text-xs uppercase tracking-wide text-[var(--user-muted)]">👥 Member Management</div>
        <a href="{{ $menuLink('franchise.members') }}" class="block rounded-xl px-3 py-2 text-[var(--user-text)] hover:bg-[var(--user-border)]">👤 All Members</a>
        <a href="{{ $menuLink('franchise.members') }}#create-member" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">➕ Create Distributor ID</a>
        <a href="{{ $menuLink('franchise.members') }}#otp-verify" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">📲 OTP Verification</a>
        <a href="{{ $menuLink('franchise.customers') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🧾 Customer Management</a>
    </div>

    <div>
        <div class="mb-2 text-xs uppercase tracking-wide text-[var(--user-muted)]">🛒 Sales & POS</div>
        <a href="{{ $menuLink('franchise.pos') }}" class="block rounded-xl px-3 py-2 text-[var(--user-text)] hover:bg-[var(--user-border)]">🛍 Sell Products (POS)</a>
        <a href="{{ $menuLink('franchise.sales') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">📑 Sales Orders</a>
        <a href="{{ $menuLink('franchise.sales') }}#invoice" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🧾 Invoice Generation</a>
        <a href="{{ $menuLink('franchise.payments') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">💳 Payment Modes</a>
    </div>

    <div>
        <div class="mb-2 text-xs uppercase tracking-wide text-[var(--user-muted)]">📦 Stock & Distribution</div>
        <a href="{{ $menuLink('franchise.stock') }}" class="block rounded-xl px-3 py-2 text-[var(--user-text)] hover:bg-[var(--user-border)]">📦 Stock Management</a>
        <a href="{{ $menuLink('franchise.stock') }}#transfer" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🔁 Stock Transfer</a>
        <a href="{{ $menuLink('franchise.stock') }}#damage" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">⚠️ Damage Entry</a>
        <a href="{{ $menuLink('franchise.distribution') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🗺 Warehouse & Territory</a>
        <a href="{{ $menuLink('franchise.stock-requests') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">📨 Stock Requests</a>
        <a href="{{ $menuLink('franchise.pickups') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🚚 Pickup Orders</a>
    </div>

    <div>
        <div class="mb-2 text-xs uppercase tracking-wide text-[var(--user-muted)]">💰 Commission & Finance</div>
        <a href="{{ $menuLink('franchise.commission') }}" class="block rounded-xl px-3 py-2 text-[var(--user-text)] hover:bg-[var(--user-border)]">👛 Commission Wallet</a>
        <a href="{{ $menuLink('franchise.commission') }}#withdraw" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🏦 Withdrawal Request</a>
        <a href="{{ $menuLink('franchise.payments') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">💳 Payments & Settlement</a>
        <a href="{{ $menuLink('franchise.profit') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">📈 Profit Analytics</a>
    </div>

    <div>
        <div class="mb-2 text-xs uppercase tracking-wide text-[var(--user-muted)]">📊 Reports & Alerts</div>
        <a href="{{ $menuLink('franchise.reports.daily') }}" class="block rounded-xl px-3 py-2 text-[var(--user-text)] hover:bg-[var(--user-border)]">📅 Daily Report</a>
        <a href="{{ $menuLink('franchise.reports.stock') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">📦 Stock Report</a>
        <a href="{{ $menuLink('franchise.reports.products') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🛍 Product Report</a>
        <a href="{{ $menuLink('franchise.reports.bv') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🌳 BV Report</a>
        <a href="{{ $menuLink('franchise.reports.commission') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">💰 Commission Report</a>
        <a href="{{ $menuLink('franchise.reports.damage') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">⚠️ Damage Report</a>
        <a href="{{ $menuLink('franchise.notifications') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🔔 Notifications</a>
    </div>

    <div>
        <div class="mb-2 text-xs uppercase tracking-wide text-[var(--user-muted)]">🔐 Profile & Security</div>
        <a href="{{ $menuLink('franchise.profile') }}" class="block rounded-xl px-3 py-2 text-[var(--user-text)] hover:bg-[var(--user-border)]">👤 Profile & Settings</a>
        <a href="{{ $menuLink('franchise.security') }}" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">🛡 Security Logs</a>
        <a href="{{ $menuLink('franchise.security') }}#devices" class="block rounded-xl px-3 py-2 text-[var(--user-muted)] hover:bg-[var(--user-border)]">📱 Device Sessions</a>
    </div>
</nav>

<form method="POST" action="{{ route('logout') }}" class="mt-8">
    @csrf
    <button class="w-full rounded-xl bg-[var(--user-primary)] px-4 py-2 text-sm font-semibold text-white shadow">🚪 Logout</button>
</form>