{% extends 'base.html' %}{% load rp_format %}
{% block title %}{{ pb.nomor }}{% endblock %}
{% block content %}
<div class="mb-4"><a href="{% url 'pembelian_list' %}" class="text-xs text-neutral-500 hover:text-red-600"><i class="fas fa-arrow-left mr-1"></i>Pembelian</a></div>
<div class="flex flex-wrap items-start justify-between gap-3 mb-4">
  <div><h1 class="page-title font-mono">{{ pb.nomor }}</h1><p class="page-sub">{{ pb.tanggal|date:"d F Y" }} · {{ pb.supplier.nama|default:"tanpa supplier" }} · dicatat oleh {{ pb.dibuat_oleh.username|default:"-" }} pada {{ pb.dibuat|date:"d/m/Y H:i" }}</p></div>
  <form method="post" action="{% url 'pembelian_hapus' pb.pk %}" onsubmit="return confirm('Hapus pembelian ini? Stok yang masuk akan dikurangi kembali.')">{% csrf_token %}<button class="btn btn-danger"><i class="fas fa-trash"></i> Hapus</button></form>
</div>
<div class="card overflow-hidden mb-4"><table class="tbl">
<thead><tr><th>Barang</th><th class="num">Qty</th><th class="num">Harga Beli</th><th class="num">Subtotal</th><th></th></tr></thead>
<tbody>{% for it in pb.items.all %}
<tr><td class="font-medium">{{ it.nama }}</td><td class="num">{{ it.qty }}</td><td class="num">{{ it.harga_beli|rp }}</td><td class="num font-semibold">{{ it.subtotal|rp }}</td>
<td class="text-right">{% if it.varian_id %}<a href="{% url 'mutasi_list' %}?varian={{ it.varian_id }}" class="btn btn-secondary btn-xs"><i class="fas fa-list"></i></a>{% endif %}</td></tr>
{% endfor %}</tbody>
<tfoot><tr class="bg-neutral-50"><td class="font-bold">Total</td><td class="num font-bold">{{ pb.jml_item }}</td><td></td><td class="num font-extrabold">{{ pb.total|rp }}</td><td></td></tr></tfoot></table></div>
{% if pb.catatan %}<div class="card p-4 text-sm text-neutral-600"><b>Catatan:</b> {{ pb.catatan }}</div>{% endif %}
{% endblock %}