{% extends "base.html" %}
{% from 'macros/entity_meta.html' import entity_meta, role_meta %}
{% block title %}Lot {{ lot.libelle }}{% endblock %}
{% block content %}
<div class="section-title">
  <h1>Lot {{ lot.libelle }}</h1>
  {% if not lot.est_supprime %}
  <a href="{{ url_for('lots.edit', lot_id=lot.public_id) }}" class="btn btn-secondary">Modifier le lot</a>
  {% endif %}
</div>
{{ entity_meta(lot) }}

{% if lot.est_supprime %}
<p><span class="badge badge-warning">Supprimé le {{ lot.date_suppression.strftime('%d/%m/%Y à %H:%M') if lot.date_suppression else '—' }}</span></p>
{% endif %}

<div class="grid-2">
  <div class="card">
    <h2 style="margin-top:0">Informations</h2>
    <p><strong>Désignation :</strong> {{ lot.designation or '—' }}</p>
    <p><strong>Étage :</strong> {{ lot.etage or '—' }} · <strong>Porte :</strong> {{ lot.porte or '—' }}</p>
    <p><strong>Type :</strong> {% if lot.type_lot %}{{ lot.type_lot.libelle }}{% else %}—{% endif %}</p>
    <p><strong>Lot copro :</strong> {{ lot.lot_copro or '—' }}</p>
    <p><strong>Lot syndic :</strong> {{ lot.lot_syndic or '—' }}</p>
    <p><strong>N° fiscal :</strong> {{ lot.numero_fiscal or '—' }}</p>
    <p><strong>Surface :</strong> {% if lot.surface %}{{ lot.surface }} m²{% else %}—{% endif %}</p>
    <p><strong>Cave :</strong> {{ lot.cave or '—' }} · <strong>BAL :</strong> {{ lot.bal or '—' }}</p>
    {% if lot.notes %}<p><strong>Notes :</strong> {{ lot.notes }}</p>{% endif %}
  </div>

  <div class="card">
    <h2 style="margin-top:0">Tantièmes</h2>
    {% if millieme_types %}
    <form method="post" action="{{ url_for('lots.enregistrer_milliemes', lot_id=lot.public_id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="table-wrap">
        <table class="tantiemes-table">
          <thead>
            <tr>
              <th>Désignation</th>
              <th>Valeur</th>
            </tr>
          </thead>
          <tbody>
            {% for mt in millieme_types %}
            <tr>
              <td class="tantiemes-designation">{{ mt.libelle }}</td>
              <td>
                <input type="text" id="millieme_{{ mt.id }}" name="millieme_{{ mt.id }}" class="tantiemes-input"
                  value="{{ milliemes_valeurs[mt.id].valeur if milliemes_valeurs.get(mt.id) else '' }}"
                  placeholder="—" aria-label="Valeur — {{ mt.libelle }}">
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <button type="submit" class="btn btn-primary btn-sm" style="margin-top:0.75rem">Enregistrer les tantièmes</button>
    </form>
    {% else %}
    <p class="historique">Aucun type de tantièmes configuré. <a href="{{ url_for('types.index') }}">Paramètres</a></p>
    {% endif %}
  </div>
</div>

<div class="card">
  <div class="section-title">
    <h2 style="margin:0">Personnes et rôles</h2>
    {% if not lot.est_supprime %}
    <button type="button" class="btn btn-primary btn-sm" id="open-role-modal">+ Ajouter une personne / rôle</button>
    {% endif %}
  </div>
  {% for roles in lot.roles_par_personne().values() %}
  <div class="role-person-block">
    <strong class="role-person-name">
      <a href="{{ url_for('personnes.detail', personne_id=roles[0].personne.public_id) }}">{{ roles[0].personne.libelle_affiche }}</a>
    </strong>
    {% for role in roles|sort_by_date('date_debut') %}
    <div class="role-line">
      <div class="role-line-meta">
        <span class="badge badge-muted">{{ role.role_libelle }}</span>
        <span class="role-line-dates">{% if role.date_debut %}du {{ role.date_debut.strftime('%d/%m/%Y') }}{% endif %}{% if role.date_fin %} au {{ role.date_fin.strftime('%d/%m/%Y') }}{% endif %}</span>
        {% if role.date_fin %}
        <span class="badge badge-muted">historique</span>
        {% else %}
        <span class="badge badge-success">en cours</span>
        {% endif %}
        {% if role.notes %}<span class="historique">— {{ role.notes }}</span>{% endif %}
        {{ role_meta(role) }}
      </div>
      <div class="role-line-actions">
        {% if not role.date_fin %}
        <form method="post" action="{{ url_for('lots.fin_role', lot_id=lot.public_id, role_id=role.public_id) }}" class="role-action-form">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <input type="date" name="date_fin" class="input-date-compact" title="Date de fin (vide = aujourd'hui)" aria-label="Date de fin">
          <button type="submit" class="btn btn-secondary btn-sm">Clôturer</button>
        </form>
        {% endif %}
        <form method="post" action="{{ url_for('lots.supprimer_role', lot_id=lot.public_id, role_id=role.public_id) }}" class="role-action-form" onsubmit="return confirm('Supprimer ce rôle ? Il restera en base mais ne sera plus affiché.');">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button type="submit" class="btn btn-danger btn-sm">Supprimer</button>
        </form>
      </div>
    </div>
    {% endfor %}
  </div>
  {% else %}
  <p class="historique">Aucune personne liée à ce lot.</p>
  {% endfor %}
