{% extends "base_miner.html" %}
{% block title %}Workers — {{ coin.display_name }} Pool{% endblock %}
{% set page = 'workers' %}
{% block head_extra %}<meta http-equiv="refresh" content="30">{% endblock %}

{% block content %}
<div class="wrap">
  <div class="dash-head"><div><h1>Workers</h1><div class="sub">{{ workers|length }} configured</div></div>
    <div class="refresh"><span class="dot d-pos"></span>refreshes 30s</div></div>

  <div class="tc">
    {% if workers %}
    <table>
      <thead><tr><th>Worker</th><th>Hashrate</th><th>Shares · 1h</th><th>Shares · 24h</th><th>Last share</th><th>Status</th></tr></thead>
      <tbody>
        {% for w in workers %}
        <tr>
          <td class="td-s">{{ w.worker_name }}</td>
          <td class="td-m">{{ w.hashrate | hashrate }}</td>
          <td class="td-mut">{{ w.shares_1h }}</td>
          <td class="td-mut">{{ w.shares_24h }}</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>
    {% else %}
    <div class="empty">
      <svg viewBox="0 0 24 24" fill="none" stroke="var(--text-mute)" stroke-width="1.4"><circle cx="9" cy="7" r="3"/><path d="M3 20c0-4 2.5-7 6-7 3.5 0 6 3 6 7"/></svg>
      <div class="empty-t">No workers yet</div>
      <div class="empty-d">Point a miner at the pool and your workers will appear here.</div>
      <div style="margin-top:14px"><a href="/how-to-mine" class="btn btn-o btn-sm">How to mine →</a></div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}