{% extends "layout.html" %}

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

<h2>Setup Jenis 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 Jenis Barang -->
<form method="post" action="/jenis_barang" style="margin-bottom: 20px;">
    <label for="nama_jenis">Nama Jenis Barang:</label>
    <input type="text" name="nama_jenis" id="nama_jenis" required>
    <button type="submit">Tambah Jenis Barang</button>
</form>

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