{% extends 'base.html' %}{% load rp_format %}
{% block title %}Pembelian{% endblock %}
{% block content %}
<div class="flex flex-wrap items-end justify-between gap-3 mb-4">
  <div><h1 class="page-title">Pembelian / Restock</h1><p class="page-sub">Barang masuk dari supplier. HPP varian otomatis ikut harga beli terakhir.</p></div>
  <a href="{% url 'pembelian_tambah' %}" class="btn btn-accent"><i class="fas fa-plus"></i> Catat Pembelian</a>
</div>
<form class="card p-3 mb-4 flex flex-wrap gap-2 items-end">
  <div><label class="form-label">Dari</label><input type="date" name="dari" value="{{ dari }}" class="form-input"></div>
  <div><label class="form-label">Sampai</label><input type="date" name="sampai" value="{{ sampai }}" class="form-input"></div>
  <div><label class="form-label">Supplier</label><select name="supplier" class="form-input"><option value="">Semua</option>{% for s in supplier_list %}<option value="{{ s.id }}" {% if supplier_f == s.id|stringformat:"s" %}selected{% endif %}>{{ s.nama }}</option>{% endfor %}</select></div>
  <button class="btn btn-primary"><i class="fas fa-search"></i> Filter</button>
  <div class="ml-auto text-right"><p class="text-xs text-neutral-500">Total periode</p><p class="font-extrabold text-lg">{{ total|rp }} <span class="text-xs font-medium text-neutral-400">· {{ pasang }} pasang</span></p></div>
</form>
<div class="card overflow-hidden"><div class="overflow-x-auto"><table class="tbl">
<thead><tr><th>Nomor</th><th>Tanggal</th><th>Supplier</th><th>Barang</th><th class="num">Pasang</th><th class="num">Total</th><th>Oleh</th><th></th></tr></thead>
<tbody>{% for p in page %}
<tr><td class="font-mono text-xs"><a href="{% url 'pembelian_detail' p.pk %}" class="hover:text-red-600">{{ p.nomor }}</a></td><td class="text-xs">{{ p.tanggal|date:"d M Y" }}</td><td>{{ p.supplier.nama|default:"-" }}</td>
<td class="text-xs text-neutral-500 max-w-[280px] truncate">{% for it in p.items.all %}{{ it.nama }} x{{ it.qty }}{% if not forloop.last %}, {% endif %}{% endfor %}</td>
<td class="num">{{ p.jml_item }}</td><td class="num font-semibold">{{ p.total|rp }}</td><td class="text-xs text-neutral-500">{{ p.dibuat_oleh.username|default:"-" }}</td>
<td class="text-right"><a href="{% url 'pembelian_detail' p.pk %}" class="btn btn-secondary btn-xs">Detail</a></td></tr>
{% empty %}<tr><td colspan="8" class="text-center text-neutral-400 py-8">Belum ada pembelian di periode ini.</td></tr>{% endfor %}</tbody></table></div>
{% include '_pagination.html' %}</div>
{% endblock %}