{% extends "base.html" %}
{% block title %}Paramètres — {{ copropriete.nom }}{% endblock %}
{% block content %}
<h1>Paramètres — {{ copropriete.nom }}</h1>

<div class="grid-2">
  <div class="card">
    <h2 style="margin-top:0">Types de tantièmes</h2>
    <p class="historique">Chaque lot peut avoir une valeur texte par type (ex. charges communes, ascenseur…).</p>
    <ul>
      {% for mt in millieme_types %}
      <li style="display:flex; justify-content:space-between; align-items:center; margin-bottom:0.5rem">
        <span>{{ mt.libelle }}</span>
        <form method="post" action="{{ url_for('types.supprimer_millieme', type_id=mt.public_id) }}" onsubmit="return confirm('Supprimer ce type ? Les valeurs associées seront perdues.');">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button type="submit" class="btn btn-secondary btn-sm">Supprimer</button>
        </form>
      </li>
      {% else %}
      <li class="historique">Aucun type défini.</li>
      {% endfor %}
    </ul>
    <form method="post" action="{{ url_for('types.ajouter_millieme') }}" class="inline-form" style="margin-top:1rem; border-top:1px solid var(--border); padding-top:1rem">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="form-group">
        <label>Nouveau type</label>
        <input type="text" name="libelle" placeholder="Ex. Charges communes" required>
      </div>
      <button type="submit" class="btn btn-primary btn-sm">Ajouter</button>
    </form>
  </div>

  <div class="card">
    <h2 style="margin-top:0">Types de relevé</h2>
    <p class="historique">Eau froide, eau chaude, chauffage, etc. — avec unité optionnelle.</p>
    <ul>
      {% for rt in releve_types %}
      <li style="display:flex; justify-content:space-between; align-items:center; margin-bottom:0.5rem">
        <span>{{ rt.libelle }}{% if rt.unite %} <span class="badge badge-muted">{{ rt.unite }}</span>{% endif %}</span>
        <form method="post" action="{{ url_for('types.supprimer_releve_type', type_id=rt.public_id) }}" onsubmit="return confirm('Supprimer ce type ?');">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button type="submit" class="btn btn-secondary btn-sm">Supprimer</button>
        </form>
      </li>
      {% else %}
      <li class="historique">Aucun type défini.</li>
      {% endfor %}
    </ul>
    <form method="post" action="{{ url_for('types.ajouter_releve_type') }}" class="inline-form" style="margin-top:1rem; border-top:1px solid var(--border); padding-top:1rem">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="form-row">
        <div class="form-group">
          <label>Libellé</label>
          <input type="text" name="libelle" placeholder="Ex. Eau chaude" required>
        </div>
        <div class="form-group">
          <label>Unité</label>
          <input type="text" name="unite" placeholder="m³, kWh…">
        </div>
      </div>
      <button type="submit" class="btn btn-primary btn-sm">Ajouter</button>
    </form>
  </div>
</div>

<div class="card" style="margin-top:1rem">
  <h2 style="margin-top:0">Types de lot</h2>
  <p class="historique">Appartement, cave, parking, etc. — optionnel sur chaque lot.</p>
  <ul>
    {% for lt in lot_types %}
    <li style="display:flex; justify-content:space-between; align-items:center; margin-bottom:0.5rem">
      <span>{{ lt.libelle }}</span>
      <form method="post" action="{{ url_for('types.supprimer_lot_type', type_id=lt.public_id) }}" onsubmit="return confirm('Supprimer ce type ? Les lots concernés n\'auront plus de type.');">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button type="submit" class="btn btn-secondary btn-sm">Supprimer</button>
      </form>
    </li>
    {% else %}
    <li class="historique">Aucun type défini.</li>
    {% endfor %}
  </ul>
  <form method="post" action="{{ url_for('types.ajouter_lot_type') }}" class="inline-form" style="margin-top:1rem; border-top:1px solid var(--border); padding-top:1rem">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="form-group">
      <label>Nouveau type</label>
      <input type="text" name="libelle" placeholder="Ex. Parking" required>
    </div>
    <button type="submit" class="btn btn-primary btn-sm">Ajouter</button>
  </form>
</div>
{% endblock %}