@php
    $stickyClasses = 'is-sticky  is-header-light js-sticky-header';

    if(isset($headerImageFolder)) $folderPath = '/img/headers/' . $headerImageFolder .'/';
    elseif(isset($page)) $folderPath = '/img/headers/' . $page->code_name .'/';
    else $folderPath = null;

    $largeFilePath = $folderPath . 'hero.jpg';
@endphp

<header class="o-header @modifiers('o-header') @if(isset($classes)) {{$classes}} @endif @if(!empty($isSticky)) {{$stickyClasses}} @endif @if(!empty($isClean)) is-header-clean  is-header-light @else js-header @endif" @if(!empty($isSticky)) hidden @endif>
    <div class="o-header__bg  @if(isset($folderPath) && file_exists(public_path(). '/' .$largeFilePath)) o-header__bg--has-other-image @endif ">

        @if(isset($folderPath) && file_exists(public_path(). '/' . $largeFilePath))
            <span class="o-header__bg-image  o-header__bg-image--large" style="background-image: url('{{ $largeFilePath }}')"></span>
            <span class="o-header__bg-image  o-header__bg-image--medium" style="background-image: url('{{ $folderPath }}hero-1400.jpg')"></span>
            <span class="o-header__bg-image  o-header__bg-image--small" style="background-image: url('{{ $folderPath }}hero-900.jpg')"></span>
        @endif

    </div>
    <div class="o-header__top  js-header-hover">
        <div class="o-header__main  js-header-main">
            <div class="o-header__toggle  js-nav-trigger">
                @include('site.components.hamburger', [
                    'hamburgerClasses' => !empty($isSticky) ? 'js-overlay-menu-trigger  is-light' : 'js-overlay-menu-trigger',
                    'hamburgerAria' => 'overlay-menu',
                    'hamburgerPreventTab' => !empty($isSticky) ? true : false
                ])
            </div>

            <a class="o-header__logo" href="{{ $links->home->route ?? '/' }}" @if(!empty($isSticky)) tabindex="-1" aria-label="Home" @endif>
                @include('site.components.icons.logo')
            </a>

{{-- Inloggen en uitloggen knop tijdelijk uitgeschakeld --}}

{{--            @if(!Auth::check())--}}
{{--                <a class="o-header__account  o-header__button"--}}
{{--                   href="{{ localized_route('site.login') }}"--}}
{{--                   aria-label="@lang('auth.log_in')"--}}
{{--                   dusk="site_login">--}}
{{--                    @include('site.components.icons.user')--}}
{{--                </a>--}}
{{--            @else--}}
{{--                <form action="{{ route('site.logout') }}" method="POST">--}}
{{--                    {{ csrf_field() }}--}}
{{--                    {{ method_field('POST') }}--}}
{{--                    <input type="submit" value="@lang('auth.log_out')" dusk="site_logout">--}}
{{--                </form>--}}
{{--            @endif--}}

            @if(config('app.isShop'))
                <a class="o-header__cart  o-header__button" href="{{ localized_route('shoppingcart') }}">
                    <div class="o-header__shopping-cart  js-shopping-cart-amount" @if($composedShoppingCart->getItemsCount() != 0) data-items="{{ $composedShoppingCart->getItemsCount() }}" @endif>
                        @include('site.components.icons.shoppingcart')
                    </div>
                </a>
            @endif

            <div class="o-header__primary">
                @include('site.components.navigation', ['navPreventTab' => !empty($isSticky) ? true : false])
            </div>

            <div class="o-header__dropdown">
                @include('site.components.categoryMenu')
            </div>
            <div class="o-header__search">
                @include('site.organisms.forms.searchbar')
            </div>


        </div>
    </div>

    @if(empty($isSticky) && !empty($content) && isset($links->categories))
        <div class="o-header__content">
            <div class="o-header__headline">Verhuur voor blije gasten<br>op ieder feest of event</div>
            <div class="o-header__cta">
                @include('site.components.button', [
                    'modifiers' => ['icon', 'on-dark'],
                    'buttonText' => 'Bekijk assortiment',
                    'buttonLink' => $links->categories->route
                ])
            </div>
        </div>
    @endif
</header>