{% extends "base_operator.html" %}
{% block title %}Coin Manager — operator{% endblock %}
{% set page = 'op-coins' %}
{% block page_title %}Coin Manager{% endblock %}
{% block head_extra %}{% include "_coin_manager_styles.html" %}{% endblock %}
{% block topbar %}
  <a href="/operator/coins/add" class="btn btn-p btn-sm"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px"><path d="M12 5v14M5 12h14"/></svg>Add a coin</a>
{% endblock %}

{% block content %}
{% if coins %}
<div class="opstat">
  <div class="ops" style="border-left-color:var(--accent)"><div class="ops-l">Coins running</div><div class="ops-v tnum">{{ coins|length }}</div><div class="ops-s">{% if POOL_MODE=='demo' %}all testnet/regtest{% endif %}</div></div>
  <div class="ops" style="border-left-color:var(--accent)"><div class="ops-l">By engine</div><div class="ops-v" style="font-size:1rem;padding-top:3px"><span class="badge b-native">{{ engine_counts.native }} Native</span> <span class="badge b-mc">{{ engine_counts.miningcore }} Miningcore</span></div><div class="ops-s">stratum engines</div></div>
  <div class="ops" style="border-left-color:var(--gold)"><div class="ops-l">Disk in use</div><div class="ops-v tnum" style="color:var(--gold)">{{ resources.disk_used }}<span style="font-size:.7rem;color:var(--text-mute)"> GB</span></div><div class="ops-s">of {{ resources.disk_total }} GB</div></div>
  <div class="ops" style="border-left-color:var(--gold)"><div class="ops-l">RAM in use</div><div class="ops-v tnum" style="color:var(--gold)">{{ resources.ram_used }}<span style="font-size:.7rem;color:var(--text-mute)"> GB</span></div><div class="ops-s">of {{ resources.ram_total }} GB</div></div>
</div>

<div class="coingrid">
  {% for c in coins %}
  <div class="coincard {% if c.status=='error' %}is-error{% endif %}" style="--coin:{{ c.colour }}">
    <div class="coincard-top">
      <div class="cm" style="border-color:color-mix(in srgb,{{ c.colour }} 45%,transparent);background:color-mix(in srgb,{{ c.colour }} 10%,transparent);color:{{ c.colour }}">{{ c.ticker }}</div>
      <div>
        <div class="coincard-nm">{{ c.display_name }}</div>
        <div class="coincard-meta">
          <span class="badge {% if c.engine=='native' %}b-native{% else %}b-mc{% endif %}">{{ 'Native' if c.engine=='native' else 'Miningcore' }}</span>
          <span class="badge b-net">{{ c.algorithm }}</span>
          <span class="badge b-net">{{ c.network }}</span>
        </div>
      </div>
      <div class="coincard-act">
        {% if c.status=='live' %}<span class="chip c-pos"><span class="dot d-pos"></span>live</span>
        {% elif c.status=='syncing' %}<span class="chip c-warn"><span class="dot d-warn"></span>syncing {{ c.sync_pct }}%</span>
        {% elif c.status=='provisioning' %}<a href="/operator/coins/{{ c.ticker }}/provision" class="chip c-acc"><span class="dot d-warn"></span>provisioning</a>
        {% elif c.status=='stopped' %}<span class="chip c-mut"><span class="dot d-mut"></span>stopped</span>
        {% else %}<span class="chip c-neg"><span class="dot d-neg"></span>error</span>{% endif %}
        <a href="/operator/coins/{{ c.ticker }}" class="btn btn-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="5" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="12" cy="19" r="1.5"/></svg></a>
      </div>
    </div>
    <div class="minigrid">
      <div><div class="mini-l">Height</div><div class="mini-v">{% if c.height %}{{ c.height }}{% else %}<span style="color:var(--text-mute)">—</span>{% endif %}</div></div>
      <div><div class="mini-l">Hashrate</div><div class="mini-v">{% if c.hashrate %}{{ c.hashrate | hashrate_short }}{% else %}<span style="color:var(--text-mute)">—</span>{% endif %}</div></div>
      <div><div class="mini-l">Miners</div><div class="mini-v">{% if c.status in ['live','syncing'] %}{{ c.miners }}{% else %}<span style="color:var(--text-mute)">—</span>{% endif %}</div></div>
      <div><div class="mini-l">Port</div><div class="mini-v">{{ c.stratum_port }}</div></div>
    </div>
    <div class="stack">
      {% for svc in ['node','indexer','stratum','wallet','faucet'] %}
      <span class="svc-pill"><span class="dot {% if c.services[svc]=='up' %}d-pos{% elif c.services[svc]=='warn' %}d-warn{% elif c.services[svc]=='down' %}d-neg{% else %}d-mut{% endif %}"></span>{{ svc }}</span>
      {% endfor %}
    </div>
    {% if c.status=='error' and c.error_detail %}
    <div style="font-size:11.5px;color:var(--neg);margin-bottom:12px;font-family:var(--mono)">{{ c.error_detail }}</div>
    <div class="coincard-footer"><a href="/operator/coins/{{ c.ticker }}/logs" class="btn btn-o btn-sm">View logs</a><form method="post" action="/operator/coins/{{ c.ticker }}/restart" style="display:inline"><input type="hidden" name="csrf" value="{{ csrf_token }}"><button class="btn btn-neg btn-sm">Restart node</button></form></div>
    {% else %}
    <div class="coincard-footer">
      <a href="/operator/coins/{{ c.ticker }}" class="btn btn-o btn-sm">Configure</a>
      <a href="https://{{ c.subdomain }}" target="_blank" rel="noopener" class="btn btn-g btn-sm" {% if c.status!='live' %}style="opacity:.4;pointer-events:none"{% endif %}>View ↗</a>
    </div>
    {% endif %}
  </div>
  {% endfor %}
</div>
{% else %}
{# Empty state — buyer copies #}
<div class="card" style="padding:0">
  <div style="padding:56px 40px;text-align:center">
    <div style="width:54px;height:54px;border-radius:50%;border:1px dashed var(--border-hi);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--text-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" style="width:24px;height:24px"><circle cx="8" cy="8" r="5"/><circle cx="16" cy="16" r="5"/></svg></div>
    <div style="font-size:16px;font-weight:600;margin-bottom:6px">No coins yet</div>
    <div style="font-size:13px;color:var(--text-mute);max-width:340px;margin:0 auto 20px;line-height:1.5">Add your first coin — launch your own Scrypt coin or stand up an established one. Live on testnet in minutes.</div>
    <a href="/operator/coins/add" class="btn btn-p"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px"><path d="M12 5v14M5 12h14"/></svg>Add your first coin</a>
  </div>
</div>
{% endif %}
{% endblock %}