@if ($menu)
    <nav class="menu-container">
        <ul class="list-style-remove menu-container__listing">
            @foreach ($menu->menuItems as $item)
                <li>
                    <a href="{{ $item->url }}">
                        <img src="{{ asset('images/hearth-menu.png') }}" >
                        {{ $item->title }}
                    </a>
                  
                    @if ($item->children && !$item->children->isEmpty())
                        <i class="fas fa-chevron-down js-open-submenu-mobile"></i>
                        <ul class="submenu">
                            @foreach ($item->children as $child)
                                <li><a href="{{ $child->url }}">{{ $child->title }}</a></li>
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endforeach
        </ul>
    </nav>
@endif