<nav class="main-nav">
    <ul class="main-nav__menu">
        @if ($menu && $menu->menuItems->count() > 0)
            @foreach ($menuStructured as $menuItem)
                <li class="header-menu @if(!$menuItem->bigMenu && !empty($menuItem->children)) header-menu--has-sub @endif">
                    <a
                        class="tm-main-menu-item"
                        href="{{ strpos($menuItem->url, 'http') === 0 ? $menuItem->url : lang_url($menuItem->url) }}"
                        {!! $menuItem->target ? "target='{$menuItem->target}'" : '' !!}
                        @if($menuItem->bigMenu)
                            data-role="big-menu-item"
                            data-menu="{{ $menuItem->bigMenu->slug }}"
                        @endif
                    >
                        <span>{{ $menuItem->title }}</span>
                    </a>
                    @if(!$menuItem->bigMenu && !empty($menuItem->children))
                        <div class="main-nav__sub-menu">
                            <div class="main-nav__sub-menu-drawer">
                                <ul>
                                    @foreach($menuItem->children as $subMenuItem)
                                        <li>
                                            <a
                                                class="main-nav__sub-menu-item"
                                                href="{{ strpos($subMenuItem->url, 'http') === 0 ? $subMenuItem->url : lang_url($subMenuItem->url) }}"
                                                {!! $subMenuItem->target ? "target='{$subMenuItem->target}'" : '' !!}
                                            >
                                                <span>{{ $subMenuItem->title }}</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endif
                </li>
            @endforeach
        @endif
        <li class="header-search">
            <a href="#" class="main-nav__search-btn tm-main-menu-item" data-action="openSearch">@include('frontend.svg.search')</a>
            <div class="header-search__wrapper">
                <div class="header-search__box">
                    <div class="header-search__content">
                        <div class="header-search__input">
                            <input type="text" placeholder="@lang('frontend.start_typing')" data-role="searchInput">
                            <a  href="#" class="box-close-btn" data-action="closeSearch"></a>
                        </div>
                        <div class="header-search__box-scroll" data-role="searchScroll">
                            <div class="header-search__results" data-role="searchResults">
                            </div>
                            <div class="header-search__search-more-links" data-role="searchMoreLinks">
                            </div>
                            <div class="loading" data-role="searchLoading">
                                <span class="fa fa-cog fa-spin"></span>
                            </div>
                        </div>
                    </div>
                    <div class="header-search__shadow"></div>
                </div>
            </div>
        </li>
    </ul>
</nav>
<a
    href="{{ lang_url('contact-us') }}"
    class="std-button main-nav__contact-btn tm-main-menu-item"
>
    @lang('frontend.get_in_touch')
</a>
