{% extends "base.html.twig" %}
{% block title %}Recherche intervention
{% endblock %}
{% block body %}
	{% form_theme formSearchIntervention 'bootstrap_4_layout.html.twig' %}

	<div class="container">
		<h1>
			{{form_start(formSearchIntervention)}}
			{{form_widget(formSearchIntervention)}}
			 <button type="submit" class="btn create"><i class="bi bi-search"> Rechercher</i></button>
			{{form_end(formSearchIntervention)}}
		</h1>
	</div>


	<div class="container">
		<h2>Résultats</h2>
		<table class="table table-bordered table-striped" >
			<thead>
				<tr>
					<th>Date intervention</th>
					<th>Identifiant du velo</th>
					<th>Provenance</th>
					<th>Réparation</th>
					
				</tr>
			</thead>
			<tbody>
				{% if results !=null %}
					{% for result in results %}
						<tr>
							<td>{{result.dateReception|date('d-m-Y H:i')}}</td>
							<td>{{result.velo.identifiant}}
							<a class="btn show" href="{{path('velo_show',{'id':result.velo.id})}}"><i class="bi bi-info-square"></i></a>
							</td>
							<td>
							{% if result.velo.particulier !=null %}
								{{result.velo.particulier.nom}}
							
							{% endif %}
							</td>
                            <td>
							{% if result.reparation !=null %}
								<div>Prise en charge le {{result.reparation.datePriseEnCharge|date('d-m-Y H:i')}}</div>
								<div>Validé le {{result.reparation.dateFinReparation|date('d-m-Y H:i')}}</div>
								<a class="btn show" href = "{{path('reparation_show',{'id':result.reparation.id})}}"><i class="bi bi-info-square"></i></a>
							{% else %}
								<div> Pas de réparation connu pour ce vélo</div>
							{% endif %}
						
							</td>
                           
							
							
							
						</tr>
					{% endfor %}

				{% else %}
					<tr>
						<td colspan="5"><i class="bi bi-emoji-frown"> Pas d'intervention enregistrée à cette date</i></td>
					</tr>
                   

				{% endif %}
				
			</tbody>
		</table>
		 <a class="btn create" href="{{path('intervention_index')}}"><i class="bi bi-chevron-left"> Retour à la liste des interventions</i></a>
			{% set totalpage = (total / limit )|round(0, 'ceil') %}
{% if totalpage != 0 %}
  <div class="container">
    <ul class="pagination justify-content-center">
   <li class=" page-item {{(page == 1) ?'disabled visually-hidden' : ''}}">
 <a class="page-link " href="?page=1 " aria-label="Previous">
        <span aria-hidden="true"><i class="bi bi-skip-backward"></i></span>
      </a>
      </li>
    <li class="page-item {{(page == 1) ?'disabled visually-hidden' : ''}}">
    
      <a class="page-link" href="{{(page > 1) ? '?page=' ~ (page - 1)  : ''}}" aria-label="Previous">
        <span aria-hidden="true"><i class="bi bi-chevron-left"></i></span>
      </a>
    </li>
    {% for element in 1..totalpage %}
         <li class="page-item {{(page == element) ? 'active ':''}}" aria-current ="page">
         <a class="page-link" href="?page={{element}}">{{element}}</a></li>
    {% endfor %}
   
   <li class="page-item {{(page == totalpage) ?'disabled visually-hidden' : ''}}">
      <a class="page-link" href="{{(page < totalpage ) ? '?page=' ~ (page + 1) : ''}}" aria-label="Next">
        <span aria-hidden="true"><i class="bi bi-chevron-right"></i></span>
      </a>
    </li>
     <li class="page-item {{(page == totalpage) ?'disabled visually-hidden' : ''}}">
      <a class="page-link" href="?page={{totalpage }}" aria-label="Next">
        <span aria-hidden="true"><i class="bi bi-skip-forward"></i></span>
      </a>
    </li>
  </ul>
  </div>
  {% endif %}
	</div>
{% endblock %}