</div>

<dialog id="role-modal" class="modal" aria-labelledby="role-modal-title">
  <form method="post" action="{{ url_for('lots.ajouter_role', lot_id=lot.public_id) }}" class="modal-panel">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="modal-header">
      <h2 id="role-modal-title">Ajouter une personne / rôle</h2>
      <button type="button" class="modal-close" id="close-role-modal" aria-label="Fermer">&times;</button>
    </div>
    <div class="modal-body">
      <div class="form-group">
        <label for="role_personne_search">Personne *</label>
        <div class="combobox" id="role-personne-combobox">
          <input type="hidden" name="personne_id" data-combobox-value required>
          <input type="text" id="role_personne_search" class="combobox-input" data-combobox-input
            placeholder="Tapez nom, prénom ou raison sociale…"
            autocomplete="off" role="combobox" aria-expanded="false"
            aria-controls="role-personne-listbox" aria-autocomplete="list">
          <ul id="role-personne-listbox" class="combobox-list" data-combobox-list role="listbox" hidden></ul>
        </div>
        <p class="historique">Personne absente ? <a href="{{ url_for('personnes.nouveau') }}" target="_blank">Créer une fiche</a> puis revenez ici.</p>
      </div>
      <div class="form-group">
        <label>Rôles * (cumulables)</label>
        <div class="form-check-group">
          {% for r in roles_lot %}
          <label class="form-check"><input type="checkbox" name="role_{{ r }}" value="1"> {{ role_labels[r] }}</label>
          {% endfor %}
        </div>
      </div>
      <div class="form-row">
        <div class="form-group">
          <label for="role_date_debut">Depuis le</label>
          <input type="date" id="role_date_debut" name="date_debut">
          <p class="historique">Facultatif si la date d'affectation est inconnue.</p>
        </div>
        <div class="form-group">
          <label for="role_notes">Notes</label>
          <input type="text" id="role_notes" name="notes" placeholder="Optionnel">
        </div>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-secondary" id="cancel-role-modal">Annuler</button>
      <button type="submit" class="btn btn-primary">Enregistrer</button>
    </div>
  </form>
</dialog>

<dialog id="releve-modal" class="modal" aria-labelledby="releve-modal-title">
  <form method="post" action="" id="releve-form" class="modal-panel">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="modal-header">
      <h2 id="releve-modal-title">Nouveau relevé</h2>
      <button type="button" class="modal-close" id="close-releve-modal" aria-label="Fermer">&times;</button>
    </div>
    <div class="modal-body">
      <p class="historique" id="releve-dernier-info" hidden></p>
      <div class="form-row">
        <div class="form-group">
          <label for="releve_date">Date du relevé *</label>
          <input type="date" id="releve_date" name="date_releve" required>
        </div>
        <div class="form-group">
          <label for="releve_index" id="releve-index-label">Index *</label>
          <input type="number" step="0.001" id="releve_index" name="index_valeur" required>
        </div>
      </div>
      <div class="form-group" style="margin-bottom:0">
        <label for="releve_remarque">Remarque</label>
        <input type="text" id="releve_remarque" name="remarque">
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-secondary" id="cancel-releve-modal">Annuler</button>
      <button type="submit" class="btn btn-primary">Enregistrer</button>
    </div>
  </form>
</dialog>

