{% extends "base.html" %}
{% block content %}
<h1>{{ L.welcome }}, {{ session.get('nama') }} 👋</h1>
<p class="sub">{{ L.app_title }}</p>

<div class="cards">
  <div class="stat"><div class="num">{{ n_ikan }}</div><div class="lbl">{{ L.stat_ikan }}</div></div>
  <div class="stat"><div class="num">{{ n_sup }}</div><div class="lbl">{{ L.stat_supplier }}</div></div>
  <div class="stat"><div class="num">{{ n_trans }}</div><div class="lbl">{{ L.stat_transaksi }}</div></div>
  <div class="stat"><div class="num">{{ "Rp {:,.0f}".format(avg_hpp) }}</div><div class="lbl">{{ L.stat_hpp }}</div></div>
  <div class="stat"><div class="num">{{ "{:,.1f}".format(tot_stok) }} kg</div><div class="lbl">{{ L.stat_stok }}</div></div>
</div>

<div class="card">
  <h2>{{ L.table_ikan }}</h2>
  {% if rows %}
  <table>
    <thead><tr>
      <th>{{ L.col_kode }}</th><th>{{ L.col_nama }}</th><th>{{ L.col_satuan }}</th><th>{{ L.col_stok }}</th><th>{{ L.col_hpp }}</th>
    </tr></thead>
    <tbody>
      {% for r in rows %}
      <tr>
        <td>{{ r['kode'] }}</td>
        <td>{{ r['nama'] }}</td>
        <td>{{ r['satuan'] }}</td>
        <td>{{ "{:,.1f}".format(r['stok'] or 0) }}</td>
        <td>Rp {{ "{:,.0f}".format(r['hpp']) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="empty">{{ L.empty_ikan }}</div>
  {% endif %}
</div>

<div class="card">
  <h2>{{ L.table_supplier }}</h2>
  {% if sups %}
  <table>
    <thead><tr>
      <th>{{ L.col_id }}</th><th>{{ L.col_nama_pt }}</th><th>{{ L.col_kontak }}</th><th>{{ L.col_telp }}</th>
    </tr></thead>
    <tbody>
      {% for s in sups %}
      <tr>
        <td>{{ s['id'] }}</td>
        <td>{{ s['nama_pt'] }}</td>
        <td>{{ s['kontak'] or '-' }}</td>
        <td>{{ s['telp'] or '-' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="empty">{{ L.empty_supplier }}</div>
  {% endif %}
</div>
{% endblock %}