{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
  <h2>{% if commit %}Recovery Complete{% else %}Preview — No Changes Made{% endif %}</h2>

  <div class="alert {% if commit %}alert-success{% else %}alert-warning{% endif %}">
    <strong>{% if commit %}Recovered{% else %}Would recover{% endif %}:</strong> {{ recovered }} &nbsp;|&nbsp;
    <strong>Already existed:</strong> {{ skipped }} &nbsp;|&nbsp;
    <strong>Failed/No match:</strong> {{ errors }}
  </div>

  <table class="table table-sm table-bordered">
    <thead class="table-dark">
      <tr>
        <th>Date</th><th>TransID</th><th>Name</th><th>Amount</th>
        <th>Status</th><th>Detail</th>
      </tr>
    </thead>
    <tbody>
      {% for r in results %}
      <tr class="{% if r.status == 'success' or r.status == 'would_recover' %}table-success{% elif r.status == 'no_borrower' or r.status == 'no_loan' %}table-warning{% else %}table-danger{% endif %}">
        <td>{{ r.date }}</td>
        <td>{{ r.trans_id }}</td>
        <td>{{ r.name }}</td>
        <td>KES {{ r.amount }}</td>
        <td>{{ r.status }}</td>
        <td>
          {% if r.status == 'success' %}Receipt: {{ r.receipt }} | Loan: {{ r.loan }}
          {% elif r.status == 'would_recover' %}Borrower: {{ r.borrower }} | Loan: {{ r.loan }}
          {% elif r.status == 'no_borrower' %}BillRef {{ r.bill_ref }} not matched
          {% elif r.status == 'no_loan' %}{{ r.borrower }} has no active loan
          {% else %}{{ r.message }}{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  {% if not commit and recovered > 0 %}
  <form method="post">
    {% csrf_token %}
    <button name="commit" class="btn btn-danger"
            onclick="return confirm('Create {{ recovered }} repayment records now?')">
      Confirm — Recover {{ recovered }} Payments
    </button>
  </form>
  {% endif %}

  <a href="{% url 'payments:recover_ipn_payments' %}" class="btn btn-secondary mt-2">Back</a>
</div>
{% endblock %}