{{template "layout.html" .}}
<div class="card" style="max-width:640px">
  <div class="card-hd">📄 静态化管理</div>
  <div class="card-bd">
    <div style="margin-bottom:20px">
      <p style="color:var(--gray-400);font-size:14px;line-height:1.6;margin:0">
        静态化功能将自动生成首页、栏目页和文章详情页的 HTML 文件，访问时直接读取静态文件，无需动态渲染，大幅提升访问速度。
      </p>
    </div>
    <div style="display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--gray-100);padding-top:16px">
      <div class="fg" style="border-top:1px solid var(--gray-100);padding-top:16px;margin-top:8px">
        <label style="display:flex;align-items:center;gap:12px;cursor:pointer">
          <input type="checkbox" id="staticToggle" value="1"{{if eq .site_static 1}} checked{{end}} onchange="toggleStatic(this)" style="width:18px;height:18px;accent-color:var(--primary)">
          <span style="font-weight:600;font-size:14px">启用静态化</span>
        </label>
        <div class="hint" style="margin-top:4px">开启后前台优先读取静态 HTML 文件</div>
      </div>
      <div style="display:flex;gap:10px;flex-wrap:wrap;padding-top:8px">
        <button class="btn btn-primary" onclick="genStatic('index')" id="genIndex"{{if ne .site_static 1}} disabled{{end}}>生成首页</button>
        <button class="btn btn-primary" onclick="genStatic('category')" id="genCategory"{{if ne .site_static 1}} disabled{{end}}>生成栏目页</button>
        <button class="btn btn-success" onclick="genStatic('all')" id="genAll" style="font-weight:600"{{if ne .site_static 1}} disabled{{end}}>全站生成</button>
      </div>
      <div style="display:flex;gap:8px;align-items:center;padding-top:8px">
        <select id="articleCategory" class="fctrl" style="max-width:200px;font-size:13px"{{if ne .site_static 1}} disabled{{end}}>
          <option value="">全部栏目</option>
          {{range .categories}}<option value="{{.Category.ID}}">{{if gt .Depth 0}}{{range seq .Depth}}&nbsp;&nbsp;├─{{end}}{{end}}{{.Category.Name}}</option>{{end}}
        </select>
        <button class="btn btn-primary" onclick="genStatic('article')" id="genArticle"{{if ne .site_static 1}} disabled{{end}}>生成详情页</button>
      </div>
      <div style="display:flex;gap:10px;flex-wrap:wrap;padding-top:4px">
        <button class="btn btn-ghost" onclick="clearStatic()" id="clearBtn">清除全部</button>
      </div>
    </div>
    <div id="resultArea" style="display:none;margin-top:16px;border-top:1px solid var(--gray-100);padding-top:16px">
      <div id="resultMsg" style="font-size:14px;font-weight:600;margin-bottom:8px"></div>
      <div id="resultDetails" style="max-height:300px;overflow-y:auto;font-size:12px;color:var(--gray-400);line-height:1.8"></div>
    </div>
  </div>
