@extends ('admin.master')

@section('styles')
    <!-- CSS Files -->

    
     
@stop

@section('content-main')
	<div class="container-fluid">
      <!-- Breadcrumbs-->
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="#">Dashboard</a>
        </li>
        <li class="breadcrumb-item active">Tables</li>
      </ol>
		<!-- Example DataTables Card-->
      <div class="card mb-3">
        <div class="card-header">
          <i class="fa fa-table"></i> Data Table Example</div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-bordered"  id="mytable" width="100%" cellspacing="0">
              <thead>
                <tr>
                  <th>No</th>
                  <th>Nom</th>
                  <th>Prenom</th>
                  <th>email</th>
                  <th>Telephone</th>
                  <th>Ville</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tfoot>
                <tr>
                  <th>No</th>
                  <th>Nom</th>
                  <th>Prenom</th>
                  <th>email</th>
                  <th>Telephone</th>
                  <th>Ville</th>
                  <th>Action</th>
                </tr>
              </tfoot>
              <tbody>
              </tbody>
               
            </table>
            {{ csrf_field() }}
          </div>
        </div>
        <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
      </div>
	  <!-- /tables-->
	  </div>

@stop

@section('scripts')
<script src="{{URL::asset('admin/js/admin-datatables.js')}}"></script>

<script>
  $(function(){ 
      load_data();

      function load_data(){
          $('#mytable').DataTable({
              processing:true,
              serverSide:true,
              pageLength: 5,
              ajax: {
                  url:"{{ route('admin.candidature')}}",
                  
              },
              columns:[
                  {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                  {data: 'nom', name:'nom'},
                  {data: 'prenom', name:'prenom'},
                  {data: 'email', name: 'email'},
                  {data: 'telephone', name: 'telephone'},
                  {data: 'ville', name: 'ville'},
                  {data: 'action', name:'action', orderable:false, searchable: false}
              ]
          });
      }
  });
</script>
    
@stop