<div id="navigation">
    <div class="navigation-wrapper">

        <div class="logo">
            <img src="/img/structure/dale_logo.svg"/>
        </div>

        <nav>
            <ul class="menu">
                @foreach(\Config::get('business.menu') as $menu)
                    {{--@lang('menu.'.$menu)--}}
                    <li class="internalLink @if($menu == 'about') active @endif" data-link="#{{$menu}}"><p>@lang('menu.'.$menu)</p></li>
                @endforeach

                <li class="btn-link">
                    <a href="@lang('translations.vacancyButton.route')" class="btn btn-secondary internalScroll">@lang('translations.vacancyButton.short_text')<span class="arrow-icon"><img src="/img/icons/arrow-blue.svg"></span></a>
                </li>
            </ul>
            <div class="language language-selector">
                <ul>
                    {{--<li class="language-title">@lang('translations.language')</li>--}}
                    @foreach($otherLanguages as $language)
                        <li @if(\App::getLocale() == $language->iso_2) class="active" @endif >
                            <a data-language="{{$language->iso_2}}"
                               href="/@if($language->route->route!='/'){{$language->route->route}}@endif">
                                {{$language->iso_2}}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </nav>

    </div>


    {{--Sticky Navigation--}}

    <div class="sticky-navigation">

        <div class="small-logo">
            <img src="/img/structure/dale_logo.svg"/>
        </div>

        <nav>
            <ul class="menu">
                @foreach(\Config::get('business.menu') as $menu)
                    <li class="internalLink @if($menu == 'about') active @endif" data-link="#{{$menu}}"><p class="sticky-nav-element">@lang('menu.'.$menu)</p></li>
                @endforeach

                <li class="btn-link">
                    <a href="@lang('translations.vacancyButton.route')" class="btn btn-secondary internalScroll">@lang('translations.vacancyButton.short_text')<span class="arrow-icon"><img src="/img/icons/arrow-blue.svg"></span></a>
                </li>
            </ul>
        </nav>

    </div>

</div>