 <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>Sl No</th>
                     <th>Name</th>
                     <th>Email</th>
                     <th>Phone No</th>
                     <th>Subject</th>
                     <th>Message</th>
                     <th class="thbutton">Delete</th>
                 </tr>
             </thead>
             <tbody>
                 @php $i=1;@endphp
                 @if(count($ContactEnquery)>0)
                 @foreach($ContactEnquery as $key=> $row)
                 <tr>
                     <td>{{$ContactEnquery->firstItem() + $key}}</td>
                     <td>@if(isset($row->name)){{$row->name}}@endif</td>
                     <td>@if(isset($row->email)){{$row->email}}@endif</td>
                     <td>@if(isset($row->phone)){{$row->phone}}@endif</td>
                     <td>@if(isset($row->subject)){{$row->subject}}@endif</td>
                     <td>@if(isset($row->msg)){{$row->msg}}@endif</td>

                     <td align="center">
                         <a href="#" data-url="{{route('contact-enquiry.delete')}}" data-id="{{$row->id}}" class="btn btn-danger deleteData" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Delete">
                             <i class="bi bi-trash-fill text-white"></i>
                         </a>
                     </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="float-start mt-2">
             <ul class="pagination">
                 {!! $ContactEnquery->onEachSide(0)->render('website-setting.contact-enquiry.pagination') !!}
             </ul>
         </nav>
     </div>
 </div>