{% extends "base_miner.html" %}
{% block title %}Dashboard — {{ coin.display_name }} Pool{% endblock %}
{% set page = 'dashboard' %}
{# Auto-refresh ~20s — a plain polled meta refresh, no SPA #}
{% block head_extra %}<meta http-equiv="refresh" content="20">{% endblock %}

{% block content %}
<div class="wrap">
  <div class="dash-head">
    <div>
      <h1>Your mining</h1>
      <div class="sub">{{ current_user.mining_name }}{% if current_user.payout_address %} · {{ current_user.payout_address | truncate_mid }}{% else %} · no payout address set{% endif %}</div>
    </div>
    <div class="refresh"><span class="dot d-pos"></span>Live · refreshes 20s</div>
  </div>

  {# ── Empty: no payout address ── #}
  {% if not current_user.payout_address %}
  <div class="alert-card alert-warn">
    <div class="alert-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="width:20px;height:20px"><path d="M3 7V19A2 2 0 0 0 5 21H21V9H5A2 2 0 0 1 3 7A2 2 0 0 1 5 5H19M16 14H18.5"/></svg></div>
    <div class="alert-tx">
      <div class="t">Set a payout address to receive {% if POOL_MODE == 'demo' %}test {% endif %}rewards</div>
      <div class="d">We're recording your shares already — but we can't send {% if POOL_MODE == 'demo' %}test {% endif %}rewards until you add a wallet address.</div>
    </div>
    <a href="/dashboard/settings" class="btn btn-coin btn-sm">Add address →</a>
  </div>
  {% endif %}

  {# ── Balance trio ── #}
  <div class="bal-row">
    <div class="bal conf">
      <div class="bal-l"><span class="dot d-pos"></span>{% if POOL_MODE == 'demo' %}Confirmed · payable{% else %}Available{% endif %}</div>
      <div class="bal-v tnum">{{ balance.confirmed | coin_amount }}<span class="u"> {{ coin.ticker }}</span></div>
      <div class="bal-s">Next payout when ≥ {{ current_user.payout_threshold | coin_amount }} {{ coin.ticker }} threshold</div>
    </div>
    <div class="bal pend">
      <div class="bal-l">Maturing</div>
      <div class="bal-v tnum">{{ balance.pending | coin_amount }}<span class="u"> {{ coin.ticker }}</span></div>
      <div class="bal-s">From immature blocks · maturing</div>
    </div>
    <div class="bal paid">
      <div class="bal-l">Paid · lifetime</div>
      <div class="bal-v tnum">{{ balance.paid | coin_amount }}<span class="u"> {{ coin.ticker }}</span></div>
      <div class="bal-s">across {{ payment_count }} payouts</div>
    </div>
  </div>

  {# ── Live mining strip ── #}
  <div class="livestrip">
    <div class="ls-cell"><div class="ls-l">Your hashrate</div><div class="ls-v coin">{{ stats.hashrate | hashrate }}</div><div class="ls-s">estimated · 10-min share weight</div></div>
    <div class="ls-cell"><div class="ls-l">Active workers</div><div class="ls-v tnum">{{ stats.active_workers }}</div><div class="ls-s">of {{ stats.total_workers }} configured</div></div>
    <div class="ls-cell"><div class="ls-l">Valid shares · 1h</div><div class="ls-v tnum">{{ stats.shares_1h }}</div><div class="ls-s">{{ stats.rejected_1h }} rejected</div></div>
    <div class="ls-cell"><div class="ls-l">Last share</div><div class="ls-v">{% if stats.last_share %}{{ stats.last_share | ago }}{% else %}—{% endif %}</div><div class="ls-s">{{ stats.last_worker | default('—') }}</div></div>
  </div>

  {# ── No shares yet ── #}
  {% if stats.shares_1h == 0 and stats.last_share is none %}
  <div class="tc mb16">
    <div class="empty">
      <svg viewBox="0 0 24 24" fill="none" stroke="var(--text-mute)" stroke-width="1.4"><path d="M13 3L4 14H11L10 21L20 9H13Z"/></svg>
      <div class="empty-t">Waiting for your first share…</div>
      <div class="empty-d">Your account is ready. Point a miner at the pool and shares will appear here within a few seconds.</div>
      <div style="max-width:520px;margin:18px auto 0">
        <div class="codeblock"><div class="cmd">minerd -o <span class="fl">{{ coin.stratum_url }}:{{ coin.stratum_port }}</span> -u <span class="ar">{{ current_user.mining_name }}.rig-01</span> -p x</div><span class="copy-b" onclick="copyText(this)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" style="width:13px;height:13px"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>Copy</span></div>
      </div>
      <div style="margin-top:14px"><a href="/how-to-mine" class="btn btn-o btn-sm">Full mining guide →</a></div>
    </div>
  </div>
  {% else %}

  {# ── Workers + payments ── #}
  <div class="g2">
    <div class="tc">
      <div class="tc-h"><div class="tc-t">Workers</div><a href="/dashboard/workers" class="tc-a">All workers →</a></div>
      <table><thead><tr><th>Worker</th><th>Hashrate</th><th>Last share</th><th>Status</th></tr></thead><tbody>
        {% for w in workers[:4] %}
        <tr>
          <td class="td-s">{{ w.worker_name }}</td>
          <td class="td-m">{{ w.hashrate | hashrate }}</td>
          <td class="td-mut">{{ w.last_share | ago }}</td>
          <td>{% if w.is_active %}<span class="chip c-pos"><span class="dot d-pos"></span>active</span>{% else %}<span class="chip c-mut"><span class="dot d-mut"></span>stale</span>{% endif %}</td>
        </tr>
        {% endfor %}
      </tbody></table>
    </div>
    <div class="tc">
      <div class="tc-h"><div class="tc-t">Recent payments</div><a href="/dashboard/payments" class="tc-a">All payments →</a></div>
      <table><thead><tr><th>Date</th><th>Amount</th><th>Txid</th><th>Status</th></tr></thead><tbody>
        {% for p in payments[:3] %}
        <tr>
          <td class="td-mut">{{ p.time | date_short }}</td>
          <td class="td-m">{{ p.amount | coin_amount }} {{ coin.ticker }}</td>
          <td><a href="{{ coin.explorer_url }}/tx/{{ p.txid }}" target="_blank" rel="noopener" class="tx-link">{{ p.txid | truncate_mid }} ↗</a></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>
        {% else %}
        <tr><td colspan="4" style="text-align:center;color:var(--text-mute);padding:22px">No payments yet</td></tr>
        {% endfor %}
      </tbody></table>
    </div>
  </div>
  {% endif %}
</div>
{% endblock %}

{% block scripts %}
<script>
function copyText(el){
  const cmd = el.parentElement.querySelector('.cmd').innerText;
  navigator.clipboard.writeText(cmd);
  el.querySelector('svg').style.color='var(--pos)';
}
</script>
{% endblock %}