@section('konten')
 @extends('layout.main')
 @section('title', 'Daftar Kritik')
  <section class="content">
      <div class="container-fluid">
         <div class="card">
            <div class="row">
               <div class="col-12">
                  <div class="card-body">
                     <table id="data" class="table table-hover table-bordered">
                        <thead>
                           <tr>
                              <th>No</th>
                              <th>Nama</th>
                              <th>No Hp</th>
                              <th nowrap>Email</th>
                              <th nowrap>Keterangan</th>
                              <th width="10%">Action</th>
                           </tr>
                        </thead>
                        <tbody></tbody>
                        </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
   <script>
const hapus=a=>{$.ajaxSetup({headers:{"X-CSRF-TOKEN":$('meta[name="csrf-token"]').attr("content")}}),Swal.fire({title:"Apakah anda ingin menghapus data ini.?",showCancelButton:!0,confirmButtonText:"Hapus"}).then((e=>{e.isConfirmed&&$.ajax({type:"POST",url:"hapusKritik",data:{id:a},dataType:"json",beforeSend:function(){Swal.fire({title:"Please Wait !",allowOutsideClick:!1,showConfirmButton:!1,onBeforeOpen(){Swal.showLoading()}})},success:function(a){Swal.fire({icon:"success",title:a.pesan}),tabel.ajax.reload()},error:function(a){}})}))};
var tabel=null;$(document).ready((function(){tabel=$("#data").DataTable({autoWidth:!1,responsive:!0,ajax:{url:"getKritik",type:"GET",dataSrc:""},aLengthMenu:[[10,50,100],[10,50,100]],columnDefs:[{defaultContent:"-",targets:"_all"}],columns:[{render:function(a,t,e,n){return n.row+n.settings._iDisplayStart+1}},{data:"nama"},{data:"hp"},{data:"email"},{data:"keterangan"},{render:function(a,t,e){var n='<div class="text-center">';return n+='<a class="dropdown-item" href="javascript:;" onclick="hapus('+e.id+')"><i class="fa-solid fa-trash-can"></i> Hapus</a>',n+="</div>"}}]})}));


   </script>
@endsection