@extends('layouts.master')
 @section('content')

 <style>
     .form-switch .form-check-input:checked {
             border-color: #08441d;
             background-color: #1d8943;
         }
          .gra{
  background-image: linear-gradient(#676770, #403b3b);
  color:white;
}
div#myTable_filter {
    margin-right: 13px;
}
.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}
p.text-sm.text-gray-700.leading-5 {
    display: none;
}
 </style>
     <div class="container-fluid ">
             <div id="statusMsg">
             </div>
         @if (Session::has('msg'))
             <div class="alert alert-success">
                 <ul>
                     <li>{{ Session::get('msg') }}</li>
                 </ul>
             </div>
         @endif
          
         <div class="container-fluid py-4">
             <div class="row">
                 <div class="col-12">
                     <div class="card my-4">

                         <div class="card">
                             <div class="card-header pb-0">
                                 <div class="d-lg-flex">
                                     <h5 class="mb-0">Users</h5>
                                      <div class="ms-auto my-auto mt-lg-0 mt-4">
                                     </div>
                                 </div>
                        
                             </div>
                             
                             <div class="card-body px-0 pb-0">
                                 <div class="table-responsive">
                                     <div
                                         class="dataTable-wrapper dataTable-loading no-footer sortable searchable fixed-columns">

                                         <div class="dataTable-container">
                                             <table class="table table-flush dataTable-table" id="myTable">
                                                 <thead class="thead-light">
                                                     <tr>
                                                         <th>Id</th>
                                                         <th>Name</th>
                                                         <th>Email</th>
                                                         <th>Mobile No</th>
                                                         <th>Facility Name</th>
                                                         <th>Actions</th>
                                                     </tr>
                                                 </thead>
                                                 <tbody>
                                                     
                                                     @foreach ($users as $user)
                                                         <tr>                                                    
                                                              <td >
                                                                 <span  class="d-flex flex-column justify-content-center"
                                                                     class="text-secondary text-xs font-weight-bold">{{ $loop->index+1 ?? "N/A" }}</span>
                                                             </td>
                                                              <td >
                                                                 <span  class="d-flex flex-column justify-content-center"
                                                                     class="text-secondary text-xs font-weight-bold">{{ $user->first_name ?? "N/A" }} {{ $user->last_name ?? "N/A" }}</span>
                                                             </td>
                                                              <td >
                                                                 <span  class="d-flex flex-column justify-content-center"
                                                                     class="text-secondary text-xs font-weight-bold">{{ $user->email ?? "N/A" }}</span>
                                                             </td>
                                                              <td >
                                                                 <span  class="d-flex flex-column justify-content-center"
                                                                     class="text-secondary text-xs font-weight-bold">{{ $user->contact_no ?? "N/A" }}</span>
                                                             </td>
                                                              <td >
                                                                 <span  class="d-flex flex-column justify-content-center"
                                                                     class="text-secondary text-xs font-weight-bold">{{ $user->contact_no ?? "N/A" }}</span>
                                                             </td>
                                                              <td >
                                                                 <span  class="d-flex flex-column justify-content-center"
                                                                     class="text-secondary text-xs font-weight-bold"><a href='#'>Edit</a></span>
                                                             </td>
                                                         </tr>
                                                     @endforeach
                                                 </tbody>
   
                                                   
                                             </table>
    <div class="d-flex justify-content-center">
          
    </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                     
<script>
// $('.changeStatus').change(function () {
//   var id = $(this).data("id");
//   var status = $(this).is(":checked") ? 1 : 0;
//      $.ajax({
//         url: "{{ route('update.user.status') }}",
//         type: 'post',
//         dataType: "JSON",
//         data: {
//             "id": id,
//             "status": status,
//             "_token": "{{ csrf_token() }}",
//         },
//         success:function(data) {      
//                     $('#statusMsg').html('<ul class="alert alert-success"><li>'+data.msg+'</li></ul>');
//         }
//     });
//  });
 
//  $('#myTable').DataTable({
//     lengthChange: false, // Disable the "Show [number] entries" dropdown
//     // Add other options as needed
//   });

</script>

                 @endsection