{% extends "base.html" %}
{% block titre %}Ferme Exploitation{% endblock %}
{% block contenu %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-0">🌾 Ferme Exploitation</h1>
  <a href="/terrains/fermes/nouveau" class="btn btn-success">+ Nouvelle ferme</a>
</div>

{% if fermes %}
<div class="row g-3 mb-4">
  {% for f in fermes %}
  <div class="col-md-6 col-lg-4">
    <a href="/terrains/fermes/{{ f.id }}" class="text-decoration-none text-body">
      <div class="card h-100">
        {% if f.photo_satellite_path %}
        <img src="/fichiers/{{ f.photo_satellite_path }}" class="card-img-top" style="height:160px;object-fit:cover;" alt="Photo satellite {{ f.nom }}">
        {% else %}
        <div class="d-flex align-items-center justify-content-center bg-light" style="height:160px;">
          <span class="text-muted small">Pas de photo satellite</span>
        </div>
        {% endif %}
        <div class="card-body">
          <h2 class="h6 card-title mb-1">{{ f.nom }}</h2>
          <p class="text-muted small mb-1">📍 {{ f.localisation or "Emplacement non renseigné" }}</p>
          <p class="text-muted small mb-0">{{ f.parcelles|length }} parcelle{{ "s" if f.parcelles|length != 1 else "" }}</p>
        </div>
      </div>
    </a>
  </div>
  {% endfor %}
</div>
{% else %}
<p class="text-muted mb-4">Aucune ferme enregistrée. Créez-en une pour commencer à organiser vos parcelles.</p>
{% endif %}

{% if parcelles_sans_ferme %}
<h2 class="h6 mb-2 text-muted">Parcelles non rattachées à une ferme</h2>
<div class="table-responsive mb-3">
  <table class="table table-sm table-hover bg-white align-middle">
    <thead><tr><th>Nom</th><th>Superficie (m²)</th><th>Localisation</th><th></th></tr></thead>
    <tbody>
      {% for p in parcelles_sans_ferme %}
      <tr>
        <td><a href="/terrains/{{ p.id }}">{{ p.nom }}</a></td>
        <td>{{ p.superficie_m2 or "—" }}</td>
        <td>{{ p.localisation or "—" }}</td>
        <td class="text-end"><a href="/terrains/{{ p.id }}/modifier" class="btn btn-sm btn-outline-secondary">Rattacher à une ferme</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}