@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 transactions</h4>
	</nav>
</div>
<div class="col-lg-12">
	                <table id="trainingcategorie" class="table-responsive stripe" style="width:100%">
	                        <thead>
	                          <tr>
	                            <th>Id</th>
	                            <th>Opération</th>
	                            <th>Nom Client</th>
	                            <th>Prenom Client</th>
	                            <th>Date Paiement</th>
	                            <th>Telephone</th>
	                            <th>Mail</th>
	                            <th>Montant payé</th>
	                            <th>Etat paiement</th>
	                          </tr>
	                        </thead>
	                        <tbody>

	                          @foreach($paiement as $paiements)
	                          <tr>
	                            <td>{!! $paiements->transaction_id !!}</td>
	                            <td>{!! $paiements->description !!}</td>
	                            <td>{!! $paiements->customer_name !!}</td>
	                            <td>{!! $paiements->customer_surname !!}</td>
	                            <td>{!! $paiements->DatePaiement !!}</td>
	                            <td>{{ $paiements->customer_phone_number }}</td>
	                            <td>{{ $paiements->customer_email }}</td>
	                            <td>{{ $paiements->amount }}</td>
	                            <td>{{ $paiements->statut }}</td>
	                          </tr>
	                          @endforeach
	                         
	                        </tbody>
	                </table>

</div>
		

@endsection