{# templates/app/achats/edit.html.twig #}
{% extends 'app/base.html.twig' %}

{% block title %}Modifier achat — GestRestoSco
{% endblock %}

{% block body %}

	<div class="d-flex align-items-center justify-content-between mb-4">
		<h1 class="h4 fw-bold mb-0 page-title">
			<i class="fas fa-pencil-alt me-2"></i>Modifier l'achat
		</h1>
		<a href="{{ path('tenant_achats_index', { annee: achat.date_achat|date('Y'), mois: achat.date_achat|date('n')}) }}" class="btn btn-outline-secondary">
			<i class="fas fa-arrow-left me-1"></i>Retour
		</a>
	</div>

	<div class="row justify-content-center">
		<div class="col-lg-8">
			<div class="card border-0 shadow-sm rounded-3">
				<div class="card-body p-4">

					<form method="post" action="{{ path('tenant_achats_edit', {id: achat.id}) }}" novalidate>

						<input type="hidden" name="_token" value="{{ csrf_token('achat_form') }}">

						<div class="row g-3">

							<div class="col-sm-6">
								<label for="date_achat" class="form-label fw-semibold">
									Date
									<span class="text-danger">*</span>
								</label>
								<input type="date" id="date_achat" name="date_achat" class="form-control" value="{{ achat.date_achat|date('Y-m-d') }}" required>
							</div>

							<div class="col-sm-6">
								<label for="fournisseur" class="form-label fw-semibold">
									Fournisseur
									<span class="text-danger">*</span>
								</label>
								<input type="text" id="fournisseur" name="fournisseur" class="form-control" list="listeFournisseurs" value="{{ achat.fournisseur }}" autocomplete="off" required>
								<datalist id="listeFournisseurs">
									{% for f in fournisseurs %}
										<option value="{{ f.nom }}">
										{% endfor %}
									</datalist>
								</div>

								<div class="col-12">
									<label for="description" class="form-label fw-semibold">
										Description / Produit
										<span class="text-danger">*</span>
									</label>
									<input type="text" id="description" name="description" class="form-control" value="{{ achat.description }}" required>
								</div>

								<div class="col-sm-3">
									<label for="quantite" class="form-label fw-semibold">
										Quantité
										<span class="text-danger">*</span>
									</label>
									<input type="number" id="quantite" name="quantite" class="form-control" step="0.001" min="0" value="{{ achat.quantite }}" required oninput="calcAchatTotal()">
								</div>

								<div class="col-sm-3">
									<label for="unite" class="form-label fw-semibold">Unité</label>
									<select id="unite" name="unite" class="form-select">
										<option value="">—</option>
										{% for u in unites %}
											<option value="{{ u }}" {{ achat.unite == u ? 'selected' }}>
												{{ u }}
											</option>
										{% endfor %}
									</select>
								</div>

								<div class="col-sm-3">
								<label for="prix_unitaire" class="form-label fw-semibold" id="labelPrixUnitaire">
									Prix unitaire <span id="badgePrixType" class="badge bg-secondary ms-1 fw-normal" style="font-size:.7rem">TTC</span>
									<span class="text-danger">*</span>
								</label>
								<div class="input-group">
									<input type="number" id="prix_unitaire" name="prix_unitaire" class="form-control" step="0.001" min="0" value="{{ achat.prix_unitaire }}" required oninput="calcAchatTotal()">
									<span class="input-group-text">€</span>
								</div>
								<div class="d-flex gap-3 mt-1">
									<div class="form-check form-check-inline mb-0">
										<input class="form-check-input" type="radio" name="type_prix" id="type_prix_ttc" value="ttc" checked onchange="calcAchatTotal()">
										<label class="form-check-label small" for="type_prix_ttc">TTC</label>
									</div>
									<div class="form-check form-check-inline mb-0">
										<input class="form-check-input" type="radio" name="type_prix" id="type_prix_ht" value="ht" onchange="calcAchatTotal()">
										<label class="form-check-label small" for="type_prix_ht">HT</label>
									</div>
								</div>

								<div class="col-sm-3">
									<label for="taux_tva" class="form-label fw-semibold">TVA</label>
									<select id="taux_tva" name="taux_tva" class="form-select" onchange="calcAchatTotal()">
										{% for t in tauxTva %}
											<option value="{{ t }}" {{ achat.taux_tva == t ? 'selected' }}>
												{{ t|number_format(1, ',') }}%
											</option>
										{% endfor %}
									</select>
								</div>

								<div class="col-sm-6">
									<label class="form-label fw-semibold text-muted">Total TTC</label>
									<div class="form-control bg-light fw-bold" id="displayTTC">
										{{ achat.montant_total|number_format(2, ',', ' ') }}
										€
									</div>
								</div>

								<div class="col-sm-6">
									<label class="form-label fw-semibold text-muted">Total HT</label>
									<div class="form-control bg-light text-muted" id="displayHT">
										{{ achat.montant_ht ? achat.montant_ht|number_format(2, ',', ' ') ~ ' €' : '—' }}
									</div>
								</div>

							</div>

							<div class="d-flex justify-content-end gap-2 mt-4 pt-3 border-top">
								<a href="{{ path('tenant_achats_index', { annee: achat.date_achat|date('Y'), mois: achat.date_achat|date('n')}) }}" class="btn btn-outline-secondary">
									Annuler
								</a>
								<button type="submit" class="btn btn-app-primary">
									<i class="fas fa-save me-1"></i>Enregistrer les modifications
								</button>
							</div>

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

	{% endblock %}

	{% block javascripts %}
		{{ parent() }}
		<script>
			function calcAchatTotal() {
				const qte = parseFloat(document.getElementById('quantite').value.replace(',', '.')) || 0;
				const pu = parseFloat(document.getElementById('prix_unitaire').value.replace(',', '.')) || 0;
				const tva = parseFloat(document.getElementById('taux_tva').value) || 0;
				const typePrix = document.querySelector('input[name="type_prix"]:checked')?.value ?? 'ttc';
				const estHT = typePrix === 'ht';
				const ttc = estHT ? qte * pu * (1 + tva / 100) : qte * pu;
				const ht  = estHT ? qte * pu : (tva > 0 ? qte * pu / (1 + tva / 100) : qte * pu);
				const fmt = v => v.toFixed(2).replace('.', ',') + ' €';
				document.getElementById('displayTTC').textContent = fmt(ttc);
				document.getElementById('displayHT').textContent = fmt(ht);
				const badge = document.getElementById('badgePrixType');
				if (badge) badge.textContent = estHT ? 'HT' : 'TTC';
			}
		</script>
	{% endblock %}