<nav class="main-nav">
    <ul class="main-nav__menu">
        @if ($menu && $menu->menuItems->count() > 0)
            @foreach ($menuStructured as $menuItem)
                <li class="header-menu">
                    <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>
                </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>
