{# templates/pos_api/android_sales_bulk_approve_edit.html #}
{% extends "pos/base.html" %}
{% block content %}

<div class="container-fluid">

  <div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="mb-0">Bulk Approve (Edit First)</h4>
    <a class="btn btn-light" href="{% url 'pos_api:android_sales_list' %}">← Back</a>
  </div>

  <div class="alert alert-info">
    Selected invoices: <b>{{ count_invoices }}</b> |
    Edit Qty/Bonus, then Confirm Approve.
  </div>

  <form method="post" action="{% url 'pos_api:android_sales_approve_bulk_confirm' %}">
    {% csrf_token %}

    {% for inv in invoices %}
      <input type="hidden" name="invoice_nos" value="{{ inv.invoice_no }}">

      <div class="card mb-4">
        <div class="card-header d-flex align-items-center justify-content-between">
          <div>
            <b>Invoice #{{ inv.invoice_no }}</b>
            <span class="text-muted ml-2">Customer: {{ inv.pay.party_descp|default:"—" }}</span>
            <span class="text-muted ml-2">Date: {{ inv.pay.transaction_date }}</span>
          </div>
          {% if inv.has_block %}
            <span class="badge badge-danger">Blocked lines present</span>
          {% else %}
            <span class="badge badge-success">All lines OK</span>
          {% endif %}
        </div>

        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="table table-sm table-hover mb-0">
              <thead class="thead-light">
                <tr>
                  <th style="width:60px;">#</th>
                  <th>Product</th>
                  <th style="width:110px;">Stock</th>
                  <th style="width:140px;">Qty</th>
                  <th style="width:140px;">Bonus</th>
                  <th>Status</th>
                </tr>
              </thead>
              <tbody>
                {% for it in inv.items %}
                  <tr class="{% if not it.plan_ok %}table-danger{% endif %}">
                    <td>{{ forloop.counter }}</td>
                    <td>
                      <div><b>{{ it.product_name }}</b></div>
                      <div class="text-muted">Code: {{ it.product_code }}</div>
                      {% if not inv.stock_roles.check_batch and not inv.zero_stock_allow %}
                      <div class="small text-muted mt-1">
                        Avail Qty: {{ it.qty_usable_total|floatformat:2 }}
                        {% if it.bonus > 0 %}
                          | Avail Bonus: {{ it.bonus_usable_total|floatformat:2 }}
                        {% endif %}
                      </div>
                    {% endif %}
                    </td>
                    <td>{{ it.legacy_stock }}</td>

                    <td>
                      <input type="number"
                             step="0.001"
                             min="0"
                             class="form-control form-control-sm"
                             name="qty_{{ inv.invoice_no }}_{{ it.idx }}"
                             value="{{ it.quantity_ppcs }}">
                    </td>

                    <td>
                      <input type="number"
                             step="0.001"
                             min="0"
                             class="form-control form-control-sm"
                             name="bon_{{ inv.invoice_no }}_{{ it.idx }}"
                             value="{{ it.bonus_pcs }}">
                    </td>

                    <td>
                      {% if it.plan_ok %}
                        <span class="badge badge-success">OK</span>
                      {% else %}
                        <span class="badge badge-danger">BLOCKED</span>

                        {% if it.qty_short > 0 %}
                          <div class="small text-danger mt-1">
                            Qty short: {{ it.qty_short|floatformat:3 }}
                          </div>
                        {% endif %}

                        {% if it.bonus_short > 0 %}
                          <div class="small text-danger">
                            Bonus short: {{ it.bonus_short|floatformat:3 }}
                          </div>
                        {% endif %}

                        {% if it.plan_errors %}
                          <div class="small mt-1">
                            {% for e in it.plan_errors %}
                              <div>• {{ e }}</div>
                            {% endfor %}
                          </div>
                        {% endif %}
                      {% endif %}
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>

          <div class="p-3 border-top">
            <div class="row">
              <div class="col-md-4">
                <div><b>Total:</b> {{ inv.pay.total_amount }}</div>
                <div><b>Received:</b> {{ inv.pay.amount_transaction }}</div>
              </div>
              <div class="col-md-8 text-muted small">
              {% if inv.zero_stock_allow %}
                Zero-stock mode active hai. Invoice block nahi hogi, stock negative ja sakta hai.
              {% else %}
                Agar stock issue hai to qty/bonus reduce karo, phir Confirm Approve.
              {% endif %}
            </div>
            </div>
          </div>

        </div>
      </div>
    {% endfor %}

    <div class="d-flex justify-content-end">
      <button class="btn btn-primary btn-lg">
        ✅ Confirm Approve Selected
      </button>
    </div>
  </form>

</div>

{% endblock %}