<button class="dropdown-category">
    <i data-feather="align-left"></i>
    <span>{{ __('categories.all') }}</span>
</button>

<div class="category-dropdown">
    <div class="category-title">
        <h5>{{ __('categories.label') }}</h5>
        <button type="button" class="btn p-0 close-button text-content">
            <i class="fa-solid fa-xmark"></i>
        </button>
    </div>

    <ul class="category-list">
        @foreach($menu->nested() as $list)
            @if($list->children->count())
                <li class="onhover-category-list">
                    <a href="{{ $list->data->route()->getRoutePath() }}" class="category-name">
                        <h6>{{ $list->data->title() }}</h6>
                        <i class="fa-solid fa-angle-right"></i>
                    </a>

                    <div class="onhover-category-box">
                        <x:florial::menus.main.inner :menu="$list" />
                    </div>
                </li>
            @else
                <li class="onhover-category-list">
                    <a href="{{ $list->data->route()?->getRoutePath() ?? '' }}" class="category-name">
                        <h6>{{ $list->data->title() }}</h6>
                    </a>
                </li>
            @endif
        @endforeach
    </ul>
</div>
