@php
    $title = __('modules.publicservice.resources_views_service_categories_index.text_d06103a0d3');
@endphp
<x-publicservice::layout :title="$title">
    <x-slot name="actions">
        <x-layout.button type="openmodal" permission="service_categories.create" modaltitle="{{ __('modules.publicservice.resources_views_service_categories_index.text_3001a02fe2') }}" href="{{route('publicservice.service_categories.create')}}">
            <i class="ki-filled ki-plus "></i>
            اضافة
        </x-layout.button>
    </x-slot>

    <x-search  :searchable="\Modules\PublicService\Entities\ServiceCategory::getSearchable()"/>


    <x-layout.card :title="$title">
        <x-slot:actions>
            <label class="input input-sm">
                <i class="ki-filled ki-magnifier">
                </i>
                <input data-kt-table-filter="search" placeholder="{{ __('modules.publicservice.resources_views_service_categories_index.text_77134658bd') }}" type="text" value=""/>

            </label>
            <div id="bulk-actions" class="hidden flex items-center gap-2 px-2">
                <div class="text-gray-600 text-sm  min-w-[120px]">
                    عدد العناصر <span id="selected-count">0</span> عنصر
                </div>
                <x-layout.bulk-menu-list icon="ki-filled ki-setting-2" title="{{ __('modules.publicservice.resources_views_service_categories_index.text_88df93c107') }}">
                    <x-layout.table-menu-item :href="route('publicservice.service_categories.deactivate')"
                                            permission="service_categories.activate"
                                              type="deactivate"
                                              data-bulk-action="action"
                                              title="{{ __('modules.publicservice.resources_views_service_categories_index.text_8c6cbcf138') }}"/>
                    <x-layout.table-menu-item :href="route('publicservice.service_categories.activate')"
                                            permission="service_categories.activate"
                                              type="activate"
                                              data-bulk-action="action"
                                              title="{{ __('modules.publicservice.resources_views_service_categories_index.text_0e08c79b1c') }}"/>

                    <x-layout.table-menu-item type="separator"/>
                    <x-layout.table-menu-item :href="route('publicservice.service_categories.delete')"
                                              data-bulk-action="action"
                                              permission="service_categories.delete"
                                              type="delete" title="{{ __('modules.publicservice.resources_views_service_categories_index.text_e43f1ca256') }}"/>



                </x-layout.bulk-menu-list>

            </div>

        </x-slot:actions>



        <x-layout.table>
            <x-slot:thead>
                <th class="w-[20px] text-center p-[5px]">
                    #
                </th>
                @canany(['service_categories.activate','service_categories.delete'])
                <th class="w-[20px] text-center p-[5px]">
                    <input class="checkbox checkbox-sm" id="select-all" type="checkbox"/>
                </th>
                @endcanany
                <th >{{ __('modules.publicservice.resources_views_service_categories_index.text_2ae738dde7') }}</th>
                <th >{{ __('modules.publicservice.resources_views_service_categories_index.text_d516f3f129') }}</th>
                <th >{{ __('modules.publicservice.resources_views_service_categories_index.text_82c12ecbe7') }}</th>
                @canany(['service_categories.edit','service_categories.activate','service_categories.delete'])
                <th class="w-[60px]">
                    الاعدادات
                </th>
                @endcanany
            </x-slot:thead>
            @foreach($out as $o)
                <tr>
                 <td class="w-[20px] text-center p-[5px]">
                                        {{($out->perPage()*($out->currentPage()-1))+$loop->iteration}}
                 </td>
                    @canany(['service_categories.activate','service_categories.delete'])

                    <td class="w-[20px] text-center p-[5px] HidePrint">
                        <x-layout.table-check-box value="{{$o->id}}"/>
                    </td>
                     @endcanany

                    <td>
                        <div class="flex items-center gap-2.5">
                            @if($o->image)
                                <img alt="" class="h-9 rounded-full" src="{{$o->image_url}}"/>

                            @endif
                            <p >
                                {{$o->name}}
                            </p>
                        </div>
                    </td>
                    <td>
                        {{$o->description}}
                    </td>
                    <td>
                        {{$o->services_count}}
                    </td>


                    @canany(['service_categories.edit','service_categories.activate','service_categories.delete'])
                    <td class="HidePrint">
                        <x-layout.table-menu-list>
                            <x-layout.table-menu-item
                            permission="service_categories.edit"
                                :modaltitle="' تعديل '.$o->name "
                                modallevel="1"
                                :href="route('publicservice.service_categories.update',['object'=>$o->id])" type="edit" modal="true" title="{{ __('modules.publicservice.resources_views_service_categories_index.text_1cf9ae43ae') }}"/>
                            <x-layout.table-menu-item
                                :href="$o->status=='enabled'?
                                            route('publicservice.service_categories.deactivate'):
                                            route('publicservice.service_categories.activate')"
                                permission="service_categories.activate"
                                :type="$o->status=='enabled'?'deactivate':'activate'"
                                data-table-action="action" data-id="{{$o->id}}"
                                :title="$o->status=='enabled'?' تعطيل':'تفعيل'"/>
                            <x-layout.table-menu-item type="separator"/>
                            <x-layout.table-menu-item :href="route('publicservice.service_categories.delete')"
                                                        permission="service_categories.delete"
                                                      data-table-action="action" data-id="{{$o->id}}"
                                                      type="delete" title="{{ __('modules.publicservice.resources_views_service_categories_index.text_2f12707631') }}"/>

                        </x-layout.table-menu-list>
                    </td>
                    @endcanany
                </tr>
            @endforeach

            <x-slot:pagination>
                {{$out->links()}}
            </x-slot:pagination>
        </x-layout.table>

    </x-layout.card>

</x-publicservice::layout>