@php
    $dashboardRoute = auth()->check() ? route('app.home') : route('login');
@endphp
<header class="vpm-ref-header vpm-ref-header--solid vpm-ref-header--guest" id="vpm-ref-header">
    <div class="vpm-ref-header__inner">
        <x-vpm.logo :href="route('landing')" class="vpm-ref-header__brand" />

        <div class="vpm-ref-header__right">
            <button type="button" class="vpm-ref-header__lang" aria-label="Language">
                <span class="material-icons notranslate vpm-ref-header__lang-icon" aria-hidden="true">language</span>
                <span>EN</span>
            </button>

            @auth
                <a href="{{ $dashboardRoute }}" class="vpm-ref-header__link">Dashboard</a>
            @else
                <a href="{{ route('login') }}" class="vpm-ref-header__link">Login</a>
            @endauth

            <x-vpm.theme-toggle class="vpm-ref-header__theme" />

            <button
                type="button"
                class="vpm-ref-header__menu vpm-ref-header__menu--right"
                aria-label="Menu"
                aria-haspopup="dialog"
                aria-expanded="false"
                aria-controls="vpm-marketing-menu"
                data-vpm-marketing-menu-open
            >
                <span class="material-icons notranslate" aria-hidden="true">menu</span>
            </button>
        </div>
    </div>
</header>