@php
    $companyName = (string) setting('company_name', config('akrsera.branding.company_name', 'LAKHSMAN WELLNESS PVT. LTD.'));
    $panelTitle = (string) config('akrsera.branding.admin_panel_title', 'Enterprise Admin Panel');
    $initials = collect(explode(' ', preg_replace('/[^A-Za-z0-9 ]/', '', $companyName)))
        ->filter()
        ->take(2)
        ->map(fn ($part) => strtoupper(substr($part, 0, 1)))
        ->implode('');
@endphp

<div class="flex h-full flex-col">
    <div class="mb-6 flex items-center gap-3">
        <div class="h-10 w-10 rounded-2xl bg-indigo-500/20 text-center text-lg font-bold text-indigo-200 leading-10">{{ $initials ?: 'LW' }}</div>
        <div>
            <div class="text-lg font-semibold text-white">{{ $companyName }}</div>
            <div class="text-xs text-slate-400">{{ $panelTitle }}</div>
        </div>
    </div>

    <nav class="flex-1 space-y-2 text-sm">
        <div class="text-xs uppercase tracking-wide text-slate-500">Command Center</div>
        <a href="{{ route('admin.dashboard') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Dashboard</a>

        <div class="mt-4 text-xs uppercase tracking-wide text-slate-500">Members</div>
        <a href="{{ route('admin.members') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Users</a>
        <a href="{{ route('admin.tree') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Tree View</a>
        <a href="{{ route('admin.plan') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Plans</a>

        <div class="mt-4 text-xs uppercase tracking-wide text-slate-500">Commerce</div>
        <a href="{{ route('admin.products') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Products</a>
        <a href="{{ route('admin.orders') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Orders</a>
        <a href="{{ route('admin.payments') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Payments</a>

        <div class="mt-4 text-xs uppercase tracking-wide text-slate-500">Finance</div>
        <a href="{{ route('admin.income-engine') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Income Engine</a>
        <a href="{{ route('admin.wallet') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Wallet</a>
        <a href="{{ route('admin.withdrawals') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Withdrawals</a>
        <a href="{{ route('admin.reports') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Reports</a>

        <div class="mt-4 text-xs uppercase tracking-wide text-slate-500">System</div>
        <a href="{{ route('admin.ranks') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Ranks</a>
        <a href="{{ route('admin.kyc') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">KYC</a>
        <a href="{{ route('admin.franchises') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Franchise</a>
        <a href="{{ route('admin.cms.homepage-settings') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">CMS</a>
        <a href="{{ route('admin.api') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">API</a>
        <a href="{{ route('admin.security') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Security</a>
        <a href="{{ route('admin.settings') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Settings</a>
        <a href="{{ route('admin.repair-tools') }}" class="block rounded-lg px-3 py-2 text-slate-200 hover:bg-slate-800">Repair Tools</a>
    </nav>

    <form method="POST" action="{{ route('logout') }}" class="mt-6">
        @csrf
        <button class="w-full rounded-lg bg-emerald-500 px-4 py-2 text-sm font-semibold text-white">Logout</button>
    </form>
</div>