{% extends 'base.html' %}{% load rp_format %}
{% block title %}Edit {{ trx.nomor }}{% endblock %}
{% block content %}
<div class="mb-4"><a href="{% url 'detail_transaksi' trx.pk %}" class="text-xs text-neutral-500 hover:text-red-600"><i class="fas fa-arrow-left mr-1"></i>{{ trx.nomor }}</a><h1 class="page-title mt-1">Edit Transaksi</h1><p class="page-sub">Barang tidak bisa diubah di sini. Kalau salah barang, hapus transaksi lalu input ulang, atau gunakan retur.</p></div>
<form method="post" class="card p-5 max-w-xl space-y-3">
  {% csrf_token %}
  <div class="grid grid-cols-2 gap-3">
    <div><label class="form-label">Nama customer</label><input name="nama_customer" value="{{ trx.nama_customer }}" class="form-input"></div>
    <div><label class="form-label">No. WA</label><input name="no_wa" value="{{ trx.no_wa }}" class="form-input"></div>
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div><label class="form-label">Metode bayar</label><select name="metode_bayar" class="form-input">{% for k,v in metode_choices %}<option value="{{ k }}" {% if trx.metode_bayar == k %}selected{% endif %}>{{ v }}</option>{% endfor %}</select></div>
    <div><label class="form-label">Tanggal</label><input type="datetime-local" name="tanggal" value="{{ trx.tanggal|date:'Y-m-d\TH:i' }}" class="form-input"></div>
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div><label class="form-label">Karyawan</label><select name="karyawan" class="form-input" {% if trx.komisi_dibayar %}disabled{% endif %}><option value="">Tanpa karyawan</option>{% for k in karyawan_list %}<option value="{{ k.id }}" {% if trx.karyawan_id == k.id %}selected{% endif %}>{{ k.nama }}</option>{% endfor %}</select>{% if trx.komisi_dibayar %}<p class="form-help">Komisi sudah dibayar, karyawan dikunci.</p>{% endif %}</div>
    {% if request.user.is_staff %}<div><label class="form-label">Status</label><select name="status" class="form-input">{% for k,v in status_choices %}<option value="{{ k }}" {% if trx.status == k %}selected{% endif %}>{{ v }}</option>{% endfor %}</select><p class="form-help">Ubah ke "Batal" mengembalikan stok.</p></div>{% endif %}
  </div>
  <div><label class="form-label">Catatan</label><textarea name="catatan" rows="2" class="form-input">{{ trx.catatan }}</textarea></div>
  <div class="bg-neutral-50 rounded-lg p-3 text-sm flex justify-between"><span>Total transaksi</span><b>{{ trx.total|rp }}</b></div>
  <div class="flex gap-2"><button class="btn btn-accent"><i class="fas fa-save"></i> Simpan</button><a href="{% url 'detail_transaksi' trx.pk %}" class="btn btn-secondary">Batal</a></div>
</form>
{% endblock %}