<dialog id="supprimer-compteur-modal" class="modal" aria-labelledby="supprimer-compteur-title">
  <form method="post" action="" id="supprimer-compteur-form" class="modal-panel">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div class="modal-header">
      <h2 id="supprimer-compteur-title">Supprimer le point de relevé</h2>
      <button type="button" class="modal-close" id="close-supprimer-compteur-modal" aria-label="Fermer">&times;</button>
    </div>
    <div class="modal-body">
      <p class="historique" id="supprimer-compteur-desc"></p>
      <div class="form-group" style="margin-bottom:0">
        <label for="compteur_date_fin">Date de fin *</label>
        <input type="date" id="compteur_date_fin" name="date_fin" required>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-secondary" id="cancel-supprimer-compteur-modal">Annuler</button>
      <button type="submit" class="btn btn-danger">Supprimer</button>
    </div>
  </form>
</dialog>

<div class="card">
  <div class="section-title">
    <h2 style="margin:0">Points de relevé</h2>
    <a href="{{ url_for('compteurs.nouveau_compteur', lot_id=lot.public_id) }}" class="btn btn-primary btn-sm">+ Relevé</a>
  </div>
  {% for c in lot.compteurs_actifs() %}
  {% set unite = c.type_releve.unite if c.type_releve and c.type_releve.unite else '' %}
  {% set dernier_releve = c.releves|selectattr('est_actif_enregistrement')|sort(attribute='date_releve', reverse=true)|first %}
  <div class="compteur-block">
    <div class="compteur-line">
      <div class="compteur-line-main">
        <span class="compteur-title">
          <strong>{{ c.type_libelle }}</strong>
          {% if c.numero %}<span class="compteur-meta">— n° {{ c.numero }}</span>{% endif %}
          {% if c.emplacement %}<span class="compteur-meta">— {{ c.emplacement }}</span>{% endif %}
          {% if c.actif %}<span class="badge badge-success">actif</span>{% else %}<span class="badge badge-muted">inactif</span>{% endif %}
        </span>
        <button type="button" class="btn btn-primary btn-sm open-releve-modal"
          data-action="{{ url_for('compteurs.nouveau_releve', compteur_id=c.public_id) }}"
          data-type="{{ c.type_libelle }}"
          data-unite="{{ unite }}"
          {% if dernier_releve %}
          data-dernier-index="{{ dernier_releve.index_valeur }}"
          data-dernier-date="{{ dernier_releve.date_releve.strftime('%d/%m/%Y') }}"
          {% endif %}
        >Nouveau relevé</button>
      </div>
      {% if c.actif %}
      <button type="button" class="btn btn-danger btn-sm open-supprimer-compteur-modal"
        data-action="{{ url_for('compteurs.supprimer_compteur', compteur_id=c.public_id) }}"
        data-type="{{ c.type_libelle }}"
        {% if c.numero %}data-numero="{{ c.numero }}"{% endif %}
      >Supprimer</button>
      {% endif %}
    </div>
    {% if c.releves %}
    <div class="table-wrap">
    <table style="margin-top:0.5rem">
      <thead><tr><th>Date</th><th>Index{% if unite %} ({{ unite }}){% endif %}</th><th>Consommation</th><th>Remarque</th><th></th></tr></thead>
      <tbody>
        {% for r in c.releves|selectattr('est_actif_enregistrement')|sort(attribute='date_releve', reverse=true) %}
        <tr>
          <td>{{ r.date_releve.strftime('%d/%m/%Y') }}</td>
          <td>{{ r.index_valeur }}</td>
          <td>{% set conso = r.consommation_depuis_precedent() %}{% if conso is not none %}{{ "%.2f"|format(conso) }}{% if unite %} {{ unite }}{% endif %}{% else %}—{% endif %}</td>
          <td>{{ r.remarque }}</td>
          <td>
            <form method="post" action="{{ url_for('compteurs.supprimer_releve', releve_id=r.public_id) }}" style="display:inline" onsubmit="return confirm('Supprimer ce relevé ?');">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <button type="submit" class="btn btn-secondary btn-sm">Supprimer</button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
    {% endif %}
  </div>
  {% else %}
  <p class="historique">Aucun point de relevé.</p>
  {% endfor %}
</div>

