{% extends "base.html" %}
{% block titre %}{{ parcelle.nom }}{% endblock %}
{% block contenu %}
<p class="mb-2">
  {% if parcelle.ferme %}
  <a href="/terrains/fermes/{{ parcelle.ferme.id }}" class="text-decoration-none">← {{ parcelle.ferme.nom }}</a>
  {% else %}
  <a href="/terrains" class="text-decoration-none">← Toutes les fermes</a>
  {% endif %}
</p>

<div class="d-flex justify-content-between align-items-start mb-3">
  <div>
    <h1 class="h3 mb-1">{{ parcelle.nom }}</h1>
    <p class="text-muted mb-0">
      {% if parcelle.ferme %}{{ parcelle.ferme.nom }} — {% endif %}{{ parcelle.localisation or "Localisation non renseignée" }}
    </p>
  </div>
  <div class="d-flex gap-2">
    <a href="/terrains/{{ parcelle.id }}/modifier" class="btn btn-outline-secondary">Modifier</a>
    <form method="post" action="/terrains/{{ parcelle.id }}/supprimer" onsubmit="return confirm('Supprimer définitivement cette parcelle ?');">
      <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
      <button type="submit" class="btn btn-outline-danger">Supprimer</button>
    </form>
  </div>
</div>

{% if request.query_params.get('erreur') %}<div class="alert alert-danger">{{ request.query_params.get('erreur') }}</div>{% endif %}

<div class="row mb-4">
  <div class="col-md-4"><strong>Superficie :</strong> {{ parcelle.superficie_m2 or "—" }} m²</div>
  <div class="col-md-4"><strong>Culture actuelle :</strong> {{ parcelle.culture_actuelle or "—" }}</div>
  <div class="col-md-4"><strong>Plan :</strong> {% if parcelle.plan_path %}<a href="/fichiers/{{ parcelle.plan_path }}" target="_blank">Voir le schéma / plan</a>{% else %}—{% endif %}</div>
</div>

{% if parcelle.notes %}
<div class="card p-3 bg-white mb-4"><strong>Notes :</strong> {{ parcelle.notes }}</div>
{% endif %}

<h2 class="h5 mb-3">Plantations</h2>
{% if parcelle.plantations %}
<div class="table-responsive mb-3">
  <table class="table table-sm table-hover bg-white align-middle">
    <thead><tr><th>Date de plantation</th><th>Variété</th><th>Nombre de plants</th><th>Notes</th><th></th></tr></thead>
    <tbody>
      {% for pl in parcelle.plantations %}
      <tr>
        <td>{{ pl.date_plantation }}</td>
        <td>{{ pl.variete }}</td>
        <td>{{ pl.nombre_plants or "—" }}</td>
        <td>{{ pl.notes or "—" }}</td>
        <td class="text-end">
          <form method="post" action="/terrains/plantations/{{ pl.id }}/supprimer" onsubmit="return confirm('Supprimer cette plantation ?');">
            <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
            <button type="submit" class="btn btn-sm btn-outline-danger">Supprimer</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="text-muted">Aucune plantation enregistrée pour cette parcelle.</p>
{% endif %}

<form method="post" action="/terrains/{{ parcelle.id }}/plantations" class="card p-3 bg-white mb-4">
  <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
  <div class="row g-2 align-items-end">
    <div class="col-md-3">
      <label class="form-label small mb-1">Date de plantation *</label>
      <input type="date" name="date_plantation" class="form-control form-control-sm" required>
    </div>
    <div class="col-md-3">
      <label class="form-label small mb-1">Variété de semences *</label>
      <input type="text" name="variete" class="form-control form-control-sm" required>
    </div>
    <div class="col-md-2">
      <label class="form-label small mb-1">Nombre de plants</label>
      <input type="number" min="0" name="nombre_plants" class="form-control form-control-sm">
    </div>
    <div class="col-md-3">
      <label class="form-label small mb-1">Notes</label>
      <input type="text" name="notes" class="form-control form-control-sm">
    </div>
    <div class="col-md-1">
      <button type="submit" class="btn btn-success btn-sm w-100">Ajouter</button>
    </div>
  </div>
</form>

<h2 class="h5 mb-3">Photos du terrain</h2>
<div class="row g-3 mb-3">
  {% for photo in parcelle.photos %}
  <div class="col-6 col-md-3">
    <div class="card">
      <a href="/fichiers/{{ photo.chemin }}" target="_blank">
        <img src="/fichiers/{{ photo.chemin }}" class="card-img-top" style="height:150px;object-fit:cover;" alt="Photo parcelle">
      </a>
      <form method="post" action="/terrains/photos/{{ photo.id }}/supprimer" onsubmit="return confirm('Supprimer cette photo ?');">
        <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
        <button type="submit" class="btn btn-sm btn-outline-danger w-100">Supprimer</button>
      </form>
    </div>
  </div>
  {% else %}
  <p class="text-muted">Aucune photo pour cette parcelle.</p>
  {% endfor %}
</div>

<form method="post" action="/terrains/{{ parcelle.id }}/photos" enctype="multipart/form-data" class="d-flex gap-2 align-items-end">
  <input type="hidden" name="csrf_token" value="{{ request.state.csrf_token }}">
  <div>
    <label class="form-label">Ajouter une photo</label>
    <input type="file" name="photo" class="form-control" accept=".jpg,.jpeg,.png,.webp" required>
  </div>
  <button type="submit" class="btn btn-success">Ajouter</button>
</form>
{% endblock %}