{% extends 'base.html' %}
{% block title %}Pengeluaran{% endblock %}
{% block content %}
<div class="mb-4"><a href="{% url 'pengeluaran_list' %}" class="text-xs text-neutral-500 hover:text-red-600"><i class="fas fa-arrow-left mr-1"></i>Pengeluaran</a><h1 class="page-title mt-1">{% if obj %}Edit{% else %}Catat{% endif %} Pengeluaran</h1></div>
<form method="post" class="card p-5 max-w-lg space-y-3">
  {% csrf_token %}
  <div><label class="form-label">Nama pengeluaran *</label><input name="nama" value="{{ obj.nama|default:'' }}" class="form-input" placeholder="mis. Listrik bulan ini, plastik packing, iklan IG" required autofocus></div>
  <div class="grid grid-cols-2 gap-3">
    <div><label class="form-label">Nominal *</label><input name="nominal" value="{{ obj.nominal|default:''|floatformat:0 }}" class="form-input" inputmode="numeric" required></div>
    <div><label class="form-label">Tanggal</label><input type="date" name="tanggal" value="{% if obj %}{{ obj.tanggal|date:'Y-m-d' }}{% else %}{{ today }}{% endif %}" class="form-input"></div>
  </div>
  <div><label class="form-label">Tipe</label><select name="tipe" class="form-input">{% for k,v in tipe_choices %}<option value="{{ k }}" {% if obj.tipe == k %}selected{% endif %}>{{ v }}</option>{% endfor %}</select></div>
  <div><label class="form-label">Catatan</label><textarea name="catatan" rows="2" class="form-input">{{ obj.catatan|default:'' }}</textarea></div>
  <div class="flex gap-2"><button class="btn btn-accent"><i class="fas fa-save"></i> Simpan</button><a href="{% url 'pengeluaran_list' %}" class="btn btn-secondary">Batal</a></div>
</form>
{% endblock %}