{% extends "base_miner.html" %}
{% block title %}Payments — {{ coin.display_name }} Pool{% endblock %}
{% set page = 'payments' %}

{% block content %}
<div class="wrap">
  <div class="dash-head"><div><h1>Payments</h1><div class="sub">{{ payments|length }} {% if POOL_MODE == 'demo' %}test {% endif %}payouts</div></div></div>

  <div class="tc">
    {% if payments %}
    <table>
      <thead><tr><th>Date</th><th>Amount</th><th>Txid</th><th>Status</th></tr></thead>
      <tbody>
        {% for p in payments %}
        <tr>
          <td class="td-mut">{{ p.time | date_short }}</td>
          <td class="td-m">{{ p.amount | coin_amount }} {{ coin.ticker }}</td>
          <td>{% if p.txid %}<a href="{{ coin.explorer_url }}/tx/{{ p.txid }}" target="_blank" rel="noopener" class="tx-link">{{ p.txid | truncate_mid }} ↗</a>{% else %}<span class="td-mut">—</span>{% endif %}</td>
          <td>{% if p.status == 'confirmed' %}<span class="chip c-pos">confirmed</span>{% elif p.status == 'sent' %}<span class="chip c-warn">sent</span>{% else %}<span class="chip c-neg" title="Will retry next cycle">failed</span>{% endif %}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
    <div class="empty">
      <svg viewBox="0 0 24 24" fill="none" stroke="var(--text-mute)" stroke-width="1.4"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/></svg>
      <div class="empty-t">No payments yet</div>
      <div class="empty-d">Your first payout sends automatically once your confirmed balance reaches your threshold.</div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}