let S;const $=s=>document.querySelector(s);async function api(u,o){return fetch(u,{headers:{'content-type':'application/json'},...o}).then(r=>r.json())}function render(){let a=S.bms.flatMap(b=>b.accounts).find(x=>x.id===S.selected);$('#account').innerHTML=`<b>● Facebook 已连接</b>　${S.user.name}　/　当前广告账户：${a?.name||'未选择'}　<small>已连接账号：${S.users.length}</small>`;let box=$('#campaigns');box.innerHTML=`<div class="bulk"><label><input type="checkbox" id="all"> 全选</label><select id="bulkAction"><option value="toggle">批量启用/暂停</option><option value="budget">批量增加预算</option></select><button class="ghost" id="bulkRun">执行批量操作</button></div>`+S.campaigns.map(c=>`<div class="campaign"><div><input type="checkbox" class="pick" value="${c.id}"> <b>${c.name}</b><small><span class="status ${c.status==='PAUSED'?'paused':''}">${c.status==='ACTIVE'?'投放中':'已暂停'}</span>　预算 ¥${c.budget}/天</small></div><div class="metric">消耗<b>¥${c.spend.toLocaleString()}</b></div><div class="metric">ROAS<b>${c.roas}</b></div><div class="actions"><button onclick="toggle('${c.id}')">${c.status==='ACTIVE'?'暂停':'启用'}</button></div></div>`).join('');$('#all').onchange=e=>document.querySelectorAll('.pick').forEach(x=>x.checked=e.target.checked);$('#bulkRun').onclick=bulk;$('#rules').innerHTML=S.rules.map(r=>`<div class="rule"><div class="rule-title">${r.name}<span class="switch">● 已启用</span></div><div class="rule-meta">当 ${r.metric} ${r.operator} ${r.threshold} → ${r.action}</div></div>`).join('');$('#logs').innerHTML=(S.logs.length?S.logs:[{time:new Date().toISOString(),message:'暂无执行记录'}]).slice(0,8).map(l=>`<div class="log"><time>${new Date(l.time).toLocaleString('zh-CN')}</time>${l.message}</div>`).join('')}async function load(){S=await api('/api/state');render()}async function toggle(id){S=await api('/api/campaigns/'+id+'/action',{method:'POST',body:JSON.stringify({action:'toggle'})});render()}async function bulk(){let ids=[...document.querySelectorAll('.pick:checked')].map(x=>x.value);if(!ids.length)return alert('请先选择广告系列');let action=$('#bulkAction').value;let delta=action==='budget'?Number(prompt('每个广告系列增加预算金额','200')):0;S=await api('/api/batch-actions',{method:'POST',body:JSON.stringify({campaignIds:ids,action,delta})});render()}$('#connect').onclick=()=>$('#modal').classList.remove('hidden');$('#close').onclick=()=>$('#modal').classList.add('hidden');$('#oauth').onclick=async()=>{S=await api('/api/connect',{method:'POST'});$('#modal').classList.add('hidden');render()};$('#addRule').onclick=async()=>{let name=prompt('规则名称','高 CPA 自动暂停');if(name){S=await api('/api/rules',{method:'POST',body:JSON.stringify({name,metric:'CPA',operator:'>',threshold:80,action:'暂停广告',enabled:true})});render()}};load();
$('#oauth').onclick=()=>{window.location.href='/auth/facebook'};