{% extends 'base.html' %}
{% block title %}Stock Opname{% endblock %}
{% block content %}
<div class="flex flex-wrap items-end justify-between gap-3 mb-4">
  <div><h1 class="page-title">Stock Opname</h1><p class="page-sub">Hitung fisik lalu cocokkan dengan sistem. Selisih langsung disesuaikan.</p></div>
  <a href="{% url 'opname_baru' %}" class="btn btn-accent"><i class="fas fa-plus"></i> Opname Baru</a>
</div>
<div class="card overflow-hidden"><table class="tbl">
<thead><tr><th>Nomor</th><th>Tanggal</th><th class="num">Varian Dihitung</th><th class="num">Varian Selisih</th><th class="num">Total Selisih</th><th>Catatan</th><th>Oleh</th><th></th></tr></thead>
<tbody>{% for s in page %}
<tr><td class="font-mono text-xs">{{ s.nomor }}</td><td class="text-xs">{{ s.tanggal|date:"d M Y" }}</td><td class="num">{{ s.jml_item }}</td><td class="num">{{ s.jml_selisih }}</td>
<td class="num font-bold {% if s.total_selisih < 0 %}text-red-600{% elif s.total_selisih > 0 %}text-green-700{% endif %}">{{ s.total_selisih|stringformat:"+d" }}</td>
<td class="text-xs text-neutral-500">{{ s.catatan|default:"-"|truncatechars:40 }}</td><td class="text-xs text-neutral-500">{{ s.dibuat_oleh.username|default:"-" }}</td>
<td class="text-right"><a href="{% url 'opname_detail' s.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 pernah opname.</td></tr>{% endfor %}</tbody></table>
{% include '_pagination.html' %}</div>
{% endblock %}