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

    <x-search  :searchable="\Modules\PublicService\Entities\ServiceTemplate::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_template_index.text_396e13aa22') }}" 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_template_index.text_3e12dad08a') }}">
                    <x-layout.table-menu-item :href="route('publicservice.service_template.deactivate')"
                                            permission="service_template.activate"
                                              type="deactivate"
                                              data-bulk-action="action"
                                              title="{{ __('modules.publicservice.resources_views_service_template_index.text_adba437c5b') }}"/>
                    <x-layout.table-menu-item :href="route('publicservice.service_template.activate')"
                                            permission="service_template.activate"
                                              type="activate"
                                              data-bulk-action="action"
                                              title="{{ __('modules.publicservice.resources_views_service_template_index.text_7e301b1a72') }}"/>

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



                </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_template.activate','service_template.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_template_index.text_3960986a92') }}</th>
                <th >{{ __('modules.publicservice.resources_views_service_template_index.text_b7b433056d') }}</th>
                <th >{{ __('modules.publicservice.resources_views_service_template_index.text_8b7e9a7854') }}</th>
                <th >{{ __('modules.publicservice.resources_views_service_template_index.text_51df38b608') }}</th>
                <th >{{ __('modules.publicservice.resources_views_service_template_index.text_72ac322185') }}</th>
                <th class="w-[20px] text-center p-[5px]">{{ __('modules.publicservice.resources_views_service_template_index.text_ed00c98cb7') }}</th>
                @canany(['service_template.edit','service_template.activate','service_template.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_template.activate','service_template.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->category->name}}</td>
                    <td>{{$o->path->name}}</td>
                    <td>{{$o->{{ __('modules.publicservice.resources_views_service_template_index.text_47ac4fd914') }}</td>
                    <td>{{$o->{{ __('modules.publicservice.resources_views_service_template_index.text_215ec1db8f') }}</td>
                    <td>
                        <span class="kt-badge mb-1 kt-badge-sm kt-badge-outline kt-badge-{{$o->is_shown_in_citizen==1?'success':'danger'}}">{{$o->{{ __('modules.publicservice.resources_views_service_template_index.text_bc8575c3cb') }}</span>
                        <span class="kt-badge kt-badge-sm kt-badge-outline kt-badge-{{$o->is_shown_in_website==1?'success':'danger'}}">{{$o->{{ __('modules.publicservice.resources_views_service_template_index.text_6398ce5acc') }}</span>

                    </td>
                    @canany(['service_template.edit','service_template.activate','service_template.delete'])
                    <td class="HidePrint">
                        <x-layout.table-menu-list>
                            <x-layout.table-menu-item
                            permission="service_template.edit"
                                :modaltitle="' تعديل '.$o->name "
                                modallevel="1"
                                :href="route('publicservice.service_template.update',['object'=>$o->id])" type="edit" modal="true" title="{{ __('modules.publicservice.resources_views_service_template_index.text_cc4b255998') }}"/>
                            <x-layout.table-menu-item
                                :href="$o->status=='enabled'?
                                            route('publicservice.service_template.deactivate'):
                                            route('publicservice.service_template.activate')"
                                permission="service_template.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_template.delete')"
                                                        permission="service_template.delete"
                                                      data-table-action="action" data-id="{{$o->id}}"
                                                      type="delete" title="{{ __('modules.publicservice.resources_views_service_template_index.text_3c36c11674') }}"/>

                        </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>