{%  extends "WebBackBundle::layout_lte.html.twig" %}

{% block title %} Remboursements {% endblock %}
{% block bodytile %}La liste des Remboursements  {% endblock %}
{% block body %}

	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>

	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
	<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/datetime/1.1.2/js/dataTables.dateTime.min.js"></script>

	<!-- DataTables -->
	<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.datatables.net/datetime/1.1.2/css/dataTables.dateTime.min.css">
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">


	<div class="container-fluid">

	  <!-- Breadcrumbs-->
	

	
	  <!-- DataTables Example -->
	  <div class="card mb-3">



	   <br>
	    <div class="card-body">
	      <div class="table-responsive">
			  <table id="tablcommande" class="table table-striped table-bordered dt-responsive" cellspacing="0" width="100%">
			  
	          <thead>
	            <tr>
	              <th>Ref</th>
				  <th>Reservation</th>
				  <th>Date remboursement</th>
				  <th>Méthode de paiement</th>
				  <th>Montant</th>
                  <th>Facture</th>
				  <th>Commentaire</th>
				  
				</tr>
	          </thead>
	          
	          <tbody>


	          	{% for remboursement in remboursements %}
	          		<tr>
	          			<td>{{ remboursement.ref }}</td>
						<td>{{ remboursement.getReservation() }}</td>
						<td>{{ remboursement.dateRemboursemen|date('Y-m-d H:i:s') }}</td>
						<td>{{ remboursement.methodPayment }}</td>
						<td>{{ remboursement.montant }}</td>
						<td>F{{ remboursement.getFacture() }}</td>
						<td>{{ remboursement.commentaire }}</td>
	          		</tr>
                {% endfor %}

	          </tbody>
	        </table>
					
			  <script>


				  $(document).ready(function() {
					 
					 var table = $('#tablcommande').DataTable( {
						  "order": [[ 0, "desc" ]],
						  responsive: true,
						  "iDisplayLength": 20,
						  "language": {
							  "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json",

						  },
						  dom: 'Bfrtip',
						  buttons: [

							  'copy', 'csv', 'excel', 'pdf', 'print'

						  ],

					  } );


					  minDate = new DateTime($('#min'), {
					        format: 'MMMM Do YYYY'
					    });
					    maxDate = new DateTime($('#max'), {
					        format: 'MMMM Do YYYY'
					    });
					 
					    // DataTables initialisation
					    // var table = $('#example').DataTable();
					 
					    // Refilter the table
					    $('#min, #max').on('change', function () {
					        table.draw();
					    });

				  } );
			  </script>
	      </div>
	    </div>
	  </div>

	 
	</div>

{% endblock %}



   {% block scripts %}


   {% endblock %}