{% extends 'base.html' %}{% load rp_format %}
{% block title %}Edit Varian{% endblock %}
{% block content %}
<div class="mb-4"><a href="{% url 'produk_detail' v.produk_id %}" class="text-xs text-neutral-500 hover:text-red-600"><i class="fas fa-arrow-left mr-1"></i>{{ v.produk.nama_lengkap }}</a>
<h1 class="page-title mt-1">Edit Varian {{ v.label }}</h1></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">Ukuran *</label><input name="ukuran" value="{{ v.ukuran }}" class="form-input" required></div>
    <div><label class="form-label">Warna</label><input name="warna" value="{{ v.warna }}" class="form-input"></div>
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div><label class="form-label">SKU</label><input name="sku" value="{{ v.sku|default:'' }}" class="form-input"></div>
    <div><label class="form-label">Barcode</label><input name="barcode" value="{{ v.barcode }}" class="form-input"></div>
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div><label class="form-label">Harga khusus</label><input name="harga" value="{% if v.harga is not None %}{{ v.harga|floatformat:0 }}{% endif %}" class="form-input" inputmode="numeric" placeholder="kosong = {{ v.produk.harga|floatformat:0 }}"></div>
    <div><label class="form-label">HPP / modal per pasang</label><input name="hpp" value="{{ v.hpp|floatformat:0 }}" class="form-input" inputmode="numeric"><p class="form-help">Otomatis ikut harga beli terakhir saat restock.</p></div>
  </div>
  <div class="grid grid-cols-2 gap-3">
    <div><label class="form-label">Stok saat ini</label><input value="{{ v.stok }}" class="form-input bg-neutral-50" disabled><p class="form-help">Ubah lewat <a href="{% url 'penyesuaian' %}" class="text-red-600">penyesuaian</a>.</p></div>
    <div><label class="form-label">Stok minimum</label><input name="stok_minimum" value="{{ v.stok_minimum|default_if_none:'' }}" class="form-input" inputmode="numeric" placeholder="ikut toko"></div>
  </div>
  <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="aktif" {% if v.aktif %}checked{% endif %} class="w-4 h-4 accent-red-600"> Aktif (bisa dijual)</label>
  <div class="flex gap-2 pt-2"><button class="btn btn-accent"><i class="fas fa-save"></i> Simpan</button><a href="{% url 'produk_detail' v.produk_id %}" class="btn btn-secondary">Batal</a></div>
</form>
{% endblock %}