{% extends 'base.html' %}{% load rp_format %}
{% block title %}Retur{% endblock %}
{% block content %}
<div class="flex flex-wrap items-end justify-between gap-3 mb-4">
  <div><h1 class="page-title">Retur Penjualan</h1><p class="page-sub">Barang kembali ke stok, refund mengurangi omzet. Untuk tukar ukuran: retur dulu, lalu buat transaksi baru di kasir.</p></div>
  <form class="flex 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><button class="btn btn-primary"><i class="fas fa-search"></i></button></form>
</div>
<div class="stat max-w-xs mb-4"><p class="lbl">Total Refund Periode</p><p class="val text-red-600">{{ total|rp }}</p></div>
<div class="card overflow-hidden"><div class="overflow-x-auto"><table class="tbl">
<thead><tr><th>Nomor</th><th>Tanggal</th><th>Transaksi Asal</th><th>Barang</th><th>Alasan</th><th class="num">Refund</th><th>Oleh</th></tr></thead>
<tbody>{% for r in page %}
<tr><td class="font-mono text-xs">{{ r.nomor }}</td><td class="text-xs">{{ r.tanggal|date:"d/m/Y" }}</td>
<td><a href="{% url 'detail_transaksi' r.transaksi.pk %}" class="hover:text-red-600 text-sm">{{ r.transaksi.nama_customer }}<br><span class="font-mono text-[11px] text-neutral-400">{{ r.transaksi.nomor }}</span></a></td>
<td class="text-xs">{% for ir in r.items.all %}{{ ir.nama }} x{{ ir.qty }}{% if not forloop.last %}, {% endif %}{% endfor %}</td>
<td class="text-xs text-neutral-500">{{ r.alasan|default:"-" }}</td><td class="num font-semibold text-red-600">{{ r.total_refund|rp }}</td><td class="text-xs text-neutral-500">{{ r.dibuat_oleh.username|default:"-" }}</td></tr>
{% empty %}<tr><td colspan="7" class="text-center text-neutral-400 py-8">Tidak ada retur di periode ini. Buat retur dari halaman detail transaksi.</td></tr>{% endfor %}</tbody></table></div>
{% include '_pagination.html' %}</div>
{% endblock %}