@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="col-sm-12">

        @if(session()->get('success'))
          <div class="alert alert-success alert-dismissible">
            {{ session()->get('success') }}  
          </div>
        @endif
      </div>
      <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 style="width: 5%">No</th>
                  <th style="width: 20%">Intitule</th>
                  <th style="width: 40%">Niveau</th>
                  <th style="width: 20%">Filière</th>                           
                  <th style="width: 15%">Action</th>
                </tr>
              </thead>
              <tfoot>
                <tr>
                  <th style="width: 5%">No</th>
                  <th style="width: 20%">Intitule</th>
                  <th style="width: 40%">Niveau</th>
                  <th style="width: 20%">Filière</th>                           
                  <th style="width: 15%">Action</th>
                </tr>
              </tfoot>
              <tbody>
              </tbody>
               
            </table>
            {{ csrf_field() }}
          </div>
        </div>
        <div class="card-footer small text-muted">
          <a type="button" class="btn btn-primary" href="{{ route('admin.formations.create')}}" >
            Ajouter
          </a>
        </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.formations.index')}}",                  
              },
              columns:[
                  {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                  {data: 'intitule', name:'intitule'},
                  {data: 'niveau', name:'niveau'},    
                  {data: 'filiere_id', name:'filière'},                  
                  {data: 'action', name:'action', orderable:false, searchable: false}
              ]
          });
      }
  });
</script>
    
@stop