{% extends "base.html" %}
{% block titre %}Station de Conditionnement{% endblock %}
{% block contenu %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-0">📦 Station de Conditionnement</h1>
  <a href="/station/nouveau" class="btn btn-success">+ Nouvelle entrée</a>
</div>

{% if entrees %}
<div class="table-responsive">
  <table class="table table-hover bg-white align-middle">
    <thead>
      <tr>
        <th>Date</th><th>Parcelle d'origine</th><th>Produit</th>
        <th>Poids entrée (kg)</th><th>Poids sortie (kg)</th><th>Écart</th>
        <th>Type sortie</th><th>Destination</th><th></th>
      </tr>
    </thead>
    <tbody>
      {% for e in entrees %}
      <tr>
        <td>{{ e.date_entree }}</td>
        <td>{{ e.parcelle.nom if e.parcelle else "—" }}</td>
        <td>{{ e.produit }}</td>
        <td>{{ e.poids_entree_kg }}</td>
        <td>{{ e.poids_sortie_kg if e.poids_sortie_kg is not none else "—" }}</td>
        <td>
          {% if e.ecart_kg is not none %}
            <span class="{{ 'ecart-negatif' if e.ecart_kg != 0 else 'ecart-nul' }}">
              {{ e.ecart_kg }} kg {% if e.ecart_pourcent is not none %}({{ e.ecart_pourcent }} %){% endif %}
            </span>
          {% else %}—{% endif %}
        </td>
        <td>{{ e.type_sortie or "—" }}</td>
        <td>{{ e.destination or "—" }}</td>
        <td class="text-end"><a href="/station/{{ e.id }}/modifier" class="btn btn-sm btn-outline-secondary">Modifier</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="text-muted">Aucune entrée enregistrée pour le moment.</p>
{% endif %}
{% endblock %}