@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">Actualités</li>
      </ol>
		<!-- Example DataTables Card-->
      <div class="card mb-3">
        <div class="card-header">
          <i class="fa fa-table"></i> Liste des actualités publié sur le site</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%">Titre</th>
                  <th style="width: 40%">Resumé</th>
                  <th style="width: 20%">Catégorie</th>                           
                  <th style="width: 15%">Action</th>
                </tr>
              </thead>
              <tfoot>
                <tr>
                  <th>No</th>
                  <th>Titre</th>
                  <th>Resumé</th>
                  <th>Catégorie</th>                                                            
                  <th>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.post.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.post.index')}}",                  
              },
              columns:[
                  {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                  {data: 'titre', name:'titre'},
                  {data: 'resume', name:'resume'},    
                  {data: 'categoriepost_id', name:'categorie'},                  
                  {data: 'action', name:'action', orderable:false, searchable: false}
              ]
          });
      }
  });
</script>
    
@stop