{% extends "layout.html" %}

{% block content %}
<div class="header">
<h2>Setup Supplier</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 Supplier -->
<form method="post" action="/supplier" style="margin-bottom: 20px;">
    <label for="nama">Nama Supplier:</label>
    <input type="text" name="nama" id="nama" required>
    <button type="submit">Tambah Supplier</button>
</form>

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