{% extends "base.html" %}
{% block titre %}{{ "Modifier" if vendeur else "Nouveau" }} vendeur{% endblock %}
{% block contenu %}
<h1 class="h3 mb-3">{{ "Modifier le vendeur" if vendeur else "Nouveau vendeur" }}</h1>
<p class="text-muted small">Ces informations et ce logo apparaissent sur les factures/devis/avoirs émis au nom de ce vendeur.</p>

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

<form method="post" enctype="multipart/form-data" class="card p-4 bg-white" style="max-width: 700px;">
  <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
  <div class="row">
    <div class="col-md-8">
      <div class="mb-2">
        <label class="form-label small mb-1">Nom de la société *</label>
        <input type="text" name="nom_societe" class="form-control form-control-sm" required value="{{ vendeur.nom_societe if vendeur else '' }}">
      </div>
      <div class="row">
        <div class="col mb-2">
          <label class="form-label small mb-1">Adresse (ligne 1)</label>
          <input type="text" name="adresse_ligne1" class="form-control form-control-sm" value="{{ vendeur.adresse_ligne1 if vendeur else '' }}">
        </div>
        <div class="col mb-2">
          <label class="form-label small mb-1">Adresse (ligne 2)</label>
          <input type="text" name="adresse_ligne2" class="form-control form-control-sm" value="{{ vendeur.adresse_ligne2 if vendeur else '' }}">
        </div>
      </div>
      <div class="row">
        <div class="col mb-2">
          <label class="form-label small mb-1">Téléphone</label>
          <input type="text" name="telephone" class="form-control form-control-sm" value="{{ vendeur.telephone if vendeur else '' }}">
        </div>
        <div class="col mb-2">
          <label class="form-label small mb-1">Email</label>
          <input type="email" name="email" class="form-control form-control-sm" value="{{ vendeur.email if vendeur else '' }}">
        </div>
      </div>
      <div class="row">
        <div class="col mb-2">
          <label class="form-label small mb-1">R.C</label>
          <input type="text" name="rc" class="form-control form-control-sm" value="{{ vendeur.rc if vendeur else '' }}">
        </div>
        <div class="col mb-2">
          <label class="form-label small mb-1">ICE</label>
          <input type="text" name="ice" class="form-control form-control-sm" value="{{ vendeur.ice if vendeur else '' }}">
        </div>
      </div>
    </div>
    <div class="col-md-4 text-center">
      <label class="form-label small mb-1 d-block">Logo</label>
      {% if vendeur and vendeur.logo_path %}
      <img src="/fichiers/{{ vendeur.logo_path }}" class="img-fluid mb-2 border rounded" style="max-height:100px;" alt="Logo vendeur">
      {% else %}
      <div class="d-flex align-items-center justify-content-center bg-light rounded border mb-2" style="height:100px;">
        <span class="text-muted small">Aucun logo</span>
      </div>
      {% endif %}
      <input type="file" name="logo" class="form-control form-control-sm" accept=".jpg,.jpeg,.png,.webp">
    </div>
  </div>
  <hr>
  <p class="text-muted small mb-2">Coordonnées bancaires (affichées en pied de facture) :</p>
  <div class="row">
    <div class="col-md-4 mb-2">
      <label class="form-label small mb-1">Banque</label>
      <input type="text" name="banque_nom" class="form-control form-control-sm" value="{{ vendeur.banque_nom if vendeur else '' }}">
    </div>
    <div class="col-md-5 mb-2">
      <label class="form-label small mb-1">IBAN</label>
      <input type="text" name="banque_iban" class="form-control form-control-sm" value="{{ vendeur.banque_iban if vendeur else '' }}">
    </div>
    <div class="col-md-3 mb-2">
      <label class="form-label small mb-1">Swift / BIC</label>
      <input type="text" name="banque_swift" class="form-control form-control-sm" value="{{ vendeur.banque_swift if vendeur else '' }}">
    </div>
  </div>
  <div class="d-flex gap-2 mt-2">
    <button type="submit" class="btn btn-success btn-sm">Enregistrer</button>
    <a href="/commercial#vendeurs" class="btn btn-outline-secondary btn-sm">Annuler</a>
  </div>
</form>
{% endblock %}