{% extends "base.html" %}
{% block content %}
<h1>{{ L.list_pembelian }}</h1>
<p class="sub">{{ L.app_title }}</p>

<div style="margin-bottom:16px">
  <a class="btn" href="{{ url_for('pembelian_baru') }}">➕ {{ L.btn_baru }}</a>
</div>

<div class="card">
  {% if rows %}
  <table>
    <thead><tr>
      <th>{{ L.col_no_invoice }}</th><th>{{ L.col_supplier }}</th><th>{{ L.col_tgl }}</th>
      <th>{{ L.col_gross }}</th><th>{{ L.col_selisih }}</th><th>{{ L.col_aksi }}</th>
    </tr></thead>
    <tbody>
      {% for r in rows %}
      <tr>
        <td><strong>{{ r['no_invoice'] }}</strong></td>
        <td>{{ r['nama_pt'] }}</td>
        <td>{{ r['tgl_beli'] }}</td>
        <td>Rp {{ "{:,.0f}".format(r['gross_amount']) }}</td>
        <td>Rp {{ "{:,.0f}".format(r['selisih_packing']) }}</td>
        <td>
          <a class="btn ghost small" href="{{ url_for('pembelian_view', pid=r['id']) }}">{{ L.btn_view }}</a>
          <form method="post" action="{{ url_for('pembelian_delete', pid=r['id']) }}" style="display:inline" onsubmit="return confirm('{{ L.confirm_hapus_trans }}')">
            <button type="submit" class="btn danger small">{{ L.btn_delete }}</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="empty">{{ L.empty_pembelian }}</div>
  {% endif %}
</div>
{% endblock %}