@php
    $dashboardRoute = auth()->check() ? route('app.home') : route('login');
@endphp
<header class="vpm-ref-header" id="vpm-ref-header">
    <div class="vpm-ref-header__inner">
        <div class="vpm-ref-header__left">
            <button
                type="button"
                class="vpm-ref-header__menu"
                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>
            <x-vpm.logo :href="route('landing')" class="vpm-ref-header__brand" />
        </div>
        <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>
            <a href="{{ route('contact') }}" class="vpm-ref-header__link vpm-ref-header__link--hide-mobile">Contact</a>
            <x-vpm.theme-toggle class="vpm-ref-header__theme" />
            <a href="{{ $dashboardRoute }}" class="vpm-ref-header__dashboard">
                <span class="material-icons notranslate vpm-ref-header__dashboard-icon" aria-hidden="true">account_circle</span>
                <span class="vpm-ref-header__dashboard-label">Dashboard</span>
            </a>
        </div>
    </div>
</header>