{% extends "base.html" %}
{% block title %}{{ t.whois_title }}{% endblock %}
{% block page_title %}{{ t.whois_title }}{% endblock %}
{% block page_desc %}{{ t.whois_desc }}{% endblock %}
{% block content %}
<div class="card" style="margin-bottom:16px">
  <div class="card-b">
    <div style="display:flex;gap:8px">
      <input class="input" id="domain" placeholder="foo.example.com" style="flex:1" onkeydown="if(event.key==='Enter')search_()">
      <button class="btn primary" onclick="search_()">🔍 {{ t.whois_query }}</button>
    </div>
  </div>
</div>
<div class="grid g2" id="resultArea" style="display:none">
  <div class="card">
    <div class="card-h"><h3>{{ t.whois_result }}</h3></div>
    <div class="card-b" id="resultBox"></div>
  </div>
  <div class="card">
    <div class="card-h"><h3>{{ t.raw_response }}</h3></div>
    <div class="card-b" id="rawBox"></div>
  </div>
</div>
{% endblock %}
{% block scripts %}
function search_(){
  var d=document.getElementById('domain').value.trim();if(!d)return toast('请输入域名','err');
  document.getElementById('resultArea').style.display='grid';
  document.getElementById('resultBox').innerHTML='加载中…';
  dnshe({endpoint:'whois',method:'GET',query:{domain:d}}).then(function(r){
    document.getElementById('rawBox').innerHTML=jsonView(r.data);
    if(r.success&&r.data){
      var data=r.data;
      if(data.registered===false){
        document.getElementById('resultBox').innerHTML='<div class="empty"><div class="badge warn">未注册</div><div style="margin-top:8px">'+esc(data.message||'域名未注册')+'</div></div>';
      }else{
        var h='<div class="field"><span class="stat-lbl">状态</span><span class="badge '+(data.status==='active'?'ok':'')+'">'+esc(data.status||'—')+'</span></div>';
        h+='<div class="field"><span class="stat-lbl">域名</span><strong class="code">'+esc(data.domain||d)+'</strong></div>';
        h+='<div class="field"><span class="stat-lbl">注册时间</span>'+esc(data.registered_at||'—')+'</div>';
        h+='<div class="field"><span class="stat-lbl">到期时间</span>'+esc(data.expires_at||'—')+'</div>';
        h+='<div class="field"><span class="stat-lbl">注册人邮箱</span>'+esc(data.registrant_email||'—')+'</div>';
        if(data.nameservers&&data.nameservers.length){h+='<div class="field"><span class="stat-lbl">NS 服务器</span><div>'+(data.nameservers||[]).map(function(n){return '<div class="code">'+esc(n)+'</div>';}).join('')+'</div></div>';}
        document.getElementById('resultBox').innerHTML=h;
      }
    }else{document.getElementById('resultBox').innerHTML='<div class="empty">查询失败</div>';}
  });
}
{% endblock %}