{% extends "base_operator.html" %}
{% block title %}Add a coin — operator{% endblock %}
{% set page = 'op-coins' %}
{% block page_title %}Add a coin{% endblock %}
{% block head_extra %}{% include "_coin_manager_styles.html" %}{% endblock %}
{% block breadcrumb %}<div class="op-bc"><a href="/operator/coins">Coin Manager</a><span class="sl">/</span></div>{% endblock %}

{% block content %}
<div class="legend">
  <span><b>Engine:</b> Native = our Scrypt stratum · Miningcore = multi-algo</span>
  <span><b>Hardware reality:</b> shown per coin — our value is the software runs it on testnet, not profit</span>
</div>

<div class="op-sect" style="padding:0 0 11px">Launch your own</div>
<div class="catgrid" style="margin-bottom:22px">
  <a href="/operator/coins/add/custom" class="catcard feat">
    <div class="catcard-top"><div class="feat-plus"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:16px;height:16px"><path d="M12 5v14M5 12h14"/></svg></div><div><h3>Launch your own coin</h3><div class="tk">custom · Scrypt</div></div></div>
    <p>Fork a brand-new Scrypt coin from our GCC harness. Name it, pick a brand colour, set economics — live on testnet in minutes.</p>
    <div class="catcard-meta"><span class="badge b-native">Native</span><span class="badge b-net">CPU / GPU</span></div>
    <div class="catcard-foot"><span class="avail" style="color:var(--pos)">Available</span><span class="btn btn-p btn-sm">Launch →</span></div>
  </a>
</div>

<div class="op-sect" style="padding:0 0 11px">Established coins · Miningcore</div>
<div class="catgrid">
  {% for coin in catalogue %}
  <a href="{% if coin.status != 'soon' %}/operator/coins/add/{{ coin.ticker }}{% else %}#{% endif %}" class="catcard {% if coin.status=='soon' %}soon{% endif %}">
    <div class="catcard-top">
      <div class="cm" style="border-color:color-mix(in srgb,{{ coin.colour }} 45%,transparent);background:color-mix(in srgb,{{ coin.colour }} 10%,transparent);color:{{ coin.colour }}">{{ coin.ticker }}</div>
      <div><h3>{{ coin.name }}</h3><div class="tk">{{ coin.ticker }} · {{ coin.algorithm }}</div></div>
    </div>
    <p>{{ coin.note }}</p>
    <div class="catcard-meta"><span class="badge {% if coin.engine=='native' %}b-native{% else %}b-mc{% endif %}">{{ 'Native' if coin.engine=='native' else 'Miningcore' }}</span><span class="badge b-net">{{ coin.hardware }}</span></div>
    <div class="catcard-foot">
      <span class="avail" style="color:{% if coin.status=='available' %}var(--pos){% elif coin.status=='beta' %}var(--warn){% else %}var(--text-mute){% endif %}">{{ coin.status | capitalize }}</span>
      {% if coin.status != 'soon' %}<span class="btn btn-o btn-sm">Add →</span>{% endif %}
    </div>
  </a>
  {% endfor %}
</div>
{% endblock %}