{% extends 'admin_pages/base_admin.html' %}
{% block title %}Return Items | 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 - Invoice #{{ saleorder.id }}</h3>
  </div>
  <div class="card-body">
    <div class="mb-3">
      <p class="fw-semibold">
        <strong>Already refunded total:</strong> {{ total_already_refunded }} pcs &nbsp;|
        <strong>Remaining to refund:</strong> {{ sum_remaining }} pcs
      </p>
    </div>

    <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;">{{ remarks }}</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>Sold Qty</th>
              <th>Refunded</th>
              <th>Returnable</th>
              <th>Return Qty</th>
            </tr>
          </thead>
          <tbody>
            {% for item in saleorder_items %}
            <tr>
              <td>{{ item.product.product.title }}</td>
              <td>{{ item.product.batch_number }}</td>
              <td>{{ item.quantity }}</td>
              <td>{{ item.returned }}</td>
              <td>{{ item.remaining }}</td>
              <td>
                <input
                  type="number"
                  name="qty-{{ item.id }}"
                  class="form-control"
                  step="0.01"
                  value="0"
                  max="{{ item.remaining }}"
                  {% if item.remaining <= 0 %}disabled{% endif %}
                  {% if item.remaining > 0 %}required{% 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:saleorder_list' %}" class="btn btn-outline-secondary">Cancel</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}