{% extends "base.html" %}
{% block titre %}Tableau de bord{% endblock %}
{% block contenu %}
<h1 class="h3 mb-4">Tableau de bord</h1>

<div class="row g-3 mb-4">
  <div class="col-md-4">
    <div class="card card-kpi p-3 bg-white">
      <div class="text-muted small">Parcelles</div>
      <div class="fs-3 fw-bold">{{ nb_parcelles }}</div>
      <a href="/terrains" class="small">Voir la Ferme Exploitation →</a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card card-kpi p-3 bg-white">
      <div class="text-muted small">Achats ce mois-ci</div>
      <div class="fs-3 fw-bold">{{ "%.2f"|format(total_achats_mois) }} MAD</div>
      <a href="/comptable#achats" class="small">Voir la Gestion Comptable →</a>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card card-kpi p-3 bg-white">
      <div class="text-muted small">Ventes ce mois-ci</div>
      <div class="fs-3 fw-bold">{{ "%.2f"|format(total_ventes_mois) }} MAD</div>
      <a href="/commercial#ventes" class="small">Voir la Gestion Commerciale →</a>
    </div>
  </div>
</div>

<div class="row g-4">
  <div class="col-md-6">
    <h2 class="h5">Dernières entrées — Station de conditionnement</h2>
    {% if dernieres_entrees %}
    <div class="table-responsive">
      <table class="table table-sm bg-white">
        <thead><tr><th>Date</th><th>Produit</th><th>Écart</th></tr></thead>
        <tbody>
          {% for e in dernieres_entrees %}
          <tr>
            <td>{{ e.date_entree }}</td>
            <td>{{ e.produit }}</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</span>
              {% else %}—{% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}<p class="text-muted">Aucune entrée récente.</p>{% endif %}
    <a href="/station">Voir la Station de Conditionnement →</a>
  </div>

  <div class="col-md-6">
    <h2 class="h5">Dernières ventes</h2>
    {% if dernieres_ventes %}
    <div class="table-responsive">
      <table class="table table-sm bg-white">
        <thead><tr><th>Date</th><th>Client</th><th>Montant (MAD)</th></tr></thead>
        <tbody>
          {% for v in dernieres_ventes %}
          <tr>
            <td>{{ v.date_vente }}</td>
            <td>{{ v.client.nom }}</td>
            <td>{{ "%.2f"|format(v.montant) }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}<p class="text-muted">Aucune vente récente.</p>{% endif %}
    <a href="/commercial#ventes">Voir la Gestion Commerciale →</a>
  </div>
</div>
{% endblock %}