{% extends "base.html" %}
{% set active = "websites" %}
{% block title %}网站管理{% endblock %}
{% block content %}
<div class="header"><h1>🌐 网站管理</h1><div class="actions"><button class="btn btn-primary" onclick="showAdd()">+ 添加站点</button></div></div>
<div class="card" id="add-form" style="display:none">
<h3>添加站点</h3>
<div class="form-row">
    <div class="form-group"><label>域名</label><input type="text" id="vhost-domain" placeholder="example.com"></div>
    <div class="form-group"><label>根目录</label><input type="text" id="vhost-root" placeholder="/www/wwwroot/example.com"></div>
    <div class="form-group"><label>端口</label><input type="number" id="vhost-port" value="80"></div>
    <div><button class="btn btn-success" onclick="addVhost()">创建</button></div>
</div>
</div>
<div class="card">
<h3>站点列表</h3>
<table><thead><tr><th>域名</th><th>根目录</th><th>配置文件</th><th>操作</th></tr></thead><tbody id="vhost-list"><tr><td colspan="4">加载中...</td></tr></tbody></table>
</div>
<div class="card" id="static-form" style="display:none">
<h3>伪静态配置 - <span id="static-domain"></span></h3>
<div class="form-group"><label>选择模板</label>
<select id="static-tpl" onchange="loadTpl()">
<option value="">自定义</option>
<option value="wordpress">WordPress</option>
<option value="thinkphp">ThinkPHP</option>
<option value="laravel">Laravel</option>
<option value="typecho">Typecho</option>
</select></div>
<div class="form-group"><label>Nginx rewrite 规则</label><textarea id="static-rules" placeholder="try_files $uri $uri/ /index.php?$query_string;"></textarea></div>
<button class="btn btn-success" onclick="saveStatic()">保存伪静态</button>
</div>
{% endblock %}
{% block scripts %}
<script>
function showAdd(){document.getElementById('add-form').style.display=document.getElementById('add-form').style.display==='none'?'block':'none'}
function loadVhosts(){api('/api/nginx/vhosts').then(function(d){var h='';d.forEach(function(v){h+='<tr><td>'+v.domains.join(', ')+'</td><td>'+v.root+'</td><td>'+v.file+'</td><td><button class="btn btn-warning btn-sm" onclick="showStatic(\''+v.domains[0]+'\')">伪静态</button> <button class="btn btn-danger btn-sm" onclick="delVhost(\''+v.file+'\')">删除</button></td></tr>'});document.getElementById('vhost-list').innerHTML=h||'<tr><td colspan="4">暂无站点</td></tr>'})}
function addVhost(){var d=document.getElementById('vhost-domain').value.trim(),r=document.getElementById('vhost-root').value.trim(),p=document.getElementById('vhost-port').value;if(!d||!r){toast('请填写域名和根目录','error');return}post('/api/nginx/add_vhost',{domain:d,root:r,port:parseInt(p)}).then(function(d){toast(d.output,d.success?'success':'error');if(d.success)loadVhosts()})}
function delVhost(f){if(!confirm('确认删除 '+f+' ?'))return;post('/api/nginx/delete_vhost',{file:f}).then(function(d){toast(d.output,d.success?'success':'error');if(d.success)loadVhosts()})}
function showStatic(domain){document.getElementById('static-form').style.display='block';document.getElementById('static-domain').textContent=domain;document.getElementById('static-rules').value='try_files $uri $uri/ /index.php?$query_string;'}
var TPLS={wordpress:'try_files $uri $uri/ /index.php?$query_string;',thinkphp:'if (!-e $request_filename) { rewrite ^(.*)$ /index.php?s=$1 last; }',laravel:'try_files $uri $uri/ /index.php?$query_string;',typecho:'if (!-e $request_filename) { rewrite ^(.*)$ /index.php last; }'};
function loadTpl(){var v=document.getElementById('static-tpl').value;if(TPLS[v])document.getElementById('static-rules').value=TPLS[v]}
function saveStatic(){var d=document.getElementById('static-domain').textContent,r=document.getElementById('static-rules').value;if(!d||!r){toast('请填写规则','error');return}post('/api/nginx/pseudo_static',{domain:d,rules:r}).then(function(d){toast(d.output,d.success?'success':'error')})}
loadVhosts();
</script>
{% endblock %}