@php
    $navItems = config('vpm-marketing-navigation', []);
@endphp

<div class="vpm-marketing-drawer__backdrop" data-vpm-marketing-menu-close hidden></div>

<aside
    id="vpm-marketing-menu"
    class="vpm-marketing-drawer"
    role="dialog"
    aria-modal="true"
    aria-labelledby="vpm-marketing-menu-title"
    hidden
>
    <div class="vpm-marketing-drawer__head">
        <h2 id="vpm-marketing-menu-title" class="sr-only">Menu</h2>
        <x-vpm.logo :href="route('landing')" :height="40" />
    </div>

    <nav class="vpm-marketing-drawer__nav" aria-label="Site">
        <ul>
            @foreach ($navItems as $item)
                @if (($item['guest'] ?? false) && auth()->check())
                    @continue
                @endif
                @if (($item['auth'] ?? false) && ! auth()->check())
                    @continue
                @endif
                <li>
                    <a href="{{ route($item['route']) }}" class="vpm-marketing-drawer__link">
                        <span class="material-icons notranslate" aria-hidden="true">{{ $item['icon'] }}</span>
                        <span>{{ $item['label'] }}</span>
                    </a>
                </li>
            @endforeach
        </ul>
    </nav>
</aside>