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

{% block content %}
<div class="modal-bg">
  <div class="modal">
    <div class="modal-h"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><path d="M12 9v4M12 17h.01"/></svg>Remove {{ coin.display_name }}?</div>
    <div style="font-size:13px;color:var(--text-mid);line-height:1.5;margin-bottom:4px">This is <b style="color:var(--neg)">irreversible</b>. The following will be permanently destroyed:</div>
    <ul class="destroy-list">
      <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>Node + full chain data</li>
      <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>Indexer + explorer</li>
      <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>Stratum server</li>
      <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>Wallet <b style="color:var(--text-mid)">and any testnet coins in it</b></li>
      <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>Faucet + the subdomain · ports and disk freed</li>
    </ul>
    <form method="post" action="/operator/coins/{{ coin.ticker }}/remove" id="rmform"><input type="hidden" name="csrf" value="{{ csrf_token }}">
      <div class="field"><label>Type the ticker <b style="color:var(--text);text-transform:none;letter-spacing:0">{{ coin.ticker }}</b> to confirm</label><input class="mono" name="confirm_ticker" placeholder="{{ coin.ticker }}" autocomplete="off" oninput="document.getElementById('rmbtn').disabled = (this.value !== '{{ coin.ticker }}')" /></div>
      <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:4px"><a href="/operator/coins/{{ coin.ticker }}" class="btn btn-g">Cancel</a><button id="rmbtn" type="submit" class="btn btn-neg" disabled>Remove coin permanently</button></div>
    </form>
  </div>
</div>
{% endblock %}