{% extends "layout.html" %}

{% block content %}
<div class="header">

<h2>Edit Barang</h2>
</div>

<!-- Flash Messages -->
{% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        <ul>
        {% for category, message in messages %}
            <li style="color: {% if category == 'error' %}red{% else %}green{% endif %};">{{ message }}</li>
        {% endfor %}
        </ul>
    {% endif %}
{% endwith %}

<!-- Form Edit Barang -->
<form method="post" action="{{ url_for('edit_barang', id=barang[0]) }}">
    <label for="jenis_id">Jenis Barang:</label>
    <select name="jenis_id" id="jenis_id" required>
        {% for jenis in jenis_barang %}
        <option value="{{ jenis[0] }}" {% if jenis[0] == barang[1] %}selected{% endif %}>{{ jenis[1] }}</option>
        {% endfor %}
    </select>
    <br><br>

    <label for="nama_barang">Nama Barang:</label>
    <input type="text" name="nama_barang" id="nama_barang" value="{{ barang[2] }}" required>
    <br><br>

    <label for="harga_pokok">Harga Pokok:</label>
    <input type="number" name="harga_pokok" id="harga_pokok" value="{{ barang[3] }}" required>
    <br><br>

    <label for="harga_jual">Harga Jual:</label>
    <input type="number" name="harga_jual" id="harga_jual" value="{{ barang[4] }}" required>
    <br><br>

    <label for="diskon">Diskon (%):</label>
    <input type="number" name="diskon" id="diskon" value="{{ barang[5] }}" min="0" max="100">
    <br><br>

    <button type="submit">Simpan Perubahan</button>
</form>
{% endblock %}