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

<div class="d-flex justify-content-between align-items-start mb-3">
  <div>
    <h1 class="h3 mb-1">🌾 {{ ferme.nom }}</h1>
    <p class="text-muted mb-0">📍 {{ ferme.localisation or "Emplacement non renseigné" }}</p>
  </div>
  <div class="d-flex gap-2">
    <a href="/terrains/fermes/{{ ferme.id }}/modifier" class="btn btn-outline-secondary">Modifier</a>
    <form method="post" action="/terrains/fermes/{{ ferme.id }}/supprimer" onsubmit="return confirm('Supprimer cette ferme ? Les parcelles seront conservées mais détachées.');">
      <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-5 mb-3">
    <h2 class="h6 mb-2">Photo satellite</h2>
    {% if ferme.photo_satellite_path %}
    <a href="/fichiers/{{ ferme.photo_satellite_path }}" target="_blank">
      <img src="/fichiers/{{ ferme.photo_satellite_path }}" class="img-fluid rounded border" alt="Photo satellite {{ ferme.nom }}">
    </a>
    {% else %}
    <div class="d-flex align-items-center justify-content-center bg-light rounded border" style="height:200px;">
      <span class="text-muted small">Aucune photo satellite — ajoutez-en une depuis "Modifier"</span>
    </div>
    {% endif %}
  </div>
  <div class="col-md-7">
    {% if ferme.notes %}
    <h2 class="h6 mb-2">Notes</h2>
    <div class="card p-3 bg-white">{{ ferme.notes }}</div>
    {% endif %}
  </div>
</div>

<div class="d-flex justify-content-between align-items-center mb-2">
  <h2 class="h5 mb-0">Parcelles de cette ferme</h2>
  <a href="/terrains/nouveau?ferme_id={{ ferme.id }}" class="btn btn-success btn-sm">+ Nouvelle parcelle</a>
</div>

{% if ferme.parcelles %}
<div class="table-responsive">
  <table class="table table-hover bg-white align-middle">
    <thead>
      <tr>
        <th>Parcelle</th>
        <th>Superficie (m²)</th>
        <th>Variété de semences</th>
        <th>Nombre de plants</th>
        <th>Date de plantation</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for p in ferme.parcelles %}
      <tr>
        <td><a href="/terrains/{{ p.id }}">{{ p.nom }}</a></td>
        <td>{{ p.superficie_m2 or "—" }}</td>
        <td>{{ p.derniere_plantation.variete if p.derniere_plantation else (p.culture_actuelle or "—") }}</td>
        <td>{{ p.derniere_plantation.nombre_plants if p.derniere_plantation and p.derniere_plantation.nombre_plants is not none else "—" }}</td>
        <td>{{ p.derniere_plantation.date_plantation if p.derniere_plantation else "—" }}</td>
        <td class="text-end"><a href="/terrains/{{ p.id }}/modifier" class="btn btn-sm btn-outline-secondary">Modifier</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="text-muted">Aucune parcelle dans cette ferme pour le moment.</p>
{% endif %}
{% endblock %}