{% extends "base.html" %}
{% block title %}Produksi - FinansialApp{% endblock %}
{% block page_title %}Produksi Sederhana{% endblock %}
{% block content %}

<style>
  .prod-ico { width:34px;height:34px;border-radius:9px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0; }
  .prod-sum-box { background:var(--card-h);border:1px solid var(--bdr-md);border-radius:10px;padding:.6rem .8rem;text-align:center; }
  .prod-sum-box .lbl { font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tx3); }
  .prod-sum-box .val { font-size:1.05rem;font-weight:800;color:var(--tx); }
  .prod-sum-box .sub { font-size:.68rem;color:var(--tx3);margin-top:.12rem; }
  .bahan-stok-hint { font-size:.68rem;color:var(--tx3); }
  .bahan-stok-hint.warn { color:#dc2626;font-weight:700; }
</style>

<div class="mb-3">
  <span class="text-muted" style="font-size:.85rem;max-width:720px;line-height:1.55;display:block">
    Catat proses produksi: <strong>bahan SKU/non-SKU berkurang</strong>, <strong>barang jadi bertambah</strong>.
    Nilai bahan otomatis menjadi HPP produk jadi. Biaya tenaga kerja / overhead bisa ditambahkan (opsional)
    dan ikut menambah nilai persediaan barang jadi.
  </span>
</div>

<form method="POST" action="{{ url_for('produksi_simpan') }}" id="formProduksi" onsubmit="return validateProduksi()">
  <div class="row g-3">
    <!-- KIRI: Input -->
    <div class="col-lg-8">
      <!-- Produk Jadi -->
      <div class="card mb-3">
        <div class="card-header">
          <span class="section-title">
            <span class="prod-ico me-2" style="background:linear-gradient(135deg,#22c55e,#16a34a)"><i class="fas fa-box"></i></span>
            Barang Jadi (Hasil Produksi)
          </span>
        </div>
        <div class="card-body">
          <input type="hidden" name="produk_jadi_mode" id="jadiMode" value="existing">
          <div class="row g-2 align-items-end">
            <div class="col-md-3">
              <label class="form-label small fw-semibold">Tanggal</label>
              <input type="date" name="tanggal" value="{{ today.strftime('%Y-%m-%d') }}" class="form-control form-control-sm" required>
            </div>
            <div class="col-md-9">
              <div class="d-flex justify-content-between align-items-center mb-1">
                <label class="form-label small fw-semibold mb-0">Produk Jadi *</label>
                <div class="btn-group btn-group-sm" role="group">
                  <button type="button" id="btnJadiExisting" class="btn btn-primary btn-xs" onclick="setJadiMode('existing')">
                    <i class="fas fa-list me-1"></i>Pilih yang ada</button>
                  <button type="button" id="btnJadiBaru" class="btn btn-outline-primary btn-xs" onclick="setJadiMode('baru')">
                    <i class="fas fa-plus me-1"></i>Buat baru</button>
                </div>
              </div>
              <!-- Mode: pilih yang ada -->
              <div id="jadiExisting">
                <select name="produk_jadi_id" id="produkJadi" class="form-select form-select-sm" onchange="recalc()">
                  <option value="">Pilih produk jadi...</option>
                  {% for p in produk %}
                  <option value="{{ p.id }}">{{ p.kode }} · {{ p.nama }}{% if p.varian %} ({{ p.varian }}){% endif %}, stok {{ p.stok|qty }} {{ p.satuan }}</option>
                  {% endfor %}
                </select>
              </div>
              <!-- Mode: buat baru -->
              <div id="jadiBaru" style="display:none">
                <div class="row g-2">
                  <div class="col-md-6">
                    <input type="text" name="produk_jadi_nama" id="jadiNama" class="form-control form-control-sm"
                           placeholder="Nama menu baru, mis: Es Kopi Susu" disabled>
                  </div>
                  <div class="col-md-3">
                    <input type="text" name="produk_jadi_satuan" id="jadiSatuan" class="form-control form-control-sm"
                           placeholder="satuan" value="porsi" disabled>
                  </div>
                  <div class="col-md-3">
                    <div class="input-group input-group-sm">
                      <span class="input-group-text px-1">Rp</span>
                      <input type="number" name="produk_jadi_harga_jual" id="jadiJual" class="form-control"
                             min="0" step="1" placeholder="harga jual" disabled>
                    </div>
                  </div>
                </div>
                <div class="form-text" style="font-size:.68rem">
                  <i class="fas fa-circle-info me-1"></i>Produk baru otomatis terdaftar di Inventory dengan stok = hasil produksi & HPP otomatis dari bahan.
                </div>
              </div>
            </div>
            <div class="col-md-3">
              <label class="form-label small fw-semibold">Jumlah Hasil *</label>
              <input type="number" name="qty_hasil" id="qtyHasil" class="form-control form-control-sm text-center"
                     min="0" step="0.01" placeholder="0" required oninput="recalc()">
            </div>
            <div class="col-md-9">
              <label class="form-label small fw-semibold">Keterangan <span class="text-muted fw-normal">(opsional)</span></label>
              <input type="text" name="keterangan" class="form-control form-control-sm" placeholder="Mis: produksi batch pagi, no. SPK, dll">
            </div>
          </div>
        </div>
      </div>

      <!-- Bahan Baku SKU -->
      <div class="card mb-3">
        <div class="card-header d-flex justify-content-between align-items-center">
          <span class="section-title">
            <span class="prod-ico me-2" style="background:linear-gradient(135deg,#f59e0b,#d97706)"><i class="fas fa-wheat-awn"></i></span>
            Bahan Baku SKU yang Dipakai
          </span>
          <button type="button" class="btn btn-outline-primary btn-sm" onclick="addBahan()">
            <i class="fas fa-plus me-1"></i>Tambah Bahan</button>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-sm align-middle mb-0" style="font-size:.84rem">
              <thead class="table-light">
                <tr>
                  <th style="min-width:200px">Bahan (produk terlacak)</th>
                  <th style="width:120px">Qty Dipakai</th>
                  <th style="width:120px" class="text-end">HPP/unit</th>
                  <th style="width:130px" class="text-end">Subtotal</th>
                  <th style="width:38px"></th>
                </tr>
              </thead>
              <tbody id="bahanBody"></tbody>
            </table>
          </div>
          <div class="text-muted mt-2" style="font-size:.72rem">
            <i class="fas fa-circle-info me-1"></i>Untuk bahan yang dilacak qty/stok. HPP/unit memakai harga beli rata-rata produk.
            Bahan umum yang tidak dilacak qty bisa diisi di bagian Non-SKU.
          </div>
        </div>
      </div>

      <!-- Bahan Non-SKU -->
      <div class="card mb-3">
        <div class="card-header d-flex justify-content-between align-items-center">
          <span class="section-title">
            <span class="prod-ico me-2" style="background:linear-gradient(135deg,#38bdf8,#0284c7)"><i class="fas fa-flask"></i></span>
            Bahan Non-SKU / Bahan Umum
          </span>
          <button type="button" class="btn btn-outline-primary btn-sm" onclick="addNonSku()">
            <i class="fas fa-plus me-1"></i>Tambah Non-SKU</button>
        </div>
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-2">
            <div class="text-muted" style="font-size:.72rem">
              Untuk bahan yang tidak dilacak per-unit, misalnya bumbu, saus, topping campur, susu cair, atau bahan olahan.
            </div>
            <span class="badge bg-info text-dark">Saldo non-SKU: {{ nilai_non_sku|rp }}</span>
          </div>
          <div class="table-responsive">
            <table class="table table-sm align-middle mb-0" style="font-size:.84rem">
              <thead class="table-light">
                <tr>
                  <th>Deskripsi bahan</th>
                  <th style="width:110px">Qty</th>
                  <th style="width:100px">Satuan</th>
                  <th style="width:160px" class="text-end">Nilai Dipakai</th>
                  <th style="width:38px"></th>
                </tr>
              </thead>
              <tbody id="nonSkuBody"></tbody>
            </table>
            <datalist id="dlSatuanNonSku">
              <option value="kg"><option value="gram"><option value="liter"><option value="ml">
              <option value="pcs"><option value="pack"><option value="botol"><option value="meter">
              <option value="lembar"><option value="bungkus"><option value="set">
            </datalist>
          </div>
          <div class="text-muted mt-2" style="font-size:.72rem">
            <i class="fas fa-circle-info me-1"></i>Nilai ini mengurangi Persediaan Non-SKU dan ikut menjadi HPP produk jadi.
            Qty &amp; Satuan opsional &mdash; berguna sebagai catatan jumlah fisik bahan yang dipakai.
          </div>
        </div>
      </div>

      <!-- Biaya Tambahan -->
      <div class="card mb-3">
        <div class="card-header">
          <span class="section-title">
            <span class="prod-ico me-2" style="background:linear-gradient(135deg,#8b5cf6,#7c3aed)"><i class="fas fa-screwdriver-wrench"></i></span>
            Biaya Produksi Tambahan <span class="text-muted fw-normal ms-1" style="font-size:.8rem">(opsional, tenaga kerja / overhead)</span>
          </span>
        </div>
        <div class="card-body">
          <div class="row g-2 align-items-end">
            <div class="col-md-5">
              <label class="form-label small fw-semibold">Nilai Biaya</label>
              <div class="input-group input-group-sm">
                <span class="input-group-text">Rp</span>
                <input type="number" name="biaya_tambahan" id="biayaTambahan" class="form-control"
                       min="0" step="1" value="0" oninput="recalc()">
              </div>
            </div>
            <div class="col-md-5">
              <label class="form-label small fw-semibold">Dibayar dari</label>
              <select name="akun_kas" id="akunKas" class="form-select form-select-sm">
                {% for r in rekening %}
                <option value="{{ r.kode }}">{{ r.kode }} · {{ r.nama }}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-12">
              <div class="form-text" style="font-size:.7rem">
                <i class="fas fa-circle-info me-1"></i>Jika diisi, biaya ini <strong>dikapitalisasi</strong> ke nilai persediaan barang jadi
                (Dr Persediaan / Cr Kas), sesuai PSAK 14. Jika 0, tidak ada uang keluar.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- KANAN: Ringkasan -->
    <div class="col-lg-4">
      <div class="card" style="position:sticky;top:84px">
        <div class="card-header">
          <span class="section-title"><i class="fas fa-calculator me-2"></i>Ringkasan Produksi</span>
        </div>
        <div class="card-body">
          <div class="d-flex flex-column gap-2">
            <div class="prod-sum-box">
              <div class="lbl">Total Nilai Bahan</div>
              <div class="val text-rp" id="sumBahan">Rp 0</div>
              <div class="sub" id="sumBahanBreakdown">SKU Rp 0 · Non-SKU Rp 0</div>
            </div>
            <div class="prod-sum-box">
              <div class="lbl">+ Biaya Tambahan</div>
              <div class="val text-rp" id="sumBiaya">Rp 0</div>
            </div>
            <div class="prod-sum-box" style="background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0">
              <div class="lbl" style="color:#15803d">Total HPP Produksi</div>
              <div class="val text-rp" id="sumTotal" style="color:#15803d">Rp 0</div>
            </div>
            <div class="prod-sum-box" style="background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe">
              <div class="lbl" style="color:#1d4ed8">HPP per Unit Hasil</div>
              <div class="val text-rp" id="sumPerUnit" style="color:#1d4ed8">Rp 0</div>
            </div>
          </div>

          <!-- Preview Jurnal -->
          <div class="journal-preview-wrap rounded-3 mt-3 p-2" style="font-size:.78rem">
            <div class="preview-title fw-semibold mb-1"><i class="fas fa-scale-balanced me-1"></i>Preview Jurnal</div>
            <div id="jurnalPreview" class="text-muted">Isi bahan untuk melihat preview.</div>
          </div>

          <button type="submit" class="btn btn-primary w-100 mt-3">
            <i class="fas fa-save me-1"></i>Simpan Produksi</button>
        </div>
      </div>
    </div>
  </div>
</form>

<!-- Riwayat Produksi -->
<div class="card mt-3">
  <div class="card-header">
    <span class="section-title"><i class="fas fa-clock-rotate-left me-2"></i>Riwayat Produksi
      <span class="badge bg-secondary ms-1">{{ riwayat|length }}</span></span>
  </div>
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-sm table-hover mb-0" style="font-size:.83rem">
        <thead class="table-light">
          <tr>
            <th class="ps-3">Tanggal</th>
            <th>Produk Jadi</th>
            <th class="text-center">Hasil</th>
            <th>Bahan Dipakai</th>
            <th class="text-end">Total HPP</th>
            <th class="text-end">HPP/unit</th>
            <th>Jurnal</th>
            <th class="text-end pe-3">Aksi</th>
          </tr>
        </thead>
        <tbody>
          {% for r in riwayat %}
          <tr>
            <td class="ps-3 text-muted">{{ r.tanggal|tgl }}</td>
            <td class="fw-semibold">{{ r.produk_nama }}{% if r.produk_varian %} <span class="text-muted">({{ r.produk_varian }})</span>{% endif %}</td>
            <td class="text-center">{{ r.qty_hasil|qty }} {{ r.produk_satuan }}</td>
            <td style="font-size:.76rem">
              {% for b in bahan_map.get(r.id, []) %}
                <span class="badge bg-light text-dark border">{{ b.nama }}{% if b.varian %} ({{ b.varian }}){% endif %} × {{ b.qty|qty }} {{ b.satuan }}</span>
              {% endfor %}
              {% for n in non_sku_map.get(r.id, []) %}
                <span class="badge bg-info text-dark">{{ n.deskripsi }}{% if n.qty and n.qty > 0 %} &times; {{ n.qty|qty }}{% if n.satuan %} {{ n.satuan }}{% endif %}{% endif %} {{ n.nilai|rp }}</span>
              {% endfor %}
              {% if r.biaya_tambahan and r.biaya_tambahan > 0 %}
                <span class="badge bg-info text-dark">+ biaya {{ r.biaya_tambahan|rp }}</span>
              {% endif %}
            </td>
            <td class="text-end text-rp">{{ r.total_hpp|rp }}</td>
            <td class="text-end text-rp">{{ r.hpp_per_unit|rp }}</td>
            <td>{% if r.jurnal_id %}<a href="/transaksi/{{ r.jurnal_id }}">{{ r.nomor_tx or ('#' ~ r.jurnal_id) }}</a>{% else %}-{% endif %}</td>
            <td class="text-end pe-3">
              {% if session.role in ('ADMIN','FINANCE') %}
              <form method="POST" action="/produksi/{{ r.id }}/hapus" style="display:inline"
                    onsubmit="return confirm('Batalkan produksi ini? Stok bahan akan dikembalikan dan stok hasil dihapus.')">
                <button class="btn btn-xs btn-outline-danger" title="Batalkan produksi"><i class="fas fa-trash"></i></button>
              </form>
              {% else %}
              <span class="text-muted" style="font-size:.72rem">-</span>
              {% endif %}
            </td>
          </tr>
          {% else %}
          <tr><td colspan="8" class="text-center text-muted py-4">Belum ada produksi tercatat.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

<script>
const PRODUK = {{ produk_js|tojson }};
const NON_SKU_CURRENT = {{ nilai_non_sku|default(0)|tojson }};
const PMAP = {};
PRODUK.forEach(p => PMAP[p.id] = p);

function rp(n){ return window.rpFmt ? window.rpFmt(n) : 'Rp ' + Math.round(n||0).toLocaleString('id-ID'); }
function readNum(el){ return el ? (window.numVal ? window.numVal(el) : (parseFloat(el.value)||0)) : 0; }

function bahanOptions(selectedId){
  let html = '<option value="">Pilih bahan...</option>';
  PRODUK.forEach(p => {
    const label = p.kode + ' · ' + p.nama + (p.varian ? ' ('+p.varian+')' : '') +
                  ', stok ' + p.stok + ' ' + p.satuan;
    html += `<option value="${p.id}" ${String(p.id)===String(selectedId)?'selected':''}>${label}</option>`;
  });
  return html;
}

function addBahan(){
  const tb = document.getElementById('bahanBody');
  const tr = document.createElement('tr');
  tr.innerHTML = `
    <td>
      <select name="bahan_id[]" class="form-select form-select-sm bahan-sel" onchange="recalc()">${bahanOptions('')}</select>
      <div class="bahan-stok-hint mt-1"></div>
    </td>
    <td><input type="number" name="bahan_qty[]" class="form-control form-control-sm bahan-qty text-center" min="0" step="0.01" placeholder="0" oninput="recalc()"></td>
    <td class="text-end text-rp bahan-hpp text-muted">Rp 0</td>
    <td class="text-end text-rp bahan-sub fw-semibold">Rp 0</td>
    <td class="text-center"><button type="button" class="btn btn-xs btn-outline-danger" onclick="this.closest('tr').remove();recalc()"><i class="fas fa-times"></i></button></td>`;
  tb.appendChild(tr);
  if (window.numFmtInitAll) window.numFmtInitAll();
  recalc();
}

function addNonSku(){
  const tb = document.getElementById('nonSkuBody');
  const tr = document.createElement('tr');
  tr.innerHTML = `
    <td><input type="text" name="non_sku_deskripsi[]" class="form-control form-control-sm non-sku-desc" placeholder="Mis: bumbu, saus, topping campur"></td>
    <td><input type="number" name="non_sku_qty[]" class="form-control form-control-sm non-sku-qty text-end" min="0" step="any" placeholder="0"></td>
    <td><input type="text" name="non_sku_satuan[]" class="form-control form-control-sm non-sku-satuan" placeholder="kg / liter / pcs" list="dlSatuanNonSku"></td>
    <td>
      <div class="input-group input-group-sm">
        <span class="input-group-text px-1">Rp</span>
        <input type="number" name="non_sku_nilai[]" class="form-control non-sku-nilai text-end" min="0" step="1" placeholder="0" oninput="recalc()">
      </div>
    </td>
    <td class="text-center"><button type="button" class="btn btn-xs btn-outline-danger" onclick="this.closest('tr').remove();recalc()"><i class="fas fa-times"></i></button></td>`;
  tb.appendChild(tr);
  if (window.numFmtInitAll) window.numFmtInitAll();
  recalc();
}

function recalc(){
  let totalSku = 0;
  document.querySelectorAll('#bahanBody tr').forEach(tr => {
    const sel = tr.querySelector('.bahan-sel');
    const qtyEl = tr.querySelector('.bahan-qty');
    const hppCell = tr.querySelector('.bahan-hpp');
    const subCell = tr.querySelector('.bahan-sub');
    const hint = tr.querySelector('.bahan-stok-hint');
    const p = PMAP[sel.value];
    const qty = readNum(qtyEl);
    const hpp = p ? p.harga_beli : 0;
    const sub = qty * hpp;
    hppCell.textContent = rp(hpp);
    subCell.textContent = rp(sub);
    totalSku += sub;
    if (p) {
      const kurang = qty > p.stok;
      hint.textContent = 'Stok tersedia: ' + p.stok + ' ' + p.satuan + (kurang ? ', TIDAK CUKUP!' : '');
      hint.className = 'bahan-stok-hint mt-1' + (kurang ? ' warn' : '');
      if (hpp <= 0) { hint.textContent += ' · HPP masih 0'; hint.className = 'bahan-stok-hint mt-1 warn'; }
    } else {
      hint.textContent = '';
    }
  });
  let totalNonSku = 0;
  document.querySelectorAll('#nonSkuBody tr').forEach(tr => {
    totalNonSku += readNum(tr.querySelector('.non-sku-nilai'));
  });
  const biaya = readNum(document.getElementById('biayaTambahan'));
  const totalBahan = totalSku + totalNonSku;
  const total = totalBahan + biaya;
  const qtyHasil = readNum(document.getElementById('qtyHasil'));
  const perUnit = qtyHasil > 0 ? total / qtyHasil : 0;

  document.getElementById('sumBahan').textContent = rp(totalBahan);
  document.getElementById('sumBahanBreakdown').textContent = 'SKU ' + rp(totalSku) + ' · Non-SKU ' + rp(totalNonSku);
  document.getElementById('sumBiaya').textContent = rp(biaya);
  document.getElementById('sumTotal').textContent = rp(total);
  document.getElementById('sumPerUnit').textContent = rp(perUnit);

  // Preview jurnal
  const pv = document.getElementById('jurnalPreview');
  if (total > 0) {
    let rows = [['Dr 1130 Persediaan (barang jadi)', rp(total)]];
    if (totalSku > 0) rows.push(['Cr 1130 Persediaan (bahan SKU)', rp(totalSku)]);
    if (totalNonSku > 0) rows.push(['Cr 1130 Persediaan (bahan non-SKU)', rp(totalNonSku)]);
    if (biaya > 0) {
      const kasSel = document.getElementById('akunKas');
      const kasLabel = kasSel.options[kasSel.selectedIndex] ? kasSel.options[kasSel.selectedIndex].text.split(' · ')[1] || 'Kas' : 'Kas';
      rows.push(['Cr ' + kasLabel + ' (biaya produksi)', rp(biaya)]);
    }
    pv.innerHTML = rows.map(r => '<div class="d-flex justify-content-between"><span>'+r[0]+'</span><strong>'+r[1]+'</strong></div>').join('');
  } else {
    pv.innerHTML = '<span class="text-muted">Isi bahan untuk melihat preview.</span>';
  }
}

function setJadiMode(mode){
  const isBaru = (mode === 'baru');
  document.getElementById('jadiMode').value = mode;
  document.getElementById('jadiExisting').style.display = isBaru ? 'none' : '';
  document.getElementById('jadiBaru').style.display = isBaru ? '' : 'none';
  // toggle tombol aktif
  document.getElementById('btnJadiExisting').className = 'btn btn-xs ' + (isBaru ? 'btn-outline-primary' : 'btn-primary');
  document.getElementById('btnJadiBaru').className = 'btn btn-xs ' + (isBaru ? 'btn-primary' : 'btn-outline-primary');
  // enable/disable field supaya tidak ikut tervalidasi/terkirim
  const sel = document.getElementById('produkJadi');
  const nama = document.getElementById('jadiNama');
  const satuan = document.getElementById('jadiSatuan');
  const jual = document.getElementById('jadiJual');
  sel.disabled = isBaru;
  nama.disabled = satuan.disabled = jual.disabled = !isBaru;
  recalc();
}

function validateProduksi(){
  const mode = document.getElementById('jadiMode').value;
  let pjId = '';
  if (mode === 'baru') {
    const nm = (document.getElementById('jadiNama').value || '').trim();
    if (!nm) { alert('Isi nama produk jadi baru dulu.'); return false; }
  } else {
    pjId = document.getElementById('produkJadi').value;
    if (!pjId) { alert('Pilih produk jadi dulu, atau klik "Buat baru".'); return false; }
  }
  const qh = readNum(document.getElementById('qtyHasil'));
  if (qh <= 0) { alert('Jumlah hasil produksi harus lebih dari 0.'); return false; }
  let adaBahan = false, stokKurang = false;
  document.querySelectorAll('#bahanBody tr').forEach(tr => {
    const p = PMAP[tr.querySelector('.bahan-sel').value];
    const qty = readNum(tr.querySelector('.bahan-qty'));
    if (p && qty > 0) {
      adaBahan = true;
      if (qty > p.stok) stokKurang = true;
      if (mode === 'existing' && String(p.id) === String(pjId)) { alert('Bahan baku tidak boleh sama dengan produk jadi.'); stokKurang = true; }
    }
  });
  let adaNonSku = false, totalNonSku = 0, nonSkuKosong = false;
  document.querySelectorAll('#nonSkuBody tr').forEach(tr => {
    const desc = (tr.querySelector('.non-sku-desc').value || '').trim();
    const nilai = readNum(tr.querySelector('.non-sku-nilai'));
    if (nilai > 0) {
      adaNonSku = true;
      totalNonSku += nilai;
      if (!desc) nonSkuKosong = true;
    } else if (desc) {
      nonSkuKosong = true;
    }
  });
  if (nonSkuKosong) { alert('Lengkapi deskripsi dan nilai bahan non-SKU.'); return false; }
  if (totalNonSku > NON_SKU_CURRENT) { alert('Nilai bahan non-SKU melebihi saldo persediaan non-SKU tersedia.'); return false; }
  if (!adaBahan && !adaNonSku) { alert('Isi minimal satu bahan baku SKU atau satu bahan non-SKU.'); return false; }
  if (stokKurang) { return confirm('Ada bahan dengan stok tidak cukup atau bermasalah. Tetap lanjutkan? (server akan menolak jika stok benar-benar kurang)'); }
  return true;
}

document.addEventListener('DOMContentLoaded', function(){ addBahan(); addNonSku(); setJadiMode('existing'); recalc(); });
</script>
{% endblock %}