@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 des cours de la formation <strong>{{$formation->LibelleFormation}}</strong></h4>
		<ol class="breadcrumb float-right">
	    	<a href="{{url('new_cours/'.$formation->id)}}" 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>Intitulé</th>
	                <th>Description</th>
	                <th>Photo</th>
	                <th>Details</th>
	                <th>Modifier</th>
	                <th>Supprimer</th>
	            </tr>
	        </thead>
	        <tbody>
	            @foreach($cours as $cour)
	            <tr>
	                <td>{{$cour->LibelleCours}}</td>
	                <td>{!! Str::limit($cour->DescriptionCours, '80', '...') !!}</td>
	                <td><img src="{{asset($cour->PhotoCours)}}" width="50%"> </td>
	                <td onclick="window.location.href = '{{ url('/voir_cours/'.($cour->idcours))}}' "><i class="btn fa fa-eye"></i></td>
	                <td onclick="window.location.href = '{{ url('/modification_cours/'.($cour->idcours))}}' "><i class="btn fa fa-edit"></i></td>
	                <td onclick="window.location.href = '{{ url('/supprimer_cours/'.($cour->idcours))}}' "><i class="btn fa fa-trash"></i></td>
	            </tr> 

	            @endforeach
	        </tbody>
	</table>

</div>
		

@endsection