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

{% block title %} Avoirs {% endblock %}
{% block bodytile %}La liste des Avoirs  {% 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>Date Avoir</th>
                  <th>Remboursement</th>
				</tr>
	          </thead>
	          <tfoot>
	            <tr>
	              <th>Ref</th>
				  
				  <th>Date Avoir</th>
                  <th>Remboursement</th>
				</tr>
	          </tfoot>
	          <tbody>


	          	{% for avoir in avoirs %}
	          		<tr>
	          			<td>{{ avoir.getRef() }}</td>
	          			{% set dateAv = avoir.dateAvoir.date|split('.') %}
						{% set dateAvoir = dateAv[0]|split(' ') %}
	          			<td>{{ dateAvoir[0] }}</td>
	          			{% set remboursement = avoir.remboursement %}
	          			{% if remboursement == "" %}
	          				<td>
	          				<form action="{{ path('creeRemboursement') }}" method="post" style="display: inline;">
	          					<input type="hidden" name="bookID" value="{{ avoir.reservation.id }}" >
		          				<input type="hidden" name="orderID" value="{{ avoir.facture.order.id }}" >
	                            <input type="hidden" name="typeFacture" value="{{ avoir.facture.ref }}" >
	                            <input type="hidden" name="idAvoir" value="{{ avoir.id }}" >
	                            <input type="hidden" name="idFacture" value="{{ avoir.facture.id }}" >
		          				<button type="submit" class="btn btn-danger">Non rembourse</button>
	          				</form>
	          				 </td>

	          			{% else %}
	          				<td> 
	          				<form action="{{ path('creeRemboursement') }}" method="post" style="display: inline;">

		          				<input type="hidden" name="bookID" value="{{ avoir.reservation.id }}" >
	                            <input type="hidden" name="typeFacture" value="{{ avoir.facture.ref }}" >
	                            <input type="hidden" name="idAvoir" value="{{ avoir.id }}" >
	                            <input type="hidden" name="idFacture" value="{{ avoir.facture.id }}" >
		          				<button type="submit" class="btn btn-success"> {{ avoir.remboursement }}</button>
	          				</form>



	          				</td>
	          			{% endif %}

	          			
	          		</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 %}