{% extends "base.html" %}
{% block title %}Dashboard - Request Order{% endblock %}

{% block content %}
<section class="content">
    <div class="container-fluid">

        <div class="card card-primary card-outline">
            <div class="card-header"><h3 class="card-title">Request Order Baru</h3></div>
            <div class="card-body">
                <form action="/request-order" method="post">
                    <div class="form-group">
                        <label>Nama Barang</label>
                        <input type="text" name="nama_barang" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Jumlah</label>
                        <input type="number" name="jumlah" class="form-control" required>
                    </div>
                    <div class="form-group">
                        <label>Nama Toko</label>
                        <input type="text" name="nama_toko" class="form-control" required>
                    </div>
                    <button type="submit" class="btn btn-primary"><i class="fas fa-plus"></i> Tambah Request</button>
                </form>
            </div>
        </div>

        <div class="card card-info card-outline mt-4">
            <div class="card-header"><h3 class="card-title">Daftar Request Order</h3></div>
            <div class="card-body p-0">
                <table class="table table-striped table-bordered table-hover m-0">
					<thead class="thead-dark">
						<tr>
							<th>#</th>
							<th>Nama Barang</th>
							<th>Jumlah</th>
							<th>Nama Toko</th>
							<th>Aksi</th>
						</tr>
					</thead>
					<tbody>
						{% for item in data %}
						<tr>
							<td>{{ loop.index }}</td>
							<td>{{ item.nama_barang }}</td>
							<td>{{ item.jumlah }}</td>
							<td>{{ item.nama_toko }}</td>
							<td>
								<form method="post" action="/create-po" style="display:inline;">
									<input type="hidden" name="nama_barang" value="{{ item.nama_barang }}">
									<input type="hidden" name="jumlah" value="{{ item.jumlah }}">
									<input type="hidden" name="nama_toko" value="{{ item.nama_toko }}">
									<button class="btn btn-sm btn-success" type="submit">
										<i class="fas fa-arrow-right"></i> Proses ke PO
									</button>
								</form>
							</td>
						</tr>
						{% endfor %}
						{% if not data %}
						<tr><td colspan="5" class="text-center">Belum ada data</td></tr>
						{% endif %}
					</tbody>
                </table>
            </div>
        </div>

    </div>
</section>
{% endblock %}