{% extends 'admin_pages/base_admin.html' %}
{% block title %}Return To Supplier | Admin Panel{% endblock %}

{% block content %}
<div class="card shadow-sm mt-4">
  <div class="card-header bg-primary text-white">
    <h3 class="mb-0">Return Items - Order #{{ order.id }}</h3>
  </div>
  <div class="card-body">
    <form method="post" novalidate>
      {% csrf_token %}
      <div class="form-floating mb-4">
        <textarea name="remarks" class="form-control" placeholder="Enter return remarks here" id="remarks" style="height: 80px;"></textarea>
        <label for="remarks">Remarks</label>
      </div>
      <div class="table-responsive">
        <table class="table table-hover align-middle">
          <thead class="table-light">
            <tr>
              <th>Product</th>
              <th>Batch No</th>
              <th>Received Qty</th>
              <th>Sold Qty</th>
              <th>Returned</th>
              <th>Returnable</th>
              <th>Return Qty</th>
            </tr>
          </thead>
          <tbody>
            {% for item in items %}
            <tr>
              <td>{{ item.product.title }}</td>
              <td>{{ item.batch_details }}</td>
              <td>{{ item.received_quantity }}</td>
              <td>{{ item.sold }}</td>
              <td>{{ item.returned }}</td>
              <td>{{ item.returnable }}</td>
              <td>
                <input type="number" name="qty-{{ item.id }}" class="form-control" step="1" value="0" max="{{ item.returnable }}" {% if item.returnable <= 0 %}disabled{% endif %}>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <div class="d-flex justify-content-end mt-4">
        <button type="submit" class="btn btn-success me-2">Process Return</button>
        <a href="{% url 'inventory:order_list' %}" class="btn btn-outline-secondary">Cancel</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}