{% extends "pos/base.html" %}
{% block title %}Warehouse Challan{% endblock %}
{% block heading %}Warehouse Challan{% endblock %}

{% block content %}
<div class="card">
  <div class="card-body">
    <h4 class="mb-2">Warehouse Transfer Challan</h4>
    <div><strong>Transfer #:</strong> {{ tr.transfer_no }}</div>
    <div><strong>Date:</strong> {{ tr.transfer_date }} {{ tr.transfer_time }}</div>
    <div><strong>Status:</strong> {{ tr.status }}</div>

    <div class="mt-2">
      <strong>From:</strong> {{ tr.from_warehouse|default:"-" }} <br>
      <strong>To:</strong> {{ tr.to_warehouse|default:"-" }}
    </div>

    <div class="mt-2"><strong>Remarks:</strong> {{ tr.remarks|default:"" }}</div>

    <hr>

    <div class="table-responsive">
      <table class="table table-sm table-bordered">
        <thead class="thead-light">
          <tr>
            <th>#</th>
            <th>Product</th>
            <th>Qty</th>
            <th>Bonus</th>
          </tr>
        </thead>
        <tbody>
          {% for ln in lines %}
          <tr>
            <td>{{ ln.line_no }}</td>
            <td>{{ ln.product.product_code }} — {{ ln.product.name }}</td>
            <td>{{ ln.qty }}</td>
            <td>{{ ln.bonus_qty }}</td>
          </tr>
          {% empty %}
          <tr><td colspan="4">No lines</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <script>window.print();</script>
  </div>
</div>
{% endblock %}