{% extends "adminpanel/base.html" %}
{% load money %}
{% block title %}Payments — admin{% endblock %}
{% block heading %}Payments{% endblock %}

{% block content %}
<div class="pane">
  <div class="kpis">
    <div class="kpi"><div class="lbl">Received</div><div class="val">{{ received|naira }}</div><div class="sub">{{ payments|length }} payments</div></div>
    <div class="kpi"><div class="lbl">This month</div><div class="val">{{ this_month|naira }}</div><div class="sub">confirmed</div></div>
    <div class="kpi"><div class="lbl">By transfer</div><div class="val">{{ by_transfer }}</div><div class="sub">of {{ payments|length }}</div></div>
    <div class="kpi"><div class="lbl">Failed</div><div class="val">{{ failed }}</div><div class="sub">all time</div></div>
  </div>

  <div class="panel">
    <div class="panel-h"><h2>Payments received</h2></div>
    <div style="overflow:auto"><table>
      <tr><th>Date</th><th>Client</th><th>Project</th><th>Amount</th><th>Method</th><th>Reference</th><th>Status</th></tr>
      {% for p in payments %}
      <tr><td>{{ p.paid_on|date:"j M Y" }}</td><td>{{ p.client }}</td><td>{{ p.project.name|default:"—" }}</td>
        <td>{{ p.amount|naira }}</td><td>{{ p.get_method_display }}</td><td class="mono">{{ p.reference }}</td>
        <td><span class="status {{ p.get_status_display|status_class }}">{{ p.get_status_display }}</span></td></tr>
      {% empty %}<tr><td colspan="7" class="muted">No payments recorded.</td></tr>{% endfor %}
    </table></div>
  </div>

  <div class="panel">
    <div class="panel-h"><h2>Payment configuration</h2></div>
    <div class="panel-b">
      <p class="muted" style="font-size:15px">Collection runs through your own payment infrastructure. Secret keys live in environment variables, never in the database.</p>
      <dl class="dl" style="margin-top:14px">
        <dt>Provider</dt><dd>{{ site.payment_provider|default:"Not set" }}</dd>
        <dt>Mode</dt><dd>{{ site.payment_mode }}</dd>
        <dt>Webhook</dt><dd class="mono">{{ site.webhook_url|default:"Not set" }}</dd>
      </dl>
      <a href="{% url 'admin_settings' %}?tab=payment" class="btn btn-sm" style="margin-top:16px">Payment settings</a>
    </div>
  </div>
</div>
{% endblock %}