{% extends "layout.html" %}

{% block content %}
<div class="header">
    <h1>Tambah Transaksi Baru</h1>
</div>
<div>
    {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        <ul>
        {% for category, message in messages %}
            <li class="{{ category }}">{{ message }}</li>
        {% endfor %}
        </ul>
    {% endif %}
    {% endwith %}
    <form action="/tambah" method="post">
        <label for="pelanggan">Nama Pelanggan:</label><br>
        <input type="text" id="pelanggan" name="pelanggan" required><br><br>

        <label for="tanggal">Tanggal:</label><br>
        <input type="date" id="tanggal" name="tanggal" required><br><br>

        <label for="total">Total:</label><br>
        <input type="text" id="total" name="total" required><br><br>

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