{% extends "base_operator.html" %}
{% block title %}Payments — operator{% endblock %}
{% set page = 'op-payments' %}
{% block page_title %}Payments{% endblock %}
{% block topbar %}<span class="td-mut">{{ payments|length }} on {{ coin.ticker }}</span>{% endblock %}

{% block content %}
<div class="tc">
  {% if payments %}
  <table>
    <thead><tr><th>Time</th><th>Address</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-mut">{{ p.address | truncate_mid }}</td>
        <td class="td-m">{{ p.amount | coin_amount_short }}</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">failed</span>{% endif %}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="empty"><div class="empty-t">No payments yet</div></div>
  {% endif %}
</div>
{% endblock %}