{% extends "base.html" %}
{% block title %}{{ t.terminal_title }}{% endblock %}
{% block page_title %}{{ t.terminal_title }}{% endblock %}
{% block page_desc %}{{ t.terminal_desc }}{% endblock %}
{% block content %}
<div style="margin-bottom:12px;font-size:12px;color:var(--muted)">
  当前账号：{% if active %}<span class="badge mono">{{ active.name }} · {{ active.masked_key }}</span>{% else %}<span style="color:var(--danger)">未选择</span>{% endif %}
  · 可用命令：sub / dns / keys / quota / whois / upgrade / account
</div>
<div class="term" id="term">
  <div class="term-line term-info">ℹ shizukudns Web 终端。输入命令后回车执行，例如：quota / sub list / whois example.com</div>
</div>
<div style="display:flex;gap:8px;margin-top:8px">
  <span style="color:#34d399;font-family:monospace;font-size:12px;padding-top:6px">$</span>
  <input class="term-input" id="cmdInput" placeholder="输入命令…" autofocus style="padding:6px 0">
</div>
<div style="margin-top:8px;font-size:11px;color:var(--muted)">
  提示：本终端通过本地代理转发，所有调用都会记录到操作日志（来源标记为 web）。
</div>
{% endblock %}
{% block scripts %}
<script>
var history_=[],hIdx=-1;
var term=document.getElementById('term');
var input=document.getElementById('cmdInput');
function push(type,text){
  var div=document.createElement('div');
  div.className='term-line term-'+type;
  div.textContent=text;
  term.appendChild(div);term.scrollTop=term.scrollHeight;
}
function pushJson(data){try{push('out',JSON.stringify(data,null,2))}catch(e){push('out',String(data))}}
function exec(cmd){
  push('prompt','$ '+cmd);history_.push(cmd);hIdx=-1;
  var parts=cmd.trim().split(/\s+/);if(!parts[0])return;
  var head=parts[0].toLowerCase();var args=parts.slice(1).filter(function(p){return p});
  var opts={source:'web'};
  // 简单命令映射
  var map={
    'help':function(){push('info',HELP);},
    'clear':function(){term.innerHTML='';},
    'quota':function(){opts.endpoint='quota';opts.method='GET';send(opts);},
    'whois':function(){if(!args[0])return push('err','用法: whois <domain>');opts.endpoint='whois';opts.method='GET';opts.query={domain:args[0]};send(opts);},
    'sub':function(){opts.endpoint='subdomains';subCmd(args,opts);},
    'dns':function(){opts.endpoint='dns_records';dnsCmd(args,opts);},
    'keys':function(){opts.endpoint='keys';keysCmd(args,opts);},
    'upgrade':function(){opts.endpoint='permanent_upgrade';upgradeCmd(args,opts);},
    'account':function(){accountCmd(args);}
  };
  if(map[head])map[head]();else push('err','未知命令: '+head+'。输入 help 查看可用命令。');
}
function subCmd(args,opts){
  var sub=args[0];if(!sub)return push('err','用法: sub list|get|register|renew|delete ...');
  if(sub==='list'){opts.action='list';opts.method='GET';var q={page:1,per_page:20,include_total:1};args.slice(1).forEach(function(p){if(p.indexOf('=')>0){var kv=p.split('=');q[kv[0]]=kv[1]}});opts.query=q;send(opts);}
  else if(sub==='get'){opts.action='get';opts.method='GET';opts.query={subdomain_id:args[1]};send(opts);}
  else if(sub==='register'){opts.action='register';opts.method='POST';opts.body={subdomain:args[1],rootdomain:args[2]};send(opts);}
  else if(sub==='renew'){opts.action='renew';opts.method='POST';opts.body={subdomain_id:parseInt(args[1])};send(opts);}
  else if(sub==='delete'){opts.action='delete';opts.method='POST';opts.body={subdomain_id:parseInt(args[1])};send(opts);}
  else push('err','未知子命令: sub '+sub);
}
function dnsCmd(args,opts){
  var sub=args[0];if(!sub)return push('err','用法: dns list|create|update|delete ...');
  if(sub==='list'){opts.action='list';opts.method='GET';opts.query={subdomain_id:args[1]};send(opts);}
  else if(sub==='create'){opts.action='create';opts.method='POST';opts.body={subdomain_id:parseInt(args[1]),type:args[2],content:args[3],name:'@',ttl:600};send(opts);}
  else if(sub==='delete'){opts.action='delete';opts.method='POST';opts.body={id:parseInt(args[1])};send(opts);}
  else push('err','未知子命令: dns '+sub);
}
function keysCmd(args,opts){
  var sub=args[0];if(!sub)return push('err','用法: keys list|create|regenerate|delete ...');
  if(sub==='list'){opts.action='list';opts.method='GET';send(opts);}
  else if(sub==='create'){opts.action='create';opts.method='POST';opts.body={key_name:args[1]};send(opts);}
  else if(sub==='regenerate'){opts.action='regenerate';opts.method='POST';opts.body={key_id:parseInt(args[1])};send(opts);}
  else if(sub==='delete'){opts.action='delete';opts.method='POST';opts.body={key_id:parseInt(args[1])};send(opts);}
  else push('err','未知子命令: keys '+sub);
}
function upgradeCmd(args,opts){
  var sub=args[0];if(!sub)return push('err','用法: upgrade list|create|assist|cancel ...');
  if(sub==='list'){opts.action='list';opts.method='GET';opts.query={page:1,per_page:50};send(opts);}
  else if(sub==='create'){opts.action='create';opts.method='POST';opts.body={subdomain_id:parseInt(args[1])};send(opts);}
  else if(sub==='assist'){opts.action='assist';opts.method='POST';opts.body={assist_code:args[1]};send(opts);}
  else if(sub==='cancel'){opts.action='cancel';opts.method='POST';opts.body={request_id:parseInt(args[1])};send(opts);}
  else push('err','未知子命令: upgrade '+sub);
}
function accountCmd(args){
  var sub=args[0];if(sub==='list'){location.href='/accounts';}
  else push('info','账号管理请前往 /accounts 页面');
}
function send(opts){
  push('info','→ '+opts.method+' '+opts.endpoint+(opts.action?'/'+opts.action:''));
  fetch('/api/dnshe',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(opts)}).then(function(r){return r.json()}).then(function(r){
    if(r.success){push('out','✓ '+r.status+' · '+(r.duration_ms||0)+'ms');if(r.data)pushJson(r.data);}
    else{push('err','✗ '+(r.data&&r.data.message||'失败'));if(r.data)pushJson(r.data);}
  }).catch(function(e){push('err','网络错误: '+e);});
}
input.onkeydown=function(e){
  if(e.key==='Enter'){var v=input.value;input.value='';exec(v);}
  else if(e.key==='ArrowUp'){e.preventDefault();if(history_.length){hIdx=hIdx===-1?history_.length-1:Math.max(0,hIdx-1);input.value=history_[hIdx];}}
  else if(e.key==='ArrowDown'){e.preventDefault();if(hIdx===-1)return;hIdx++;if(hIdx>=history_.length){hIdx=-1;input.value='';}else input.value=history_[hIdx];}
};
var HELP='shizukudns Web 终端命令：\n\n账号: account list\n子域名: sub list [page=1] | sub get <id> | sub register <sub> <root> | sub renew <id> | sub delete <id>\nDNS: dns list <sub_id> | dns create <sub_id> <type> <content> | dns delete <id>\n密钥: keys list | keys create <name> | keys regenerate <id> | keys delete <id>\n配额: quota\nWHOIS: whois <domain>\n升级: upgrade list | upgrade create <sub_id> | upgrade assist <code> | upgrade cancel <id>\n其他: help | clear';
</script>
{% endblock %}