{% extends "base.html" %}
{% block content %}
<p style="margin-bottom:8px"><a class="btn ghost" href="{{ url_for('pembelian') }}">{{ L.kembali }}</a></p>
<h1>{{ L.detail_transaksi }} — {{ p['no_invoice'] }}</h1>
<p class="sub">{{ p['nama_pt'] }} · {{ p['tgl_beli'] }}</p>

<div class="card">
  <div class="grid3">
    <div class="field"><label>{{ L.col_no_invoice }}</label><input type="text" value="{{ p['no_invoice'] }}" disabled></div>
    <div class="field"><label>{{ L.col_supplier }}</label><input type="text" value="{{ p['nama_pt'] }}" disabled></div>
    <div class="field"><label>{{ L.col_tgl }}</label><input type="text" value="{{ p['tgl_beli'] }}" disabled></div>
  </div>
</div>

<div class="card">
  <h2>{{ L.detail_item }}</h2>
  <table>
    <thead><tr>
      <th>{{ L.col_no }}</th><th>{{ L.col_ikan }}</th><th>{{ L.col_berat }}</th>
      <th>{{ L.col_harga }}</th><th>{{ L.col_jumlah }}</th><th>{{ L.col_jpen }}</th><th>{{ L.col_hpp_final }}</th>
    </tr></thead>
    <tbody>
      {% for it in items %}
      <tr>
        <td>{{ loop.index }}</td>
        <td>{{ it['nama'] }}</td>
        <td>{{ "{:,.2f}".format(it['qty']) }}</td>
        <td>Rp {{ "{:,.0f}".format(it['harga']) }}</td>
        <td>Rp {{ "{:,.0f}".format(it['jumlah']) }}</td>
        <td>Rp {{ "{:,.0f}".format(it['jumlah_penyesuaian']) }}</td>
        <td><strong>Rp {{ "{:,.0f}".format(it['hpp_final']) }}</strong></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<div class="card calc-box">
  <div class="calc-row"><span class="calc-lbl">{{ L.total_kg }}</span><span class="calc-val">{{ "{:,.2f}".format(p['total_kg']) }} kg</span></div>
  <div class="calc-row"><span class="calc-lbl">{{ L.col_gross }}</span><span class="calc-val">Rp {{ "{:,.0f}".format(p['gross_amount']) }}</span></div>
  <div class="calc-row"><span class="calc-lbl">{{ L.harga_nota }}</span><span class="calc-val">Rp {{ "{:,.0f}".format(p['harga_nota']) }}</span></div>
  <div class="calc-row"><span class="calc-lbl">{{ L.col_selisih }}</span><span class="calc-val">Rp {{ "{:,.0f}".format(p['selisih_packing']) }}</span></div>
  <div class="calc-row"><span class="calc-lbl">{{ L.penyesuaian_per_kg }}</span><span class="calc-val">Rp {{ "{:,.0f}".format(p['penyesuaian_per_kg']) }} /kg</span></div>
  <div style="margin-top:12px">
    <form method="post" action="{{ url_for('pembelian_delete', pid=p['id']) }}" style="display:inline" onsubmit="return confirm('{{ L.confirm_hapus_trans }}')">
      <button type="submit" class="btn danger">{{ L.btn_delete }}</button>
    </form>
  </div>
</div>
{% endblock %}