@props(['menus' => []])

<div {{ $attributes }} class="menu-master-pages tw-hidden md:tw-flex md:tw-items-center md:tw-flex-wrap">
    @foreach ($menus as $menu)
        @if (isset($menu['group']))
            @php
                $filteredItems = filterMenuItems($menu['group']['itens']);
                $isActiveGroup = $filteredItems->pluck('route')->contains(fn($route) => request()->routeIs($route));
            @endphp
            @if ($filteredItems->isNotEmpty())
                <div class="dropdown">
                    <button @class(['dropdown-toggle', 'active' => $isActiveGroup]) type="button" data-toggle="dropdown" aria-expanded="false">
                        {{ $isActiveGroup ? getMenuTitleFromRouteName($menus, request()->route()->getName()) : $menu['group']['title'] }}
                    </button>
                    <div class="dropdown-menu">
                        @foreach ($filteredItems as $menu)
                            <x-backend.menu.header.item route="{{ route($menu['route']) }}" title="{{ $menu['title'] }}"
                                @class([
                                    'dropdown-item',
                                    '!tw-font-bold' => request()->routeIs($menu['route']),
                                ]) />
                        @endforeach
                    </div>
                </div>
            @endif
        @else
            @php
                $filteredItem = filterMenuItems([$menu])->first();
            @endphp
            @if ($filteredItem)
                <x-backend.menu.header.item route="{{ route($filteredItem['route']) }}"
                    title="{{ $filteredItem['title'] }}"
                    class="{{ request()->routeIs($filteredItem['route']) ? 'active' : '' }}" />
            @endif
        @endif
    @endforeach
</div>

<div class="btn-group md:tw-hidden">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
        {{ getMenuTitleFromRouteName($menus, request()->route()->getName()) }}
    </button>
    <div class="dropdown-menu vertical">
        @foreach ($menus as $menu)
            @if (isset($menu['group']))
                @php
                    $filteredItems = filterMenuItems($menu['group']['itens']);
                @endphp
                @if ($filteredItems->isNotEmpty())
                    <ul class="dropdown-submenu vertical tw-mb-0">
                        <a href="#" data-toggle="dropdown" class="dropdown-item dropdown-toggle">
                            {{ $menu['group']['title'] }}
                        </a>
                        @foreach ($filteredItems as $item)
                            <li class="dropdown-menu vertical">
                                <x-backend.menu.header.item route="{{ route($item['route']) }}"
                                    title="{{ $item['title'] }}" class="dropdown-item" />
                            </li>
                        @endforeach
                    </ul>
                @endif
            @else
                @php
                    $filteredItem = filterMenuItems([$menu])->first();
                @endphp
                @if ($filteredItem)
                    <x-backend.menu.header.item route="{{ route($filteredItem['route']) }}"
                        title="{{ $filteredItem['title'] }}" class="dropdown-item" />
                @endif
            @endif
        @endforeach
    </div>
</div>