{% for item in interventions %}
	<tr class="border">
		<td data-label="Date">{{item.getFormattedDate()}}</td>
		<td data-label="Client">{{item.client}}</td>
		<td data-label="Numéro de l'intervention">
			<b>{{item.type  | replace({'_':' '}) | capitalize}}</b>
			<br>
			{{item.numero}}
		</td>
		<td data-label="Description">

			{{item.description }}</td>
		<td data-label="Heure">{{item.heure}}
			H</td>
		<td data-label="Montant">
			{% if item.montant is null %}
				N/C
			{% else %}
				{{item.montant}}

				€
			{% endif %}
		</td>
		{% if item.hasReparation() %}
			<td class="border-start border-end" data-label="Statut">

				<div class="d-flex justify-content-center">
					<div class="mx-2">
						<h5>Intervention</h5>
						<div class='bg-{{item.status.color}}  rounded p-2'>
							{{item.status}}
							{% if item.status.id == 13 %}
								:</br>
							{{item.pause}}


						{% endif %}

					</div>


				</div>
				<div class="border-start px-2">
					<h5>Réparation</h5>
					<div class='bg-{{item.reparation.status.color}} rounded p-2'>{{item.reparation.status}}</div>
				</div>

			</td>
		{% else %}
			<td class='bg-{{item.status.color}} border-start border-end' data-label="Statut">{{item.status}}</td>
		{% endif %}
		<td>
			<div class="d-flex justify-content-around  align-items-center">

				<a data-bs-toggle="modal" data-bs-target="#infosModal" class="cmd-icon col ms-3" data-id="{{item.id}}" data-toggle="tooltip" data-placement="top" title="Informations de la commande">


					<img src="{{ asset('img/info.svg') }}" alt="info" width="40"/>
				</a>

				<a data-bs-toggle="modal" data-bs-target="#printModal" data-id="{{item.id}}" class="cmd-icon col ms-3" data-toggle="tooltip" data-placement="top" title="Impression">

					<img src="{{ asset('img/printer.svg') }}" alt="BL" width="40"/>
				</a>

				<a data-bs-toggle="modal" data-bs-target="#editModal" data-id="{{item.id}}" class="cmd-icon"><img src="/img/edit.svg" alt="edit" width="40"></a>

			</div>
			<hr>
			<div class="d-flex justify-content-around  align-items-center">

				{% if item.status.id not in [14,4] %}
					{% if item.status.id != 4 %}
						<a href="{{ path( 'intervention.set' ,{status : '4',id : item.id}) }}" class="btn btn-danger cmd-icon p-1"><img src="/img/cancel.svg" alt="non" width="30"></a>

					{% endif %}
					{% if item.status.id == 12 %}
						<a href="{{ path( 'intervention.retour_atelier' ,{id : item.id}) }}" class=" cmd-icon p-1"><img src="/img/tools.svg" alt="tools" width="30"></a>


					{% endif %}
					{% if item.pause | length > 0 %}


						<a href="">
							<form action="{{path('intervention.set',{id : item.id,status :13})}}" method="get">

								<input type="hidden" name="num" value="{{item.id}}">
								<button class=" cmd-icon btn btn-white bg-orange rounded"><img src="/img/play.svg" alt="reprise" width="40"></button>


							</form>
						</a>

					{% else %}
						<a data-bs-toggle="modal" data-bs-target="#waitingModal" class="cmd-icon bg-orange rounded" data-id="{{item.id}}" data-toggle="tooltip" data-placement="top" title="Mettre en attente">


							<img src="/img/pause.svg" alt="en attente" width="40">
						</a>

					{% endif %}
					{% if not item.hasReparation() %}
						<a href="{{path('intervention.new.devis',{id: item.id})}}" class="cmd-icon"><img src="/img/file-earmark.svg" alt="devis" width="40"></a>

					{% endif %}
					{% if item.status.id == 23 %}
						<a href="{{ path( 'intervention.set' ,{status : '14',id : item.id}) }}" class="btn btn-success cmd-icon p-1"><img src="/img/check.svg" alt="oui" width="30"></a>
						<a data-bs-toggle="modal" data-bs-target="#scheduleInterModal" data-id="{{ item.id }}"><i class="far fa-calendar-alt fs-1 text-dark cmd-icon"></i></a>
					{% elseif item.status.id != 12 %}
						<a href="{{ path( 'intervention.set' ,{status : '23',id : item.id}) }}" class="btn bg-pink cmd-icon p-1"><img src="/img/euro.svg" alt="oui" width="30"></a>


					{% endif %}
				{% endif %}

			</div>
		</td>
	</tr>
{% endfor %}