{% comment %}
  sales/templates/sales/_hold_issue_form.html
  Issue-Stock modal ka body — sales.html AJAX se load karke #holdIssueModal me daalti hai.
{% endcomment %}
<div id="holdIssueBody"
     data-invoice="{{ invoice_no }}"
     data-txn="{{ txn_type }}"
     data-return="{% if is_return %}1{% else %}0{% endif %}">

  <div class="d-flex justify-content-between align-items-center mb-2">
    <div>
      <span class="badge badge-warning">HOLD</span>
      <strong class="ml-1">Invoice #{{ invoice_no }}</strong>
      <span class="text-muted ml-2">{{ party }}</span>
    </div>
    <div>
      <label class="small mb-0 mr-1">Issue Date</label>
      <input type="date" id="hold_issue_date" class="form-control form-control-sm d-inline-block"
             style="width:160px" value="{{ today }}">
    </div>
  </div>

  <div class="table-responsive">
    <table class="table table-sm table-bordered mb-2">
      <thead class="thead-light">
        <tr>
          <th>Product</th>
          <th class="text-end">Ordered</th>
          <th class="text-end">Issued</th>
          <th class="text-end">Remaining</th>
          <th class="text-end" style="width:140px">
            {% if is_return %}Receive now{% else %}Issue now{% endif %}
          </th>
        </tr>
      </thead>
      <tbody>
        {% for r in summary %}
        <tr data-lineuid="{{ r.line_uid }}" data-remaining="{{ r.remaining_qty }}">
          <td>{{ r.product_name }}</td>
          <td class="text-end">{{ r.ordered_qty }}{% if r.ordered_bonus %} (+{{ r.ordered_bonus }}){% endif %}</td>
          <td class="text-end">{{ r.issued_qty }}</td>
          <td class="text-end remaining-cell">{{ r.remaining_qty }}</td>
          <td class="text-end">
            <input type="number" min="0" step="any" class="form-control form-control-sm issue-qty text-end"
                   max="{{ r.remaining_qty }}" value="0"
                   {% if r.remaining_qty <= 0 %}disabled{% endif %}>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="5" class="text-center text-muted">Koi line nahi mili.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <div class="form-group mb-2">
    <input type="text" id="hold_issue_remarks" class="form-control form-control-sm"
           placeholder="Remarks (optional)">
  </div>

  <div class="d-flex justify-content-end gap-2 mb-3">
    <button type="button" class="btn btn-sm btn-secondary" id="holdIssueFillAll">Fill Remaining</button>
    <button type="button" class="btn btn-sm btn-success ml-2" id="holdIssueSaveBtn"
            {% if fully_issued %}disabled{% endif %}>
      {% if is_return %}Receive Stock{% else %}Issue Stock{% endif %}
    </button>
  </div>

  {% if fully_issued %}
    <div class="alert alert-success py-2 small mb-2">Poora stock issue ho chuka — invoice complete hai.</div>
  {% endif %}

  {% if history %}
  <h6 class="text-muted small mb-1">Issue History &amp; Challans</h6>
  <div class="table-responsive">
    <table class="table table-sm table-bordered">
      <thead class="thead-light">
        <tr><th style="width:50px">#</th><th>Date</th><th>Items</th><th>Remarks</th><th style="width:150px" class="text-center">Challan</th></tr>
      </thead>
      <tbody>
        {% for h in history %}
        <tr>
          <td>{{ h.issue_no }}</td>
          <td>{{ h.issue_date }}</td>
          <td>
            {% for l in h.lines %}
              <span class="badge badge-light border">{{ l.product_code }} &times; {{ l.qty_issued }}{% if l.bonus_issued %}(+{{ l.bonus_issued }}){% endif %}</span>
            {% endfor %}
          </td>
          <td>{{ h.remarks }}</td>
          <td class="text-center">
            <div class="btn-group btn-group-sm" role="group">
              <button type="button" class="btn btn-outline-dark challan-print" title="80mm"
                      data-invoice="{{ invoice_no }}" data-txn="{{ txn_type }}" data-issue="{{ h.issue_no }}" data-size="80mm">80mm</button>
              <button type="button" class="btn btn-outline-dark challan-print" title="A5"
                      data-invoice="{{ invoice_no }}" data-txn="{{ txn_type }}" data-issue="{{ h.issue_no }}" data-size="a5">A5</button>
              <button type="button" class="btn btn-outline-dark challan-print" title="A4"
                      data-invoice="{{ invoice_no }}" data-txn="{{ txn_type }}" data-issue="{{ h.issue_no }}" data-size="a4">A4</button>
            </div>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</div>