{% extends "base.html" %}
{% block titre %}{{ "Modifier" if achat else "Nouvel" }} achat{% endblock %}
{% block contenu %}
<h1 class="h3 mb-3">{{ "Modifier l'achat" if achat else "Nouvel achat" }}</h1>

{% if erreur %}<div class="alert alert-danger">{{ erreur }}</div>{% endif %}

{% if not fournisseurs %}
<div class="alert alert-warning">Veuillez d'abord créer un <a href="/comptable/fournisseurs/nouveau">fournisseur</a>.</div>
{% else %}
<form method="post" enctype="multipart/form-data" class="card p-4 bg-white" style="max-width: 640px;">
  <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
  <div class="mb-3">
    <label class="form-label">Fournisseur *</label>
    <select name="fournisseur_id" class="form-select" required>
      {% for f in fournisseurs %}
      <option value="{{ f.id }}" {% if achat and achat.fournisseur_id == f.id %}selected{% endif %}>{{ f.nom }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="row">
    <div class="col mb-3">
      <label class="form-label">Date *</label>
      <input type="date" name="date_achat" class="form-control" required value="{{ achat.date_achat if achat else '' }}">
    </div>
    <div class="col mb-3">
      <label class="form-label">N° facture</label>
      <input type="text" name="numero_facture" class="form-control" value="{{ achat.numero_facture if achat else '' }}">
    </div>
  </div>
  <div class="mb-3">
    <label class="form-label">Désignation du produit *</label>
    <input type="text" name="designation_produit" class="form-control" required value="{{ achat.designation_produit if achat else '' }}">
  </div>
  <div class="row">
    <div class="col-5 mb-3">
      <label class="form-label">Quantité</label>
      <input type="number" step="0.01" id="champQuantite" name="quantite" class="form-control" value="{{ achat.quantite if achat and achat.quantite is not none else '' }}">
    </div>
    <div class="col-3 mb-3">
      <label class="form-label">Unité</label>
      <select name="unite" class="form-select">
        <option value="unité" {% if not achat or (achat.unite or 'unité') == 'unité' %}selected{% endif %}>Unité</option>
        <option value="Kg" {% if achat and achat.unite == 'Kg' %}selected{% endif %}>Kg</option>
      </select>
    </div>
    <div class="col-4 mb-3">
      <label class="form-label">Prix unitaire (MAD)</label>
      <input type="number" step="0.01" id="champPrixUnitaire" name="prix_unitaire" class="form-control" value="{{ achat.prix_unitaire if achat and achat.prix_unitaire is not none else '' }}">
    </div>
  </div>
  <div class="mb-3">
    <label class="form-label">Montant total (MAD) *</label>
    <input type="number" step="0.01" id="champMontantTotal" name="montant_total" class="form-control" required value="{{ achat.montant_total if achat else '' }}">
    <div class="form-text">Calculé automatiquement (quantité × prix unitaire) — modifiable si besoin.</div>
  </div>
  <script>
    (function () {
      var quantite = document.getElementById('champQuantite');
      var prix = document.getElementById('champPrixUnitaire');
      var montant = document.getElementById('champMontantTotal');
      function recalculer() {
        var q = parseFloat(quantite.value);
        var p = parseFloat(prix.value);
        if (!isNaN(q) && !isNaN(p)) {
          montant.value = (q * p).toFixed(2);
        }
      }
      quantite.addEventListener('input', recalculer);
      prix.addEventListener('input', recalculer);
    })();
  </script>
  <div class="mb-3">
    <label class="form-label">Facture (PDF ou image)</label>
    <input type="file" name="facture" class="form-control" accept=".pdf,.jpg,.jpeg,.png,.webp">
    {% if achat and achat.facture_path %}
      <div class="form-text">Facture actuelle : <a href="/fichiers/{{ achat.facture_path }}" target="_blank">voir</a></div>
    {% endif %}
  </div>
  <div class="d-flex gap-2">
    <button type="submit" class="btn btn-success">Enregistrer</button>
    <a href="/comptable#achats" class="btn btn-outline-secondary">Annuler</a>
  </div>
</form>
{% endif %}
{% endblock %}