@extends('root.layouts.master')
@section('content')

<script type="text/javascript">
	$(document).ready(function() {
	    $('#publications').DataTable( {
	    	dom: 'Bfrtip',
	        buttons: [
	            'copy', 'csv', 'excel', 'pdf', 'print'
	        ]
	    } );
	} );
</script>

<div class="col-lg-12">
	<nav class="breadcrumb_widgets" aria-label="breadcrumb mb30">
		<h4 class="title float-left">Liste Articles</h4>
		<ol class="breadcrumb float-right">
	    	<a href="{{url('new_article')}}" class="btn btn-primary pull-rignt">Nouveau</a>
		</ol>
	</nav>
</div>
<div class="col-lg-12">
	 <table id="publications" class="table-responsive stripe" style="width:100%">
	         <thead>
	             <tr>
	                 <th>Titre</th>
	                 <th>Contenu</th>
	                 <th>Photo</th>
	                 <th>Modifier</th>
	                 <th>Supprimer</th>
	             </tr>
	         </thead> 
	         <tbody>
	             @foreach($post as $actualites)
	             <tr>

	                 <td>{{$actualites->title}}</td>
	                 <td>{!! Str::limit($actualites->body, 300, '...') !!}</td>
	                 <td><img src="{{$actualites->picture}}" width="50%"> </td>
	                 <td onclick="window.location.href = '{{ url('/modificationA/'.($actualites->id))}}' "><i class="btn fa fa-edit"></i></td>
	                 <td onclick="window.location.href = '{{ url('supprimerA/'.($actualites->id))}}' "><i class="btn fa fa-trash"></i></td> 
	             </tr>




	             @endforeach
	         </tbody>
	 </table>

</div>
		

@endsection