@php
    $navKey = ($area ?? 'user') === 'admin' ? 'admin' : 'user';
    $items = config("vpm-navigation.{$navKey}", []);
    $homeRoute = $navKey === 'admin' ? route('admin.deposits') : route('app.home');
@endphp

<aside class="vpm-dash-sidebar" aria-label="{{ $navKey === 'admin' ? 'Admin' : 'User' }} navigation">
    <div class="vpm-dash-sidebar__brand">
        <x-vpm.logo :href="$homeRoute" />
        @if ($navKey === 'admin')
            <span class="vpm-dash-sidebar__badge">Admin</span>
        @endif
    </div>

    <nav class="vpm-dash-sidebar__nav">
        @foreach ($items as $item)
            @if (($item['type'] ?? null) === 'divider')
                <p class="vpm-dash-sidebar__section">{{ $item['label'] }}</p>
                @continue
            @endif
            <a
                href="{{ route($item['route']) }}"
                class="vpm-dash-sidebar__link {{ ($active ?? '') === $item['key'] ? 'vpm-dash-sidebar__link--active' : '' }}"
                @if (($active ?? '') === $item['key']) aria-current="page" @endif
            >
                <span class="material-symbols-outlined vpm-dash-sidebar__icon" aria-hidden="true">{{ $item['icon'] }}</span>
                <span>{{ $item['label'] }}</span>
            </a>
        @endforeach
    </nav>

    <div class="vpm-dash-sidebar__footer">
        @if ($navKey === 'admin')
            <a href="{{ route('app.home') }}" class="vpm-dash-sidebar__link vpm-dash-sidebar__link--muted">
                <span class="material-symbols-outlined vpm-dash-sidebar__icon" aria-hidden="true">arrow_back</span>
                <span>User area</span>
            </a>
        @elseif (auth()->user()?->role === 'admin')
            <a href="{{ route('admin.deposits') }}" class="vpm-dash-sidebar__link vpm-dash-sidebar__link--muted">
                <span class="material-symbols-outlined vpm-dash-sidebar__icon" aria-hidden="true">settings</span>
                <span>Management</span>
            </a>
        @endif
        <form method="POST" action="{{ route('logout') }}" class="vpm-dash-sidebar__logout">
            @csrf
            <button type="submit" class="vpm-dash-sidebar__link vpm-dash-sidebar__link--muted">
                <span class="material-symbols-outlined vpm-dash-sidebar__icon" aria-hidden="true">logout</span>
                <span>Sign out</span>
            </button>
        </form>
    </div>
</aside>