@foreach($sliders as $key=> $row)
    @php
        /**
        * @var $trashed
        */
        $showSoftDelete = ($row->catSlider->meta['show_delete'] ?? 'yes') == 'yes';
        $showPermanentDelete = ($row->catSlider->meta['show_permanent_delete'] ?? 'yes') == 'yes';
        $showDelete = $trashed ? $showPermanentDelete : $showSoftDelete;
        $catOptionalFields = $row->catSlider->meta['optional_fields'] ?? [];
    @endphp
    <tr>
        <th scope="row" class="no-delete-cat">
            <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input selectOne deleteCheck"
                       id="customCheck{{$row->id}}" value="{{$row->id}}" name="id[]">
                <label class="custom-control-label" for="customCheck{{$row->id}}">{{-- $row->id --}}</label>
            </div>
        </th>
        <td>{{ $row->catSlider->currentDescription->title ?? "" }}</td>
        {{-- <td>{{ $row->title }}</td> --}}
        <td class="grid-container">
            <div>
                {{ $row->title }}
            </div>
            @if(in_array('title', $catOptionalFields) && $row->image && file_exists(public_path('storage/'.$row->image)))
                <div class="img-list-item">
                    <a href="{{ asset('storage/'.$row->image) }}" data-lightbox="image">
                        <img src="{{ asset('storage/'.$row->image) }}"
                             class="img-thumbnail img-preview" alt="">
                    </a>
                </div>
            @endif
        </td>
        {{-- <td>{{ __("general.$row->status") }}</td> --}}
        <td colspan="2">{{ \Carbon\Carbon::parse($row->created_at)->format('Y/m/d') }}</td>
        <td>
            <div class="dropdown">
                <button class="icon_dots dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
                        aria-expanded="false">
                    <i class="bi bi-three-dots-vertical"></i>
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start"
                     style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 26px, 0px);">

                    @if($row->deleted_at)
                        <a href="{{ route ("sliders.restore", $row->id) }}" data-method="put"
                           class="icon rowAction dropdown-item"
                           title="{{ __('dashboard.restore') }}"><img
                                src="{{ asset('assets/admin/images/icons/restore.svg') }}"
                                alt="{{ __('dashboard.restore') }}">
                            {{ __('dashboard.restore') }}
                        </a>

                        @if($showDelete)
                            <a href="{{ route ("sliders.destroy", $row->id) }}" data-method="delete"
                               class="icon rowAction dropdown-item"
                               title="{{ __('dashboard.delete') }}"><img
                                    src="{{ asset('assets/admin/images/icons/close.svg') }}"
                                    alt="{{ __('dashboard.delete') }}">
                                {{ __('dashboard.delete') }}
                            </a>
                        @endif
                    @else
                        <a href="{{ route ("sliders.edit", $row->id) }}" class="icon dropdown-item"
                           title="{{ __('dashboard.edit') }}">
                            <i class="bi bi-pen ml-1"></i>
                            {{ __('dashboard.edit') }}
                        </a>
                        @if($showDelete)
                            <a href="{{ route ("sliders.destroy", $row->id) }}" data-method="delete"
                               class="icon rowAction no-delete-cat dropdown-item"
                               title="{{ __('dashboard.trash') }}">
                                <i class="bi bi-trash ml-1"></i>
                                {{ __('dashboard.trash') }}
                            </a>
                        @endif
                    @endif

                </div> <!-- end of dropdown-menu -->
            </div> <!-- end of dropdown -->
        </td>
    </tr>
@endforeach

@if($sliders->hasPages())
    <tr class="tr-pagination">
        <td> {{ $sliders->links('pagination::bootstrap-5') }} </td>
    </tr>
@endif

<script>
    $('.tr-pagination td').attr('colspan', $('tbody.response tr:first').children().length);
</script>