{% extends "base.html" %}
{% block title %}Transfers{% endblock %}
{% block content %}
<div class="page-head"><h1>Transfers between warehouses</h1></div>
<form method="post" class="panel mb-3">
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
  <h2>Move stock</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="from_warehouse_id">From</label>
      <select class="form-select" id="from_warehouse_id" name="from_warehouse_id">
        {% for w in warehouses %}<option value="{{ w.id }}">{{ w.name }}</option>{% endfor %}</select></div>
    <div class="col-md-2"><label class="form-label" for="to_warehouse_id">To</label>
      <select class="form-select" id="to_warehouse_id" name="to_warehouse_id">
        {% for w in warehouses %}<option value="{{ w.id }}" {% if loop.index == 2 %}selected{% endif %}>{{ 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-2"><label class="form-label" for="note">Note</label>
      <input class="form-control" id="note" name="note"></div>
    <div class="col-md-1"><button class="btn btn-primary w-100">Move</button></div>
  </div>
</form>
<div class="panel flush">
  <table class="table">
    <thead><tr><th>No.</th><th>Date</th><th>Product</th><th>From</th><th>To</th><th>Note</th><th>By</th><th class="num">Qty</th></tr></thead>
    <tbody>
    {% for t in rows %}
      <tr><td>TRF-{{ t.id }}</td><td>{{ t.created_at[:16] }}</td><td>{{ t.product }}</td><td>{{ t.from_wh }}</td>
        <td>{{ t.to_wh }}</td><td>{{ t.note or '' }}</td><td>{{ t.username or '' }}</td><td class="num">{{ t.qty }}</td></tr>
    {% else %}
      <tr><td colspan="8" class="text-secondary">No transfers yet. Use the form above to move stock.</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}