</div>
<script>
function toggleStatic(el){
  var v=el.checked?1:0;
  var f=new FormData();f.append('site_static',v?'1':'0');
  fetch('/admin/static/toggle',{method:'POST',body:f})
    .then(function(r){return r.json()})
    .then(function(d){
      if(d.code===0){
        ['genIndex','genCategory','genArticle','genAll'].forEach(function(id){
          var e=document.getElementById(id);if(e)e.disabled=!v;
        });
        document.getElementById('articleCategory').disabled=!v;
        if(v===1){genStatic('all')}else{toast('已关闭静态化','success')}
      }else{toast(d.msg,'error')}
    });
}
function genStatic(t){
  var btns=['genIndex','genCategory','genArticle','genAll','clearBtn'];
  btns.forEach(function(id){var e=document.getElementById(id);if(e){e.disabled=true}});
  var btn=document.getElementById(t==='all'?'genAll':(t==='index'?'genIndex':(t==='category'?'genCategory':'genArticle')));
  var orgTxt=btn?btn.textContent:'';
  if(btn)btn.textContent='生成中…';
  var ra=document.getElementById('resultArea');ra.style.display='none';
  var f=new FormData();f.append('type',t);
  if(t==='article'){f.append('category_id',document.getElementById('articleCategory').value)}
  fetch('/admin/static/generate',{method:'POST',body:f})
    .then(function(r){return r.json()})
    .then(function(d){
      btns.forEach(function(id){var e=document.getElementById(id);if(e){e.disabled=false;e.textContent=id==='genAll'?'全站生成':(id==='genIndex'?'生成首页':(id==='genCategory'?'生成栏目页':(id==='genArticle'?'生成详情页':'清除全部')))}});
      ra.style.display='block';
      var msg=document.getElementById('resultMsg');
      msg.style.color=d.code===0?'var(--green)':'var(--red)';
      msg.textContent=d.msg;
      var det=document.getElementById('resultDetails');det.innerHTML='';
      if(d.generated&&d.generated.length){
        det.innerHTML+='<div style="color:var(--green);margin-bottom:4px">✅ 成功 ('+d.generated.length+'):</div>';
        d.generated.forEach(function(p){det.innerHTML+='<div>'+p+'</div>'});
      }
      if(d.errors&&d.errors.length){
        det.innerHTML+='<div style="color:var(--red);margin-top:8px;margin-bottom:4px">❌ 失败 ('+d.errors.length+'):</div>';
        d.errors.forEach(function(e){det.innerHTML+='<div>'+e+'</div>'});
      }
    })
    .catch(function(){
      btns.forEach(function(id){var e=document.getElementById(id);if(e){e.disabled=false;e.textContent=id==='genAll'?'全站生成':(id==='genIndex'?'生成首页':(id==='genCategory'?'生成栏目页':(id==='genArticle'?'生成详情页':'清除全部')))}});
      toast('请求失败，请检查网络连接','error');
    });
}
function clearStatic(){
  var ov=document.createElement('div');
  ov.style.cssText='position:fixed;inset:0;background:rgba(15,23,42,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif';
  ov.innerHTML='<div style="background:#fff;border-radius:12px;padding:36px 32px;min-width:320px;box-shadow:0 20px 60px rgba(0,0,0,.18);text-align:center"><div style="font-size:48px;margin-bottom:12px">⚠️</div><h3 style="margin:0 0 6px;font-size:18px;color:#1e293b">确认清除</h3><p style="margin:0 0 20px;color:#6B7280;font-size:14px">确定要清除所有静态文件吗？</p><div style="display:flex;gap:10px;justify-content:center"><button class="btn btn-ghost" id="confirmCancel" style="cursor:pointer">取消</button><button class="btn btn-primary" id="confirmOk" style="cursor:pointer">确定清除</button></div></div>';
  document.body.appendChild(ov);
  document.getElementById('confirmCancel').onclick=function(){ov.remove()};
  document.getElementById('confirmOk').onclick=function(){
    ov.remove();
    document.getElementById('clearBtn').disabled=true;
    fetch('/admin/static/clear',{method:'POST'})
      .then(function(r){return r.json()})
      .then(function(d){
        document.getElementById('clearBtn').disabled=false;
        var rov=document.createElement('div');
        rov.style.cssText='position:fixed;inset:0;background:rgba(15,23,42,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif';
        if(d.code===0){
          rov.innerHTML='<div style="background:#fff;border-radius:12px;padding:36px 32px;min-width:300px;box-shadow:0 20px 60px rgba(0,0,0,.18);text-align:center"><div style="font-size:48px;margin-bottom:12px">✅</div><h3 style="margin:0 0 6px;font-size:18px;color:#1e293b">清除成功</h3><p style="margin:0 0 20px;color:#6B7280;font-size:14px">'+d.msg+'</p><button class="btn btn-primary" id="resultOk" style="cursor:pointer">确定</button></div>';
        }else{
          rov.innerHTML='<div style="background:#fff;border-radius:12px;padding:36px 32px;min-width:300px;box-shadow:0 20px 60px rgba(0,0,0,.18);text-align:center"><div style="font-size:48px;margin-bottom:12px">❌</div><h3 style="margin:0 0 6px;font-size:18px;color:#dc2626">清除失败</h3><p style="margin:0 0 20px;color:#6B7280;font-size:14px">'+d.msg+'</p><button class="btn btn-primary" id="resultOk" style="cursor:pointer">确定</button></div>';
        }
        document.body.appendChild(rov);
        document.getElementById('resultOk').onclick=function(){rov.remove()};
        rov.onclick=function(e){if(e.target===rov)rov.remove()};
        var ra=document.getElementById('resultArea');ra.style.display='none';
      });
  };
  ov.onclick=function(e){if(e.target===ov)ov.remove()};
}
</script>

</body>
</html>