@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 formations suivies par : {{$formation[0]->name }} {{$formation[0]->prenom }} </h4>
	</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>Détails</th>
	                <th>Attestation</th>
	            </tr>
	        </thead>
	        <tbody>
	            @foreach($formation as $formations)
	            <tr>
	                <td>{{$formations->LibelleFormation}}</td>
	                <td>{!! Str::limit($formations->DescriptionFormation, '80', '...') !!}</td>
	                <td><img src="{{asset($formations->PhotoFormation)}}" width="50%"> </td>
	                <td onclick="window.location.href = '{{ url('/voir_formation/'.($formations->idformation))}}' "><i class="btn fa fa-eye"></i></td>
	                <td> <a href="{{ url('/attestation/'.$formations->idformation.'/'.$formations->iduser)}}" class="btn btn-primary">Attestaion</a> </td>
	            </tr> 

	            @endforeach
	        </tbody>
	</table>

</div>
		

@endsection