@section('header')
    <div id="socialBox">
        <a class="facebook" href="{{ __('socials.facebook') }}" target="_blank">
            <i class="ico icoFacebook2"></i>
        </a>
        <a class="youtube" href="{{ __('socials.youtube') }}" target="_blank">
            <i class="ico icoYoutube"></i>
        </a>
        <a class="pinterest" href="{{ __('socials.pinterest') }}" target="_blank">
            <i class="ico icoPinterest2"></i>
        </a>
    </div>
    <header class="top">
        <div class="logo">
            <a href="{{ url('/') }}">
                <img src="assets/img/logo-angelsounds.svg" alt="AngelSounds.pl">
            </a>
        </div>
        <nav class="nav">
            <ul class="nav__list">
                @foreach ($mainMenu as $item)
                    @continue($item->menu_id !== null)
                    @if ($item->children->isNotEmpty())
                        <li class="nav__item">
                            {{--                            <a href="{{ $item->getUrl() }}"{!! $item->isActive() ? ' class="is-active"' : '' !!}{!! $item->nofollow ? ' rel="nofollow"' : '' !!}{!! $item->open_in_new_window ? ' target="_blank"' : '' !!}>--}}
                            <a class="toggle-subnav">{{ $item->display_name }}</a>
                            <div class="subnav">
                                <ul class="subnav__list">
                                    @foreach ($item->children as $subitem)
                                        <li class="subnav__item"><a href="{{ $subitem->getUrl() }}"{!! $subitem->isActive() ? ' class="is-active"' : '' !!}{!! $subitem->nofollow ? ' rel="nofollow"' : '' !!}{!! $subitem->open_in_new_window ? ' target="_blank"' : '' !!}>
                                                @if($subitem->hasImage())
                                                    <img src="{{ $subitem->getImage() }}" alt="{{ $subitem->display_name }}">
                                                @endif
                                                <span>{{ $subitem->display_name }}</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </li>
                    @else
                        <li class="nav__item">
                            <a href="{{ $item->getUrl() }}"{!! $item->isActive() ? ' class="is-active"' : '' !!}{!! $item->nofollow ? ' rel="nofollow"' : '' !!}{!! $item->open_in_new_window ? ' target="_blank"' : '' !!}>{{ $item->display_name }}</a>
                        </li>
                    @endif
                @endforeach
            </ul>
        </nav>
        <div class="top__action">
            <a href="{{ route('cart.index') }}" class="top__cart js-top-cart">
                <i class="ico icoCart">
                    <span class="js-cart-count">{!! Cart::quantity() !!}</span>
                </i>
            </a>
            <span id="menu-trigger">
          <span></span>
        </span>
        </div>
    </header>
@show