 
     <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>Details</th>
                     <th>Images</th>
                     <th>Url</th>
                     <th class="thbutton">Priority</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($TblVideoGallery)>0)
                 @foreach($TblVideoGallery as $key=> $row)
                 <tr>
                     <td>{{$TblVideoGallery->firstItem() + $key}}</td>
                     <td>@if(isset($row->title)){{$row->title}}@endif</td>
                     <td>@if(isset($row->description)){{$row->description}}@endif</td>
                     <td>
                         <img src="@if(isset($row->cover_pic)){{getTempUrl($row->cover_pic)}}@endif" style="height:60px;width:60px;">
                     </td>
                     <td>@if(isset($row->video_url)){{$row->video_url}}@endif</td>
                     <td>@if(isset($row->priority)){{$row->priority}}@endif</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('videos-gallery.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-video-gallery-edit', $authRolePermissions)) 
                         <a href="{{route('videos-gallery.edit',$row->id)}}" 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-video-gallery-delete', $authRolePermissions)) 
                         <a data-url="{{route('videos-gallery.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">
                {!! $TblVideoGallery->onEachSide(-1)->render('website-setting.videos-gallery.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>