<header id="header">
    <div class="grid-row">


        <div class="grid-col logo-container">

            <a class="phone" href="tel:{{Config::get('business.phone_call')}}">
                <div class="icon">
                    <span>T</span>
                </div>
                {{Config::get('business.phone_display')}}
            </a>

            <div class="social">
                @foreach(['facebook', 'twitter', 'linkedin'] as $social)
                    <a href="{{\Config::get('business.'.$social)}}" class="{{$social}}">
                        <span></span>
                    </a>
                @endforeach
            </div>

            {{-- Logo --}}
            <figure class="logo">
                <a href="/">
                    <img alt="logo" src="/img/logo.svg"/>
                </a>
            </figure>

            <div class="languages">
                @if(isset($page->routeInOtherLanguages))
                    <ul>
                        @foreach($page->routeInOtherLanguages as $routeInOtherLanguage)
                                <li class="@if(App::getLocale() == $routeInOtherLanguage->iso_2) active @endif {{$routeInOtherLanguage->iso_2}} ">
                                    <a href="{{ \URL::to($routeInOtherLanguage->route->route) }}"
                                       data-language="{{$routeInOtherLanguage->iso_2}}">

                                        <span></span>
                                        <p>{{$routeInOtherLanguage->iso_2}}</p>
                                    </a>
                                </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        </div>

        {{-- Navigation --}}
        <nav class="grid-col">
            <ul>
                @foreach(\Config::get('navigation.main_navigation') as $item)
                    @if(isset($links->{$item}))
                        <li class=" @if($page->code_name == $item) active @endif @if($item == 'contact') brochure-button @endif @if($item == 'build') brochure-button build-button @endif " >
                            <a href="/{{$links->{$item}->route}}">
                                @if($item == 'contact')
                                    @lang('translations.askBrochure')
                                @else
                                    {{$links->{$item}->name}}
                                @endif

                                <span class="wave">@include('svg.smallWave')</span>
                            </a>
                        </li>
                    @endif
                @endforeach
            </ul>
        </nav>
    </div>
</header>

<aside class="sticky-nav hidden">

    {{-- Toggle Mobile Menu --}}
    <div class="toggle-menu">
        <div class="icon">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>

    {{-- Logo --}}
    <figure class="logo">
        <a href="/"></a>
    </figure>

    {{-- Navigation --}}
    <nav class="grid-col">
        <ul>
            @foreach(\Config::get('navigation.main_navigation') as $item)
                @if(isset($links->{$item}))
                    <li @if($page->code_name == $item) class="active" @endif>
                        <a href="/{{$links->{$item}->route}}">
                            {{$links->{$item}->name}}
                        </a>
                    </li>
                @endif
            @endforeach
        </ul>
    </nav>

    <div class="languages">
        @if(isset($page->routeInOtherLanguages))
            <ul>
                @foreach($page->routeInOtherLanguages as $routeInOtherLanguage)
                    <li class="@if(App::getLocale() == $routeInOtherLanguage->iso_2) active @endif {{$routeInOtherLanguage->iso_2}} ">
                        <a href="{{ \URL::to($routeInOtherLanguage->route->route) }}"
                           data-language="{{$routeInOtherLanguage->iso_2}}">
                            <span></span>
                        </a>
                    </li>
                @endforeach
            </ul>
        @endif

        <span class="close"></span>
    </div>

</aside>