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

<script type="text/javascript">
	$(document).ready(function() {
	    $('#trainingcategorie').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 catégorie formation</h4>
		<ol class="breadcrumb float-right">
	    	<a href="{{url('new_categorie_formation')}}" class="btn btn-primary pull-rignt">Nouveau</a>
		</ol>
	</nav>
</div>
<div class="col-lg-12">
	<table id="trainingcategorie" class="table-responsive stripe" style="width:100%">
	        <thead>
	            <tr>
	                <th>Id</th>
	                <th>Libelle Categorie</th>
	                <th>Photo</th>
	                <th>Modifier</th>
	                <th>Supprimer</th>
	            </tr>
	        </thead>
	        <tbody>
	            @foreach($categorie as $categories)
	            <tr>

	                <td>{{$categories->id}}</td>
	                <td>{{$categories->LibelleCategorie}}</td>
	                <td><img src="{{$categories->PhotoCategorie}}" width="50%"> </td>
	                <td onclick="window.location.href = '{{ url('/modificationTrainingCat/'.($categories->id))}}' "><i class="btn fa fa-edit"></i></td>
	                <td onclick="window.location.href = '{{ url('/supprimerTrainingCat/'.($categories->id))}}' "><i class="btn fa fa-trash"></i></td>
	            </tr> 

	            @endforeach
	        </tbody>
	</table>

</div>
		

@endsection