{% extends "layout.html" %}

{% block content %}
<div class="header"> 
<h2>Setup 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 Tambah Barang -->
<form method="post" action="/barang" style="margin-bottom: 20px;">
    <label for="jenis_id">Jenis Barang:</label>
    <select name="jenis_id" id="jenis_id" required>
        <option value="">-- Pilih Jenis Barang --</option>
        {% for jenis in jenis_barang %}
        <option value="{{ jenis[0] }}">{{ jenis[1] }}</option>
        {% endfor %}
    </select>
    <br><br>

    <label for="nama_barang">Nama Barang:</label>
    <input type="text" name="nama_barang" id="nama_barang" required>
    <br><br>

    <label for="harga_pokok">Harga Pokok:</label>
    <input type="number" name="harga_pokok" id="harga_pokok" required>
    <br><br>

    <label for="harga_jual">Harga Jual:</label>
    <input type="number" name="harga_jual" id="harga_jual" required>
    <br><br>

    <label for="diskon">Diskon (%):</label>
    <input type="number" name="diskon" id="diskon" min="0" max="100">
    <br><br>

    <button type="submit">Tambah Barang</button>
</form>

<!-- Tabel Daftar Barang -->
<table border="1" cellspacing="0" cellpadding="8" style="width: 100%;">
    <thead>
        <tr>
            <th>ID</th>
            <th>Jenis Barang</th>
            <th>Nama Barang</th>
            <th>Harga Pokok</th>
            <th>Harga Jual</th>
            <th>Diskon</th>
            <th>Aksi</th>
        </tr>
    </thead>
    <tbody>
        {% for item in barang %}
        <tr>
            <td>{{ item[0] }}</td>
            <td>{{ item[1] }}</td>
            <td>{{ item[2] }}</td>
            <td>{{ item[3] }}</td>
            <td>{{ item[4] }}</td>
            <td>{{ item[5] }}%</td>
            <td>
                <a href="{{ url_for('edit_barang', id=item[0]) }}">Edit</a> |
                <form action="{{ url_for('delete_barang', id=item[0]) }}" method="post" style="display: inline;">
                    <button type="submit" onclick="return confirm('Yakin ingin menghapus barang ini?')">Hapus</button>
                </form>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}