{% extends "base.html" %}
{% block title %}Requisitions{% endblock %}
{% block content %}
<div class="page-head"><h1>Internal requisitions</h1></div>
<form method="post" class="panel mb-3">
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
  <h2>Request items for internal use</h2>
  <div class="row g-2 align-items-end">
    <div class="col-md-4"><label class="form-label" for="product_id">Product</label>
      <select class="form-select" id="product_id" name="product_id" required><option value="">Choose a product</option>
        {% for p in products %}<option value="{{ p.id }}">{{ p.sku }} | {{ p.name }}</option>{% endfor %}</select></div>
    <div class="col-md-2"><label class="form-label" for="warehouse_id">Take from</label>
      <select class="form-select" id="warehouse_id" name="warehouse_id">
        {% for w in warehouses %}<option value="{{ w.id }}">{{ w.name }}</option>{% endfor %}</select></div>
    <div class="col-md-1"><label class="form-label" for="qty">Qty</label>
      <input class="form-control" id="qty" name="qty" type="number" min="1" value="1" required></div>
    <div class="col-md-3"><label class="form-label" for="reason">Reason</label>
      <input class="form-control" id="reason" name="reason" placeholder="What is it for?"></div>
    <div class="col-md-2"><button class="btn btn-primary w-100">Send request</button></div>
  </div>
</form>
<div class="panel flush">
  <table class="table align-middle">
    <thead><tr><th>No.</th><th>Date</th><th>Product</th><th>Warehouse</th><th>Reason</th><th>Requested by</th>
      <th class="num">Qty</th><th>Status</th><th></th></tr></thead>
    <tbody>
    {% for r in rows %}
      <tr><td>REQ-{{ r.id }}</td><td>{{ r.created_at[:16] }}</td><td>{{ r.product }}</td><td>{{ r.warehouse }}</td>
        <td>{{ r.reason or '' }}</td><td>{{ r.requester or '' }}</td><td class="num">{{ r.qty }} {{ r.unit }}</td>
        <td>{% if r.status == 'pending' %}<span class="tag">waiting</span>
            {% elif r.status == 'approved' %}<span class="qty-in">approved</span> by {{ r.decider }}
            {% else %}<span class="qty-out">rejected</span> by {{ r.decider }}{% endif %}</td>
        <td class="num">
          {% if r.status == 'pending' and session.role == 'admin' %}
          <form class="d-inline" method="post" action="{{ url_for('requisition_decide', req_id=r.id, decision='approve') }}">
            <input type="hidden" name="_csrf" value="{{ csrf_token() }}"><button class="btn btn-sm btn-primary">Approve</button></form>
          <form class="d-inline" method="post" action="{{ url_for('requisition_decide', req_id=r.id, decision='reject') }}">
            <input type="hidden" name="_csrf" value="{{ csrf_token() }}"><button class="btn btn-sm btn-outline-danger">Reject</button></form>
          {% endif %}
        </td></tr>
    {% else %}
      <tr><td colspan="9" class="text-secondary">No requisitions yet.</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}