{% extends "layouts/admin_base.html" %}

{% block title %}
Edit Barang - Inventori ANN
{% endblock %}


{% block page_title %}
Edit Barang
{% endblock %}


{% block content %}

<div class="mb-4">

    <h3 class="fw-bold text-success mb-1">
        Edit Data Barang
    </h3>

    <p class="text-muted mb-0">
        Perbarui informasi master barang Toko Grosir Cucu.
    </p>

</div>


<div class="card border-0 shadow-sm">

    <div class="card-body p-4">

        <form
            method="POST"
            action="/admin/barang/edit/{{ barang.id }}"
        >

            <!-- ========================= -->
            <!-- IDENTITAS BARANG -->
            <!-- ========================= -->

            <h5 class="fw-bold mb-3">
                Identitas Barang
            </h5>


            <div class="row g-3">

                <div class="col-md-4">

                    <label class="form-label">
                        Kode Barang
                    </label>

                    <input
                        type="text"
                        name="kode_barang"
                        class="form-control"
                        value="{{ barang.kode_barang }}"
                        required
                    >

                    <small class="text-muted">
                        Kode harus unik untuk setiap barang.
                    </small>

                </div>


                <div class="col-md-5">

                    <label class="form-label">
                        Nama Barang
                    </label>

                    <input
                        type="text"
                        name="nama_barang"
                        class="form-control"
                        value="{{ barang.nama_barang }}"
                        required
                    >

                </div>


                <div class="col-md-3">

                    <label class="form-label">
                        Kategori
                    </label>

                    <input
                        type="text"
                        name="kategori"
                        class="form-control"
                        value="{{ barang.kategori }}"
                        required
                    >

                </div>

            </div>


            <hr class="my-4">


            <!-- ========================= -->
            <!-- SATUAN BARANG -->
            <!-- ========================= -->

            <h5 class="fw-bold mb-2">
                Satuan Barang
            </h5>

            <p class="text-muted">
                Satuan besar digunakan untuk transaksi barang masuk.
                Satuan kecil digunakan sebagai dasar perhitungan stok.
                Kasir nantinya dapat menjual dalam satuan besar maupun kecil.
            </p>


            <div class="row g-3">

                <!-- SATUAN BESAR -->

                <div class="col-md-4">

                    <label class="form-label">
                        Satuan Besar
                    </label>

                    <select
                        name="satuan_besar"
                        class="form-select"
                        required
                    >

                        <option value="">
                            -- Pilih Satuan Besar --
                        </option>

                        <option
                            value="Karung"
                            {% if barang.satuan_besar == "Karung" %}selected{% endif %}
                        >
                            Karung
                        </option>

                        <option
                            value="Karton"
                            {% if barang.satuan_besar == "Karton" %}selected{% endif %}
                        >
                            Karton
                        </option>

                        <option
                            value="Pak"
                            {% if barang.satuan_besar == "Pak" %}selected{% endif %}
                        >
                            Pak
                        </option>

                        <option
                            value="Bal"
                            {% if barang.satuan_besar == "Bal" %}selected{% endif %}
                        >
                            Bal
                        </option>

                        <option
                            value="Dus"
                            {% if barang.satuan_besar == "Dus" %}selected{% endif %}
                        >
                            Dus
                        </option>

                    </select>

                </div>


                <!-- SATUAN KECIL -->

                <div class="col-md-4">

                    <label class="form-label">
                        Satuan Kecil
                    </label>

                    <select
                        name="satuan_kecil"
                        class="form-select"
                        required
                    >

                        <option value="">
                            -- Pilih Satuan Kecil --
                        </option>

                        <option
                            value="Box"
                            {% if barang.satuan_kecil == "Box" %}selected{% endif %}
                        >
                            Box
                        </option>

                        <option
                            value="Pak"
                            {% if barang.satuan_kecil == "Pak" %}selected{% endif %}
                        >
                            Pak
                        </option>

                        <option
                            value="Pcs"
                            {% if barang.satuan_kecil == "Pcs" %}selected{% endif %}
                        >
                            Pcs
                        </option>

                        <option
                            value="Bungkus"
                            {% if barang.satuan_kecil == "Bungkus" %}selected{% endif %}
                        >
                            Bungkus
                        </option>

                        <option
                            value="Kaleng"
                            {% if barang.satuan_kecil == "Kaleng" %}selected{% endif %}
                        >
                            Kaleng
                        </option>

                        <option
                            value="Kg"
                            {% if barang.satuan_kecil == "Kg" %}selected{% endif %}
                        >
                            Kg
                        </option>

                        <option
                            value="Renceng"
                            {% if barang.satuan_kecil == "Renceng" %}selected{% endif %}
                        >
                            Renceng
                        </option>

                        <option
                            value="Botol"
                            {% if barang.satuan_kecil == "Botol" %}selected{% endif %}
                        >
                            Botol
                        </option>

                    </select>

                </div>


                <!-- ISI -->

                <div class="col-md-4">

                    <label class="form-label">
                        Isi per Satuan Besar
                    </label>

                    <input
                        type="number"
                        name="isi_per_satuan"
                        class="form-control"
                        min="1"
                        value="{{ barang.isi_per_satuan }}"
                        required
                    >

                    <small class="text-muted">
                        Contoh: 1 Dus = 24 Botol.
                    </small>

                </div>

            </div>


            <hr class="my-4">


            <!-- ========================= -->
            <!-- HARGA -->
            <!-- ========================= -->

            <h5 class="fw-bold mb-3">
                Harga Barang
            </h5>


            <div class="row g-3">

                <div class="col-md-4">

                    <label class="form-label">
                        Harga Modal
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            Rp
                        </span>

                        <input
                            type="number"
                            name="harga_modal"
                            class="form-control"
                            min="0"
                            step="1"
                            value="{{ barang.harga_modal|int }}"
                            required
                        >

                    </div>

                    <small class="text-muted">
                        Harga modal per satuan besar.
                    </small>

                </div>


                <div class="col-md-4">

                    <label class="form-label">
                        Harga Jual Satuan Besar
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            Rp
                        </span>

                        <input
                            type="number"
                            name="harga_jual_besar"
                            class="form-control"
                            min="0"
                            step="1"
                            value="{{ barang.harga_jual_besar|int }}"
                            required
                        >

                    </div>

                </div>


                <div class="col-md-4">

                    <label class="form-label">
                        Harga Jual Satuan Kecil
                    </label>

                    <div class="input-group">

                        <span class="input-group-text">
                            Rp
                        </span>

                        <input
                            type="number"
                            name="harga_jual_kecil"
                            class="form-control"
                            min="0"
                            step="1"
                            value="{{ barang.harga_jual_kecil|int }}"
                            required
                        >

                    </div>

                </div>

            </div>


            <hr class="my-4">


            <!-- ========================= -->
            <!-- STOK -->
            <!-- ========================= -->

            <h5 class="fw-bold mb-3">
                Informasi Stok
            </h5>

            <div class="alert alert-success">

                Stok saat ini:

                <strong>
                    {{ barang.stok_kecil }}
                    {{ barang.satuan_kecil }}
                </strong>

            </div>


            <div class="alert alert-warning">

                <strong>Stok tidak dapat diedit dari halaman ini.</strong>

                Penambahan stok dilakukan melalui transaksi
                <strong>Barang Masuk oleh Gudang</strong> dan pengurangan
                stok dilakukan melalui transaksi
                <strong>Barang Keluar oleh Kasir</strong>.

                Dengan demikian, perubahan stok tetap tercatat sebagai
                histori transaksi untuk kebutuhan dataset penelitian ANN.

            </div>


            <!-- ========================= -->
            <!-- TOMBOL -->
            <!-- ========================= -->

            <div class="d-flex justify-content-end gap-2">

                <a
                    href="/admin/barang"
                    class="btn btn-secondary"
                >
                    Batal
                </a>

                <button
                    type="submit"
                    class="btn btn-success"
                >
                    Simpan Perubahan
                </button>

            </div>

        </form>

    </div>

</div>

{% endblock %}