@if ($submenu->childMenu->isEmpty())
    <li class="list-none px-3 py-1 hover:bg-gray-100">
        <a class="menu-item" href="{{ url($submenu->slug) }}">{{ $submenu->name }}</a>
    </li>
@else
    <div class="list-none relative px-3 py-1 hover:bg-gray-100">
        <button aria-haspopup="true" aria-controls="menu-lang"
                class="w-full text-left flex items-center outline-none focus:outline-none">
            <span class="pr-1 flex-1">{{ $submenu->name }}</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" aria-hidden="true"
             class="inline-block bg-white p-8 border absolute top-0 right-0 transition duration-150 ease-in-out origin-top-left min-w-32">

            @foreach ($submenu->childMenu as $childMenu)
                @include('frontend.layouts.partials.childsubmenu', ['childMenu' => $childMenu])

            @endforeach

        </div>
    </div>
@endif