@php
    $items = config('vpm-navigation.user', []);
@endphp

<aside class="vpm-sidebar" aria-label="Main navigation">
    <div class="vpm-sidebar__brand">
        <x-vpm.logo :href="route('landing')" />
    </div>

    @foreach ($items as $item)
        @if (($item['type'] ?? null) === 'divider')
            <div class="vpm-sidebar__group">{{ $item['label'] }}</div>
            @continue
        @endif
        <a href="{{ route($item['route']) }}" class="vpm-sidebar__link {{ ($active ?? '') === $item['key'] ? 'vpm-sidebar__link--active' : '' }}">
            <span class="material-icons notranslate" aria-hidden="true">{{ $item['icon'] }}</span>
            {{ $item['label'] }}
        </a>
    @endforeach

    @auth
    <form method="POST" action="{{ route('logout') }}" class="vpm-sidebar__logout">
        @csrf
        <button type="submit" class="vpm-sidebar__link">
            <span class="material-icons notranslate" aria-hidden="true">power_settings_new</span>
            Sign out
        </button>
    </form>
    @else
    <a href="{{ route('login') }}" class="vpm-sidebar__link" style="margin-top:16px;">
        <span class="material-icons notranslate" aria-hidden="true">login</span>
        Sign in
    </a>
    @endauth
</aside>