@if ($childMenu->childMenu->isEmpty())
    <li class="list-none px-3 py-1 hover:bg-gray-100">
        <a class="menu-item" href="{{ url($childMenu->slug) }}">{{ $childMenu->name }}</a>
    </li>
@else
    <div class="list-none relative px-3 py-1 hover:bg-gray-100">
        <button aria-haspopup="true" class="w-full text-left flex items-center outline-none focus:outline-none">
            <span class="pr-1 flex-1"><a href="{{ url($childMenu->slug) }}">{{ $childMenu->name }}</a></span>
            <span class="mr-auto">
                <svg class="fill-current h-4 w-4 transition duration-150 ease-in-out" xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 20 20">
                    <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                </svg>
            </span>
        </button>
        <div id="menu-lang-python" aria-hidden="true"
             class="inline-block bg-white border absolute top-0 left-0 right-0 transition duration-150 ease-in-out origin-top-left min-w-48">
            @foreach ($childMenu->childMenu as $subChildMenu)

                <a href="{{ url($subChildMenu->slug) }}">{{ $subChildMenu->name }}</a>

            @endforeach
        </div>
    </div>
@endif