@section('konten')
 @extends('layout.main')
 @section('title', 'Daftar')
  <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>Prodi</th>
                              <th>Tanggal Lahir</th>
                              <th>Agama</th>
                              <th>Domisili</th>
                              <th>No HP</th>
                              <th>Email</th>
                              <th>KTP</th>
                              <th>Ijazah</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>
      var tabel=null;$(document).ready((function(){$("#data").DataTable({autoWidth:!1,responsive:!0,ajax:{url:"datadaftar",type:"GET",dataSrc:""},aLengthMenu:[[10,50,100],[10,50,100]],columnDefs:[{defaultContent:"-",targets:"_all"}],columns:[{render:function(a,t,e,i){return i.row+i.settings._iDisplayStart+1}},{data:"nama"},{data:"prodi"},{data:"lahir"},{data:"agama"},{data:"alamat"},{data:"hp"},{data:"email"},{render:function(a,t,e){if(null!=e.fotoktp)var i='<img style="width:30px" src="'+window.location.origin+'/public/foto_maba/'+e.fotoktp+'" class="img-fluid" />';else i="no image";return i}},{render:function(a,t,e){if(null!=e.fotoijazah)var i='<img style="width:30px" src="'+window.location.origin+'/public/foto_maba/'+e.fotoijazah+'" class="img-fluid" />';else i="no image";return i}},{render:function(a,t,e){var i='<div class="text-center">';return i+='<div class="dropdown show">',i+='<a href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa-solid fa-gear"></i></a>',i+='<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">',i+='<a class="dropdown-item" href="javascript:;" onclick="detail('+e.id+')"><i class="fa fa-eye"></i> Detail</a>',i+='<a class="dropdown-item" href="javascript:;" onclick="edit('+e.id+')"><i class="fa-regular fa-pen-to-square"></i> Edit</a>',i+="</div>",i+="</div>",i+="</div>"}}]})}));
   </script>
@endsection