{% extends "pos/base.html" %}
{% load static %}
{% block title %}Bank Transfers{% endblock %}
{% block heading %}Bank Transfers{% endblock %}

{% block content %}
<form method="get" class="mb-3">
  <div class="row g-2 align-items-end">
    <div class="col-md-4">
      <label class="small">Date From</label>
      <input type="date" name="date_from" value="{{ date_from_q }}" class="form-control">
    </div>
    <div class="col-md-4">
      <label class="small">Date To</label>
      <input type="date" name="date_to" value="{{ date_to_q }}" class="form-control">
    </div>
    <div class="col-auto">
      <button class="btn btn-primary btn-sm">Search</button>
      <a href="{% url 'transactions:bank_transfer_list' %}" class="btn btn-secondary btn-sm">Reset</a>
    </div>
  </div>
</form>

<div class="mb-3">
  <a href="{% url 'transactions:bank_transfer_add' %}" class="btn btn-success btn-sm">
    <i class="fas fa-plus"></i> New Transfer
  </a>
</div>

<div class="card">
  <div class="card-body table-responsive">
    <table class="table table-bordered table-hover">
      <thead>
        <tr>
          <th>#</th><th>Challan #</th><th>Date</th><th>From → To</th>
          <th class="text-end">Amount</th><th>Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for r in rows %}
        <tr>
          <td>{{ forloop.counter }}</td>
          <td>{{ r.transfer_no }}</td>
          <td>{{ r.transaction_date }}</td>
          <td>{{ r.from_bank }} → {{ r.to_bank }}</td>
          <td class="text-end">{{ r.amount|floatformat:2 }}</td>
          <td>
            <a href="{% url 'transactions:bank_transfer_edit' r.transfer_no %}" class="btn btn-warning btn-sm"><i class="fas fa-edit"></i></a>
            <a href="{% url 'transactions:bank_transfer_delete' r.transfer_no %}" class="btn btn-danger btn-sm" onclick="return confirm('Delete transfer #{{ r.transfer_no }}?');"><i class="fas fa-trash"></i></a>

            <!-- Fast HTML receipt — Thermal / A5 / A4 (replaces the slow PDF receipt) -->
            <div class="btn-group">
              <button type="button" class="btn btn-dark btn-sm dropdown-toggle"
                      data-toggle="dropdown" data-bs-toggle="dropdown" aria-expanded="false" title="Print Receipt">
                <i class="fas fa-receipt"></i>
              </button>
              <ul class="dropdown-menu dropdown-menu-right dropdown-menu-end">
                <li><a class="dropdown-item" target="_blank"
                       href="{% url 'transactions:bank_transfer_receipt_sized' r.transfer_no 'thermal' %}">
                  <i class="fas fa-receipt mr-1"></i> Thermal (80mm)</a></li>
                <li><a class="dropdown-item" target="_blank"
                       href="{% url 'transactions:bank_transfer_receipt_sized' r.transfer_no 'a5' %}">
                  <i class="fas fa-file-alt mr-1"></i> A5</a></li>
                <li><a class="dropdown-item" target="_blank"
                       href="{% url 'transactions:bank_transfer_receipt_sized' r.transfer_no 'a4' %}">
                  <i class="fas fa-file mr-1"></i> A4</a></li>
              </ul>
            </div>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    <div class="text-end mt-2">
      <span class="badge bg-primary fs-6">Total: {{ total|floatformat:2 }}</span>
    </div>
  </div>
</div>
{% endblock %}