{% extends "base.html" %}
{% block title %}{{ t.search_title }}{% endblock %}
{% block page_title %}{{ t.search_title }}{% endblock %}
{% block page_desc %}{{ t.search_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="searchInput" placeholder="{{ t.search_placeholder }}" style="flex:1" onkeydown="if(event.key==='Enter')doSearch()">
      <button class="btn primary" onclick="doSearch()">🔍 {{ t.search }}</button>
    </div>
    <div style="font-size:11px;color:var(--muted);margin-top:8px">{{ t.search_hint }}</div>
  </div>
</div>

<div class="card" id="resultCard" style="display:none">
  <div class="card-h"><h3>{{ t.search_results }}</h3><span class="stat-lbl" id="resultCount"></span></div>
  <div class="card-b" id="resultArea">—</div>
</div>
{% endblock %}
{% block scripts %}
<script>
function doSearch(){
  var q=document.getElementById('searchInput').value.trim();
  if(!q)return toast('请输入搜索关键字','err');
  document.getElementById('resultCard').style.display='block';
  document.getElementById('resultArea').innerHTML='<div class="empty">正在搜索所有账号…</div>';
  document.getElementById('resultCount').textContent='';
  fetch('/api/search/subdomains?q='+encodeURIComponent(q)).then(function(r){return r.json()}).then(function(r){
    document.getElementById('resultCount').textContent='共 '+r.total+' 条';
    if(!r.results.length){
      document.getElementById('resultArea').innerHTML='<div class="empty">未找到匹配的子域名<br><span style="font-size:12px">关键字：'+esc(r.query)+'</span></div>';
      return;
    }
    var h='<table><thead><tr><th>完整域名</th><th>所属账号</th><th>状态</th><th>到期</th><th style="text-align:right">操作</th></tr></thead><tbody>';
    r.results.forEach(function(s){
      h+='<tr><td><strong>'+esc(s.full_domain)+'</strong></td>'
        +'<td><span class="badge mono">'+esc(s.account_name)+'</span></td>'
        +'<td><span class="badge '+(s.status==='active'||s.status==='Registered'?'ok':'')+'">'+esc(s.status)+'</span></td>'
        +'<td class="stat-lbl">'+esc(s.expires_at||'—')+'</td>'
        +'<td style="text-align:right"><button class="btn sm primary" onclick="goDns(\''+s.account_id+'\','+s.subdomain_id+',\''+esc(s.full_domain)+'\')">→ 管理 DNS</button></td></tr>';
    });
    document.getElementById('resultArea').innerHTML=h+'</tbody></table>';
  });
}
function goDns(accountId,subId,domain){
  // 切换账号 + 跳转到子域名页并展开该域名的 DNS 记录
  fetch('/api/accounts/default',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({id:accountId})}).then(function(r){return r.json()}).then(function(){
    // 用 URL hash 传递 subdomain_id，子域名页会读取并展开
    location.href='/subdomains#expand='+subId;
  });
}
</script>
{% endblock %}