@foreach($products as $key=> $row)
    <tr>
        <th scope="row">
            <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->id }}</td>
        <td>{{ $row->title }}</td>
        <td>{{ $row->category->currentDescription->title }}</td>
        <td>{{ $row->subCategory->currentDescription->title }}</td>
        <td>{{ $row->purchased() }}</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">
                    @if($row->deleted_at ?? null)
                        <a href="{{ route ('products.restore', $row->id) }}" data-method="put" class="dropdown-item rowAction" title="{{ __('dashboard.restore') }}"> <i class="bi bi-pen ml-1"></i> {{ __('dashboard.restore') }} </a>

                        {{--                        <a href="{{ route ('products.destroy', $row->id) }}" data-method="delete" class="dropdown-item rowAction" title="{{ __('dashboard.delete') }}"> <i class="bi bi-trash ml-1"></i> {{ __('dashboard.delete') }} </a>--}}
                    @else
                        <a href="{{ route ('products.edit', $row->id) }}" class="dropdown-item" title="{{ __('dashboard.edit') }}"> <i class="bi bi-pen ml-1"></i> {{ __('dashboard.edit') }} </a>
                        <a href="{{ route ('product_warehouses.index').'?product='.$row->title }}" class="dropdown-item" title="{{ __('products.product_warehouses') }}"> <i class="bi bi-pen ml-1"></i> {{ __('products.product_warehouses') }} </a>
                        <a href="{{ route ('rates.index').'?product_id='.$row->id }}" class="dropdown-item" title="{{ __('products.head') }}"> <i class="bi bi-pen ml-1"></i> {{ __('rates.head') }} </a>

                        <a href="{{ route ('products.destroy', $row->id) }}" data-method="delete" class="dropdown-item rowAction" title="{{ __('dashboard.trash') }}"> <i class="bi bi-slash-circle ml-1"></i> {{ __('dashboard.trash') }} </a>

                    @endif
                </div>
            </div>
        </td>
    </tr>
@endforeach

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

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