{% extends "base.html.twig" %}

{% block stylesheets %}
	<link rel="stylesheet" href="/css/reparations.css">
{% endblock %}


{% block body %}
	{% set client = intervention.client %}
	{% set diag = intervention.diag %}

	<datalist id="compo">
		{% for compo in composants %}
			<option value="{{compo}}">{{compo}}</option>
		{% endfor %}
	</datalist>


	<div class="container absolute">
		{% include "utils/error.html.twig" %}


<div class="d-flex justify-content-between">
	<div class="mb-5 p-3 shadow rounded w-25">
		<div>
			<b>Total HT :</b>
			<span id="total_HT">
					{% if devis is defined %}
						{{devis.getTotalHT(tva)}}
					{% else %}
						0
					{% endif %}
				</span>
			€
		</div>
		<div>
			<b>TVA:</b>
			<span id="tva">{{tva}}</span>
			%
		</div>
		<div>
			<b>Total TTC :</b>
			<span id="total_TTC">
					{% if devis is defined %}
						{{devis.getTotalTTC()}}
					{% else %}
						0
					{% endif %}
				</span>

			€
		</div>
	</div>

	{% include 'client/banner.html.twig' with {client : client} %}
</div>
		<form action="" method="POST">

			<div>
				<label for="client">Client :</label><input type="text" name='client' id="input_client" class="form-control" autocomplete="off" required="required" list="client" value="{{client}}" readonly>

				<div class="my-2">
					<b>Type de l'intervention :</b>
					{{intervention.type | replace({'_': ' '}) | capitalize }}
				</div>
				<div class="my-3 d-flex flex-column">
					<label for="infos">Informations :</label>
					{% set textareaValue = "" %}
					{% if devis is defined %}
						{% set textareaValue = devis.infos | trim %}
					{% endif %}
					<textarea class="form-control" name="infos" id="infos" cols="30" rows="7">{{textareaValue}}</textarea>
				</div>
			</div>

			{% if intervention.type == "diagnostique_sur_place" %}
				<div class="m-3 d-flex flex-column">
					<div class="fs-5">Retour Atelier</div>
					<div><input type="radio" name="retour_atelier" value="oui" id="oui" {% if devis is defined and devis.retourAtelier %} checked {% endif %}>
						<label for="oui">Oui</label>
					</div>
					<div><input type="radio" name="retour_atelier" value="non" id="non" {% if devis is defined and not devis.retourAtelier %} checked {% endif %}>
						<label for="non">Non</label>
					</div>

				</div>
			{% endif %}


			<ul class="nav nav-tabs my-3" id="myTab" role="tablist">
				<li class="nav-item" role="presentation">
					<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#product" type="button" role="tab" aria-controls="product" aria-selected="true">Produit</button>
				</li>
				<li class="nav-item" role="presentation">
					<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#service" type="button" role="tab" aria-controls="service" aria-selected="false">Service</button>
				</li>
				<li class="nav-item" role="presentation">
					<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#diag" type="button" role="tab" aria-controls="service" aria-selected="false">Diag</button>
				</li>


			</ul>

			<div class="tab-content" id="myTabContent">
				<div class="tab-pane fade show active" id="product" role="tabpanel" aria-labelledby="product-tab">

					<div class="d-flex"><input type="text" id="searchCompo" class="form-control w-100" value="" autocomplete="off" placeholder="Rechercher un Composant" name='search' list="compo">
						<div class="mx-3">
							<label for="qte">Quantité</label>
							<input type="number" class="form-control" min="0" value="1" name="qte" id="qteCompo">
						</div>

						<button class="btn btn-success" type="button" onclick="addCompoToDevis('{{path('reparation.template')}}')">Ajouter</button>
					</div>


				</div>
				<div class="tab-pane fade" id="service" role="tabpanel" aria-labelledby="service-tab">
					<div class="d-flex justify-content-between align-items-center m-5">
						<div>
							<label for="descr">Description :</label>
							<br>
							<textarea name="descr" id="descr" cols="50" rows="5"></textarea>
						</div>
						<div>
							<label for="qte">Quantité</label>
							<input type="number" class="form-control" min="0" value="1" name="qte" id="qte">
						</div>


						<div>
							<label for="price">Montant TTC :</label>
							<input type="number" class="form-control" min="0" value="0.00" name="price" id="price_TTC" {% if client.getType() == 'Professionnel' %}disabled{% endif %}>

						</div>
						<button class="btn btn-success p-3" type="button" onclick="addLineToDevis('{{path('reparation.template')}}')">Ajouter</button>

					</div>

				</div>

				{% if diag != null %}
					<div class="tab-pane fade show" id="diag" role="tabpanel" aria-labelledby="diag-tab">
						<p>
							<b>Dernière mise à jour :</b>

							{% if diag == null %}
								N/C
							{% else %}
								{{diag.getDateUpdate()}}
							{% endif %}
							<form action=""></form>
						</p>

						{{form_start(form,{action : path('intervention.edit.diag') ~ '?num='~ intervention.id})}}


						<fieldset>
							<legend>Test HDD :</legend>
							{% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getSSD1()} %}
							{% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getSSD2()} %}
							{% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getHDD1()} %}
							{% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getHDD2()} %}

							{% include "/reparations/templates/disqueDiag.html.twig" with {disque : diag.getHDD3()} %}


						</fieldset>
						<div>
							<h6>OCCT :</h6>
							<div class="d-flex justify-content-evenly mx-3">
								<div class="d-flex">

									{% set occt = diag.getOcctCpu() %}


									<div class="me-3">
										<label for="cpu">CPU</label>
										<input type="text" class="form-control" name="cpu" value="{{occt.item}}">

										{{form_row(form.passmark)}}</div>


									<div>
										<label for="min_cpu">Min</label>
										<input type="text" class="form-control" name="min_cpu" value="{{occt.min}}">
										<label for="max_cpu">Max</label>
										<input type="text" class="form-control" name="max_cpu" value="{{occt.max}}">


									</div>


								</div>
								<div class="d-flex ">
									{% if diag is defined %}
										{% set occt = diag.getOcctGpu() %}

									{% endif %}


									<div class="me-3">
										<label for="cpu">GPU</label>
										<input type="text" class="form-control" name="gpu" value="{{occt.item}}">

										{{form_row(form.tdmark)}}

									</div>


									<div>
										<label for="min_gpu">Min</label>
										<input type="text" class="form-control" name="min_gpu" value="{{occt.min}}">

										<label for="max_gpu">Max</label>
										<input type="text" class="form-control" name="max_gpu" value="{{occt.max}}">

									</div>

								</div>

							</div>
							<h6>OCCT Après:</h6>
							<div class="d-flex justify-content-evenly mx-3">
								<div class="d-flex">

									{% set occt = diag.getOcctCpu2() %}


									<div class="me-3">
										<label for="cpu2">CPU</label>
										<input type="text" class="form-control" name="cpu2" value="{{ occt.item }}">

									</div>


									<div>
										<label for="min_cpu">Min</label>
										<input type="text" class="form-control" name="min_cpu2" value="{{ occt.min }}">
										<label for="max_cpu">Max</label>
										<input type="text" class="form-control" name="max_cpu2" value="{{ occt.max }}">


									</div>


								</div>
								<div class="d-flex ">
									{% if diag is defined %}
										{% set occt = diag.getOcctGpu2() %}

									{% endif %}


									<div class="me-3">
										<label for="gpu2">GPU</label>
										<input type="text" class="form-control" name="gpu2" value="{{ occt.item }}">
									</div>


									<div>
										<label for="min_gpu2">Min</label>
										<input type="text" class="form-control" name="min_gpu2" value="{{ occt.min }}">

										<label for="max_gpu2">Max</label>
										<input type="text" class="form-control" name="max_gpu2" value="{{ occt.max }}">

									</div>

								</div>
							</div>
						</div>


						<legend>CheckUp :</legend>
						<fieldset class="pe-3 d-flex justify-content-evenly">

							<div>{{form_row(form.adw)}}
								{{form_row(form.glary)}}</div>

							<div>{{form_row(form.mbm)}}
								{{form_row(form.temp_preftech)}}</div>


						</fieldset>

						{{form_row(form.obs1)}}
						{{form_row(form.obs2)}}

						<div class="d-flex mb-5">
							<a href="{{path('reparations',{submenu : 'all' })}}" class="btn btn-danger m-2 px-4">Annuler</a>

							{{form_row(form.submit)}}
						</div>
						{{form_end(form)}}


					</div>
				{% endif %}


			</tbody>
		</table>

		<table class="w-100 mb-3">
			<thead>
				<tr class="text-center">
					<td></td>
					<td>Description</td>
					<td>Quantité</td>
					<td>HT Unitaire</td>
					<td>TTC Unitaire</td>
					<td>Total TTC</td>
				</tr>
			</thead>
			<tbody id="product_list">
				{% if devis is defined %}
					{% for article in devis.getArticles() %}

						{% if article.isComposant() %}

							{% set compo = compoRepo.findOneByConcat(article.article.__toString()) %}
							{% include "reparations/templates/devisLine.html.twig" with { qte : article.quantite, tva :tva, id : loop.index, compo : compo} %}
							{% set compo = null %}
						{% elseif article.isPc() %}
							{% set pc =  pcRepo.findOneBy({'modele' : article.article.getModele() }) %}


							{% include "reparations/templates/devisLine.html.twig" with { qte : article.quantite,tva :tva, id : loop.index, pc : pc} %}

							{% set pc = null %}

						{% else %}

							{% include "reparations/templates/devisLine.html.twig" with {presta : article.article, tva :tva, id : loop.index} %}

						{% endif %}
					{% endfor %}

				{% endif %}
			</tbody>
		</table>
		<a href="{{path('intervention',{submenu : 'devis'})}}" class="btn btn-danger">Annuler</a>
		<button type="submit" class="btn btn-success m-3">
			{% if devis is defined %}
				Sauvegarder
			{% else %}
				Créer

			{% endif %}
		</button>
	</form>
</div>{% endblock %}{% block javascripts %}
<script src="/js/reparation.js"></script>{% endblock %}