@if (!empty($headerMenu->menuItems)) 
    <nav class="menu-container">
        <ul class="list-style-remove menu-container__listing">
            @foreach ($headerMenu->menuItems as $item)
                <li class="{{ request()->url() === $item->url ? 'is-active' : '' }}">
                    <a href="{{ $item->url }}" target="{{ $item->target }}">{{ $item->title }}</a>

                    @if ($item->children && !$item->children->isEmpty())
                        <i class="fas fa-chevron-down js-open-submenu-mobile"></i>

                        <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M6.13398 0.499999C6.51888 -0.166667 7.48112 -0.166667 7.86603 0.5L13.0622 9.5C13.4471 10.1667 12.966 11 12.1962 11H1.80385C1.03405 11 0.552922 10.1667 0.937822 9.5L6.13398 0.499999Z" fill="#FFA002"/>
                        </svg>

                        <ul class="submenu">
                            @foreach ($item->children as $child)
                                <li><a href="{{ $child->url }}" target="{{ $item->target }}">{{ $child->title }}</a></li>
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endforeach
        </ul>
    </nav>
@endif