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

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


{% block body %}
	{% if devis is defined %}
		{% set rep = devis.getReparation() %}

	{% endif %}
	{% set diag = rep.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="w-100">
				<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>

			</div>
			<div class="rounded shadow-sm p-3">
					{% include 'client/banner.html.twig' with {client : rep.client} %}
			</div>
		</div>


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

		</div>
		<div class="w-50 my-3">
						<label for="remise">Remise (%) :</label>
						<input type="number" name="remise" value="0" id="remise" class="form-control">
					</div>


		<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="diag" aria-selected="false">Diagnostic</button>
			</li>

		</ul>

		<div class="tab-content" id="myTabContent">
			<div class="tab-pane fade show active" id="product" role="tabpanel" aria-labelledby="product-tab">
				<button type="button" class="btn btn-success my-3" data-bs-toggle="modal" data-bs-target="#createComposantModal">Ajouter un produit</button>

				<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')}}')" id="add_item_to_cmd_button">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" class="form-control" id="descr" cols="50" rows="5"></textarea>
					</div>
					<div class="mx-3">
						<label for="qte">Quantité</label>
						<input type="number" class="form-control" min="0" value="1" name="qte" id="qte">
					</div>


					<div>
						{% if rep.client.getType() == 'Professionnel' %}

							{% set readonly = 'readonly' %}
						{% endif %}
						<label for="price">Montant TTC :</label>
						<input type="number" class="form-control" min="0.00" value="0.00" step="0.01" name="price" id="price_TTC" {{ readonly | default('') }}>

					</div>
					<button class="btn btn-success p-3 ms-3" type="button" onclick="addLineToDevis('{{path('reparation.template')}}')" id="add_service_to_cmd_button">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 %}</p>

				{{form_start(form,{'action': path('reparation.edit',{submenu : 'diag'}) ~ '?num=' ~ rep.numero})}}


				<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>


				<hr>

				{% set ram = diag.ram %}


				<legend>RAM :</legend>
				<fieldset>
					<div><label for="ram[type]">Type :</label>
						<select name="ram[type]" id="ramType" class="form-select">
							<option value="ddr1" {% if ram != null and  ram.type == 'ddr1' %}
								selected
							{% endif %} >DDR1
							</option>
							<option value="ddr2" {% if ram != null and ram.type == 'ddr2' %}
							selected
									{% endif %}>DDR2
							</option>
							<option value="ddr3" {% if ram != null and ram.type == 'ddr3' %}
							selected
									{% endif %}>DDR3
							</option>
							<option value="ddr4" {% if ram != null and (ram.type == 'ddr4' or ram.type == null) %}
							selected
									{% endif %}>DDR4
							</option>
							<option value="ddr5" {% if ram != null and ram.type == 'ddr5' %}
							selected
									{% endif %}>DDR5
							</option>

						</select></div>

					<div>
						<label for="ram[nb]">Nombre de barettes :</label>
						<input type="number" class="form-control" name="ram[nb]" id="ramNb" {% if ram != null %}
							value="{{ ram.nb }}"
								{% endif %}>

					</div>
					<div>
						<label for="ram[freq]">Frequence :</label>
						<input type="number" class="form-control" name="ram[freq]" id="ramFreq" {% if ram != null %}
							value="{{ ram.freq }}"
								{% endif %}>

					</div>

					<div>
						<label for="ram[capacity]">Capacité :</label>
						<input type="number" class="form-control" name="ram[capacity]" id="ramCapacity" {% if ram != null %}
							value="{{ ram.capacity }}"
								{% endif %}>

					</div>



				</fieldset>


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

		</div>


		<form action="" method="POST" onsubmit="return checkEmptyDevis();">


			<table class="w-100">
				<thead>
					<tr>
						<td></td>
						<td>Description</td>
						<td>Code EAN</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,article :article, ean : article.article.ISBN} %}
								{% 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 %}
					{% if devis is defined %}
						{% for presta in devis.getPrestation() %}

							{% if presta.isComposant() %}
								{% set compo = compoRepo.findOneByConcat(presta.description) %}
								{% include "reparations/templates/devisLine.html.twig" with {presta : presta, tva :tva, id : loop.index, compo : compo} %}
								{% set compo = null %}
							{% else %}
								{% include "reparations/templates/devisLine.html.twig" with {presta : presta, tva :tva, id : loop.index} %}

							{% endif %}


						{% endfor %}

						{% if devis.getPrestation() is empty and devis.getArticles() is empty %}
							<tr>
								<td colspan="6">Aucun article / service n'a été ajouté </td>

							</tr>
						{% endif %}

					{% endif %}
				</tbody>
			</table>


			<a href="{{path('reparations',{submenu : 'devis_waiting'})}}" class="btn btn-danger">Annuler</a>
			<button type="submit" id="submitButton" class="btn btn-success m-3">
				Sauvegarder
			</button>
		</form>

	</div>

	{# Modal Creation Composant #}
	<div class="modal fade" id="createComposantModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">Creer un composant</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
					{{form_start(createComposant)}}


					{{form_row(createComposant.categorie)}}
					{{form_row(createComposant.marque)}}
					{{form_row(createComposant.model)}}
					{{form_row(createComposant.specs)}}
					{{form_row(createComposant.isbn)}}
					{{form_row(createComposant.prix)}}
					{{form_row(createComposant.id_shopify)}}
					{{form_row(createComposant.quantite)}}


				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Annuler</button>
					{{form_row(createComposant.submit)}}
					{{form_end(createComposant)}}

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

{% endblock %}
{% block javascripts %}
	<script src="{{ asset('js/reparation.js') }}"></script>
{% endblock %}