@php
    use App\Enums\RoleEnum;
    use Illuminate\Support\Str;
    use Illuminate\Support\Number;
@endphp

<x-page :title="__('categories')" :breadcrumbs="$breadcrumbs">
    <x-slot:headerActions>
        {{ $this->createAction }}

        {{--        <x-filament-actions::modals/>--}}
    </x-slot:headerActions>

    <div x-cloak>
        {{ $this->table }}
    </div>

    {{--    <div class="mx-auto flex flex-col w-full items-stretch gap-4">--}}
    {{--        <div class="flex items-center justify-end">--}}

    {{--        </div>--}}

    {{--        <x-table class="w-full">--}}
    {{--            <x-table.head class="bg-gray-50">--}}
    {{--                <x-table.row>--}}
    {{--                    <th scope="col" class="pl-4 sm:w-12 lg:pl-6">--}}
    {{--                        <div class="flex h-6 items-center">--}}
    {{--                            <label>--}}
    {{--                                <input type="checkbox" wire:model.live="selectAll"--}}
    {{--                                       class="h-4 w-4 rounded border-gray-300 shadow text-primary-600 focus:ring-primary-600">--}}
    {{--                            </label>--}}
    {{--                        </div>--}}
    {{--                    </th>--}}
    {{--                    <x-table.head-cell>{{ __('name') }}</x-table.head-cell>--}}
    {{--                    <x-table.head-cell>{{ __('tags') }}</x-table.head-cell>--}}
    {{--                    <x-table.head-cell class="text-center">{{ __('is_active') }}</x-table.head-cell>--}}
    {{--                    <x-table.head-cell-action />--}}
    {{--                </x-table.row>--}}
    {{--            </x-table.head>--}}
    {{--            <x-table.body>--}}
    {{--                @forelse($this->categories as $category)--}}
    {{--                    <x-table.row @class([--}}
    {{--                            'bg-primary-50/80' => collect($this->selectedCategories)->contains($category['uuid'])])--}}
    {{--                    >--}}
    {{--                        <x-table.columns.text class="relative pl-4 lg:pl-6">--}}
    {{--                            @if(collect($this->selectedCategories)->contains($category['uuid']))--}}
    {{--                                <div class="absolute inset-y-0 left-0 w-0.5 bg-primary-600"></div>--}}
    {{--                            @endif--}}
    {{--                            <div class="flex h-6 items-center">--}}
    {{--                                <label for="category-{{ $category['uuid'] }}" class="sr-only"></label>--}}
    {{--                                <input id="category-{{ $category['uuid'] }}"--}}
    {{--                                       type="checkbox"--}}
    {{--                                       value="{{ $category['uuid'] }}"--}}
    {{--                                       wire:model.live="selectedCategories"--}}
    {{--                                       class="h-4 w-4 rounded border-gray-300 shadow text-primary-600 focus:ring-primary-600">--}}
    {{--                            </div>--}}
    {{--                        </x-table.columns.text>--}}
    {{--                        <x-table.columns.text>--}}
    {{--                            <div class="flex items-center gap-x-2 md:gap-x-4">--}}
    {{--                                <img--}}
    {{--                                    src="{{ $category['icone'] }}"--}}
    {{--                                    alt="{{ $category['nom'] }}"--}}
    {{--                                    class="h-8 w-8 md:h-10 md:w-10 rounded-full bg-gray-800 shrink-0"--}}
    {{--                                >--}}
    {{--                                <div--}}
    {{--                                    class="truncate text-sm font-normal leading-6">{{ $category['nom'] }}</div>--}}
    {{--                            </div>--}}
    {{--                        </x-table.columns.text>--}}
    {{--                        <x-table.columns.text>--}}
    {{--                            @forelse(explode(',', $category['tags']) as $tag)--}}
    {{--                                <x-filament::badge color="gray">--}}
    {{--                                    {{ $tag }}--}}
    {{--                                </x-filament::badge>--}}
    {{--                            @empty--}}
    {{--                            @endforelse--}}
    {{--                        </x-table.columns.text>--}}
    {{--                        <x-table.columns.boolean--}}
    {{--                            :state="\App\Enums\StateEnum::tryFrom($category['statut'])->getState()" />--}}
    {{--                        <x-slot:actions wire:key="{{ $category['uuid'] }}">--}}
    {{--                            <div>--}}
    {{--                                <x-filament-actions::group--}}
    {{--                                    :actions="[--}}
    {{--                                        ($this->editAction)(['categoryId' => $category['uuid']]),--}}
    {{--                                    ]"--}}
    {{--                                    label="Actions"--}}
    {{--                                    icon="heroicon-m-ellipsis-vertical"--}}
    {{--                                    color="primary"--}}
    {{--                                    size="md"--}}
    {{--                                    tooltip="Actions"--}}
    {{--                                    dropdown-placement="bottom-start"--}}
    {{--                                />--}}

    {{--                            </div>--}}
    {{--                        </x-slot:actions>--}}
    {{--                    </x-table.row>--}}
    {{--                @empty--}}
    {{--                @endforelse--}}
    {{--            </x-table.body>--}}
    {{--        </x-table>--}}
    {{--    </div>--}}

    <x-filament-actions::modals />
</x-page>