{% if lot.est_supprime %}
<form method="post" action="{{ url_for('lots.restaurer', lot_id=lot.public_id) }}" style="margin-top:1rem">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <button type="submit" class="btn btn-primary">Restaurer ce lot</button>
</form>
{% else %}
<form method="post" action="{{ url_for('lots.supprimer', lot_id=lot.public_id) }}" onsubmit="return confirm('Supprimer ce lot ? Il restera en base pour l\'historique.');" style="margin-top:1rem">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <button type="submit" class="btn btn-danger btn-sm">Supprimer ce lot</button>
</form>
{% endif %}
{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='combobox.js') }}"></script>
<script id="role-personnes-data" type="application/json">{{ personnes_choix|tojson }}</script>
<script>
(function () {
  const modal = document.getElementById('role-modal');
  if (!modal) return;

  const openBtn = document.getElementById('open-role-modal');
  const closeBtn = document.getElementById('close-role-modal');
  const cancelBtn = document.getElementById('cancel-role-modal');
  const dataEl = document.getElementById('role-personnes-data');
  const personnes = dataEl ? JSON.parse(dataEl.textContent) : [];
  const personneCombobox = window.initCombobox(
    document.getElementById('role-personne-combobox'),
    personnes
  );

  function closeModal() { modal.close(); }

  openBtn?.addEventListener('click', () => {
    personneCombobox?.reset();
    modal.showModal();
    personneCombobox?.focus();
  });
  closeBtn?.addEventListener('click', closeModal);
  cancelBtn?.addEventListener('click', closeModal);
  modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
  modal.addEventListener('cancel', (e) => { e.preventDefault(); closeModal(); });
})();

(function () {
  const modal = document.getElementById('releve-modal');
  const form = document.getElementById('releve-form');
  if (!modal || !form) return;

  const title = document.getElementById('releve-modal-title');
  const dernierInfo = document.getElementById('releve-dernier-info');
  const indexLabel = document.getElementById('releve-index-label');
  const dateInput = document.getElementById('releve_date');
  const indexInput = document.getElementById('releve_index');
  const remarqueInput = document.getElementById('releve_remarque');

  function closeModal() { modal.close(); }

  function openFromButton(btn) {
    const type = btn.dataset.type || 'Relevé';
    const unite = btn.dataset.unite || '';
    form.action = btn.dataset.action;
    title.textContent = `Nouveau relevé — ${type}`;

    if (btn.dataset.dernierIndex) {
      dernierInfo.hidden = false;
      dernierInfo.innerHTML = `Dernier index : <strong>${btn.dataset.dernierIndex}</strong>${unite ? ' ' + unite : ''} le ${btn.dataset.dernierDate}`;
      indexInput.min = btn.dataset.dernierIndex;
    } else {
      dernierInfo.hidden = true;
      indexInput.removeAttribute('min');
    }

    indexLabel.textContent = unite ? `Index (${unite}) *` : 'Index *';
    dateInput.valueAsDate = new Date();
    indexInput.value = '';
    remarqueInput.value = '';

    modal.showModal();
    dateInput.focus();
  }

  document.querySelectorAll('.open-releve-modal').forEach((btn) => {
    btn.addEventListener('click', () => openFromButton(btn));
  });

  document.getElementById('close-releve-modal')?.addEventListener('click', closeModal);
  document.getElementById('cancel-releve-modal')?.addEventListener('click', closeModal);
  modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
  modal.addEventListener('cancel', (e) => { e.preventDefault(); closeModal(); });
})();

(function () {
  const modal = document.getElementById('supprimer-compteur-modal');
  const form = document.getElementById('supprimer-compteur-form');
  if (!modal || !form) return;

  const title = document.getElementById('supprimer-compteur-title');
  const desc = document.getElementById('supprimer-compteur-desc');
  const dateInput = document.getElementById('compteur_date_fin');

  function closeModal() { modal.close(); }

  function openFromButton(btn) {
    const type = btn.dataset.type || 'Point de relevé';
    const numero = btn.dataset.numero ? ` n° ${btn.dataset.numero}` : '';
    form.action = btn.dataset.action;
    title.textContent = `Supprimer — ${type}${numero}`;
    desc.textContent = 'Le point sera désactivé à la date indiquée. L\'historique des relevés est conservé.';
    dateInput.valueAsDate = new Date();
    modal.showModal();
    dateInput.focus();
  }

  document.querySelectorAll('.open-supprimer-compteur-modal').forEach((btn) => {
    btn.addEventListener('click', () => openFromButton(btn));
  });

  document.getElementById('close-supprimer-compteur-modal')?.addEventListener('click', closeModal);
  document.getElementById('cancel-supprimer-compteur-modal')?.addEventListener('click', closeModal);
  modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
  modal.addEventListener('cancel', (e) => { e.preventDefault(); closeModal(); });
})();
</script>
{% endblock %}