 <div class="card-body" id="tables">
     <div class="table-responsive">
         <table class="table table-bordered align-middle" style="width:100%">
             <thead class="table-light">
                 <tr>
                     <th class="thbutton">Sl No</th>
                     <th>Title</th>
                     <th>Icon</th>
                     <th class="thbutton">Status</th>
                     <th class="thbutton">Edit</th>
                     <th class="thbutton">Delete</th>
                 </tr>
             </thead>
             <tbody>
                 @php $i=1;@endphp
                 @if(count($Service)>0)
                 @foreach($Service as $key=> $row)
                 <tr>
                     <td>{{$Service->firstItem() + $key}}</td>
                     <td>@if(isset($row->title)){{$row->title}}@endif</td>
                     <td>
                        <img src="{{ $row->icon ? getTempUrl($row->icon) : asset('path/to/default-image.png') }}" style="width:100px;height:100px">
                    </td>
                     <td align="center">
                         <div class="form-check form-check-inline{{$i}}">
                             <input class="form-check-input{{$i}} btn-lg changeStatusCustom" type="checkbox" id="inlineCheckbox{{$i}}" data-url="{{route('services.changestatus')}}" data-id="{{$row->id}}" data-status="{{$row->status=='0' ? '1' : '0'}}" {{ $row->status=='1' ? 'checked' : ''}}>
                         </div>

                     </td>
                     <td align="center">
                        @if(in_array('website-services-edit', $authRolePermissions))
                         <a data-id="{!! $row->id !!}" id="edit" data-bs-toggle="modal" data-bs-target="#commonModal" class="btn btn-outline-secondary edit" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Edit">
                             <i class="bi bi-pencil-square"></i>
                         </a>
                        @endif
                     </td>


                     <td align="center">
                        @if(in_array('website-services-delete', $authRolePermissions))
                         <a data-url="{{route('services.delete')}}" data-id="{{$row->id}}" class="btn btn-danger deleteDataCustom" class="text-danger" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Delete">
                             <i class="bi bi-trash text-white"></i>
                         </a>
                        @endif
                     </td>



                 </tr>

                 @php $i++; @endphp
                 @endforeach
                 @else
                 <tr>
                     <td colspan="10">No Data Found</td>
                 </tr>
                 @endif
             </tbody>
         </table>
     </div>
     <div class="table-responsive">

        <nav class="mt-2 row">
            <div class="col-lg-10 col-md-10 col-10 float-start">
                 {!! $Service->onEachSide(-1)->render('website-setting.Services.pagination') !!}
            </div>
            <div class="col-lg-2 col-md-2 col-2 dataTables_length" id="example_length" style="text-align: right;">
                    <i class="bi bi-funnel" style=" top: 11px;left: 20px;"></i>
                    <select class="form-select sorting sorting-box" id="" name="example_length" aria-controls="example" style="padding-left: 30px;">
                        <option value="10">Show: 10</option>
                        <option value="30">Show: 30</option>
                        <option value="50">Show: 50</option>
                    </select>
            </div>
        </nav>
     </div>
 </div>
