<header class="o-header">
    <div class="o-header__main  js-header-main">

        <a class="o-header__logo" title="Home" href="{{ $links->home->route ?? '/' }}">Shop <span class="o-header__version">{{config('app.boilerplate_version')}}</span></a>

        @if(isset($links))
            <div class="o-header__nav">
                @include('components.navigation')
            </div>
        @endif


        <div class="o-header__usermenu">
            <nav class="c-nav">
                <ul class="c-nav__list">
                    <li class="c-nav__item  c-nav__item--account">
                        <a href="{{ localized_route('site.my_account.orders') }}" class="c-nav__link">@lang('auth.my_account')</a>

                        <div class="c-nav__subitem">
                            @guest('site')
                                <a href="{{ localized_route('site.login') }}" class="c-nav__sublink">@lang('KMS::auth.site_log_in')</a> /
                                <a href="{{ localized_route('site.register') }}" class="c-nav__sublink">@lang('KMS::auth.site_register')</a>
                            @endguest

                            @auth('site')
                                <span class="">Hi {{ Auth::guard('site')->user()->first_name }}</span>
                            @endauth
                        </div>
                    </li>
                    <li class="c-nav__item  js-cart-link-container">
                        <cart-link/>
                    </li>
                </ul>
            </nav>
        </div>

        <div class="o-header__toggle  js-nav-trigger">
            @include('components.hamburger', [
                'hamburgerClasses' => 'js-overlay-menu-trigger',
                'hamburgerAria' => 'overlay-menu',
            ])
        </div>
    </div>
</header>