{% extends "base.html" %}
{% block titre %}{{ "Modifier" if frais else "Nouveau" }} frais de personnel{% endblock %}
{% block contenu %}
<h1 class="h3 mb-3">{{ "Modifier le frais de personnel" if frais else "Nouveau frais de personnel" }}</h1>
<form method="post" class="card p-4 bg-white" style="max-width: 560px;">
  <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
  <div class="mb-3">
    <label class="form-label">Employé *</label>
    <input type="text" name="employe" class="form-control" required value="{{ frais.employe if frais else '' }}">
  </div>
  <div class="mb-3">
    <label class="form-label">Période * (ex : Juillet 2026, ou du 01 07 2026 au 15 07 2026)</label>
    <input type="text" name="periode" class="form-control" required value="{{ frais.periode if frais else '' }}">
  </div>
  <div class="mb-3">
    <label class="form-label">Date de la période *</label>
    <input type="date" name="date_debut" class="form-control" required value="{{ frais.date_debut if frais and frais.date_debut else '' }}">
    <div class="form-text">Sert à regrouper ce frais par mois/trimestre/année dans le résumé — indiquez le premier jour de la période.</div>
  </div>
  <div class="mb-3">
    <label class="form-label">Montant (MAD) *</label>
    <input type="number" step="0.01" name="montant" class="form-control" required value="{{ frais.montant if frais else '' }}">
  </div>
  <div class="mb-3">
    <label class="form-label">Description</label>
    <textarea name="description" class="form-control" rows="3">{{ frais.description if frais else '' }}</textarea>
  </div>
  <div class="d-flex gap-2">
    <button type="submit" class="btn btn-success">Enregistrer</button>
    <a href="/comptable#frais-personnel" class="btn btn-outline-secondary">Annuler</a>
  </div>
</form>
{% endblock %}