{% extends "base.html" %}
{% block title %}永久升级{% endblock %}
{% block page_title %}永久升级{% endblock %}
{% block page_desc %}将子域名升级为永久{% endblock %}
{% block content %}
<div class="toolbar">
  <span class="stat-lbl">账号：{{ active.name if active else '—' }}</span>
  <div>
    <button class="btn" onclick="load()">↻ 刷新</button>
    <button class="btn" onclick="document.getElementById('assistModal').style.display='flex'">🎁 助力好友</button>
    <button class="btn primary" onclick="document.getElementById('createModal').style.display='flex'">+ 创建升级任务</button>
  </div>
</div>
<div class="grid g2">
  <div class="card">
    <div class="card-h"><h3>🚀 升级任务</h3></div>
    <div class="card-b" id="taskBox">加载中…</div>
  </div>
  <div class="card">
    <div class="card-h"><h3>✅ 可升级子域名</h3></div>
    <div class="card-b" id="eligibleBox">加载中…</div>
  </div>
</div>
<div class="modal-bg" id="createModal" style="display:none">
  <div class="modal">
    <div class="modal-h"><h3>创建永久升级任务</h3><button class="btn sm" onclick="this.closest('.modal-bg').style.display='none'">✕</button></div>
    <div class="modal-b"><div class="field"><label>子域名 ID</label><input class="input" id="uSub" type="number" placeholder="123"></div></div>
    <div class="modal-f"><button class="btn" onclick="this.closest('.modal-bg').style.display='none'">取消</button><button class="btn primary" onclick="doCreate()">创建任务</button></div>
  </div>
</div>
<div class="modal-bg" id="assistModal" style="display:none">
  <div class="modal">
    <div class="modal-h"><h3>助力好友</h3><button class="btn sm" onclick="this.closest('.modal-bg').style.display='none'">✕</button></div>
    <div class="modal-b"><div class="field"><label>邀请码</label><input class="input code" id="aCode" placeholder="ABCD1234"></div></div>
    <div class="modal-f"><button class="btn" onclick="this.closest('.modal-bg').style.display='none'">取消</button><button class="btn primary" onclick="doAssist()">确认助力</button></div>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script>
function load(){
  dnshe({endpoint:'permanent_upgrade',action:'list',method:'GET',query:{page:1,per_page:50}}).then(function(r){
    if(r.success&&r.data&&r.data.state){
      var s=r.data.state;
      var reqs=s.requests||[];
      var tb=reqs.length?'<table><tbody>'+reqs.map(function(x){return '<tr><td><strong>任务 #'+x.id+'</strong><div class="stat-lbl">子域名 #'+x.subdomain_id+' · '+(x.status||'')+'</div></td><td style="text-align:right"><button class="btn sm danger" onclick="cancel('+x.id+')">✕</button></td></tr>';}).join('')+'</tbody></table>':'<div class="empty">暂无升级任务</div>';
      document.getElementById('taskBox').innerHTML=tb;
      var elig=s.eligible_subdomains||[];
      var eb=elig.length?'<table><tbody>'+elig.map(function(x){return '<tr><td class="code">'+esc(x.full_domain||(x.subdomain+'.'+x.rootdomain))+'</td><td style="text-align:right"><span class="badge">#'+x.id+'</span></td></tr>';}).join('')+'</tbody></table>':'<div class="empty">暂无符合条件的子域名</div>';
      document.getElementById('eligibleBox').innerHTML=eb;
    }else{document.getElementById('taskBox').innerHTML='<div class="empty">加载失败</div>';document.getElementById('eligibleBox').innerHTML='<div class="empty">—</div>';}
  });
}
function doCreate(){var sid=parseInt(document.getElementById('uSub').value);if(!sid)return toast('请输入子域名 ID','err');dnshe({endpoint:'permanent_upgrade',action:'create',method:'POST',body:{subdomain_id:sid}}).then(function(r){r.success?(toast('任务已创建','ok'),document.getElementById('createModal').style.display='none',load()):toast(r.data&&r.data.message||'创建失败','err');});}
function doAssist(){var c=document.getElementById('aCode').value.trim();if(!c)return toast('请输入邀请码','err');dnshe({endpoint:'permanent_upgrade',action:'assist',method:'POST',body:{assist_code:c}}).then(function(r){r.success?(toast('助力成功','ok'),document.getElementById('assistModal').style.display='none',load()):toast(r.data&&r.data.message||'助力失败','err');});}
function cancel(id){if(!confirm('确认取消任务 #'+id+'？'))return;dnshe({endpoint:'permanent_upgrade',action:'cancel',method:'POST',body:{request_id:id}}).then(function(r){r.success?(toast('已取消','ok'),load()):toast('取消失败','err');});}
load();
</script>
{% endblock %}