{% extends "base.html" %}

{% block title %}{{ page_title }} - AgomTradePro{% endblock %}

{% block content %}
{% include "components/classic_tui_migration_banner.html" with screen_key="execution.accounts" action_key="broker-execution.overview" %}
<style>
  .be-shell{max-width:1380px;margin:0 auto;padding:24px;color:#172033}.be-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.be-head h1{margin:0 0 6px;font-size:28px}.be-muted{color:#64748b}.be-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.be-nav a{padding:8px 12px;border:1px solid #d7deea;border-radius:8px;text-decoration:none;color:#344054;background:#fff}.be-nav a.active{background:#172033;color:#fff;border-color:#172033}.be-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:18px}.be-card{background:#fff;border:1px solid #dde4ee;border-radius:12px;padding:17px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.be-card h2,.be-card h3{margin:0 0 10px}.be-kpi{font-size:30px;font-weight:750}.be-ready{color:#14804a}.be-review{color:#b54708}.be-stopped,.be-offline{color:#b42318}.be-table-wrap{overflow:auto}.be-table{width:100%;border-collapse:collapse;font-size:13px}.be-table th,.be-table td{padding:10px 8px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top;white-space:nowrap}.be-table th{color:#667085;font-weight:600}.be-btn{border:0;border-radius:8px;padding:8px 12px;cursor:pointer;background:#2563eb;color:#fff;margin:2px}.be-btn.secondary{background:#475467}.be-btn.danger{background:#b42318}.be-btn:disabled{opacity:.45;cursor:not-allowed}.be-pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2f6;font-size:12px}.be-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.be-form label{display:flex;flex-direction:column;gap:5px;font-size:13px}.be-form input,.be-form textarea,.be-form select{border:1px solid #cfd8e5;border-radius:8px;padding:9px;background:#fff}.be-output{white-space:pre-wrap;background:#101828;color:#e5edf7;border-radius:9px;padding:14px;max-height:420px;overflow:auto;font-size:12px}.be-alert{border-radius:9px;padding:12px;margin:12px 0;background:#fff3f0;color:#912018;border:1px solid #f7c7bc}.be-empty{padding:24px;text-align:center;color:#667085}.be-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.be-secret{word-break:break-all;background:#fff8dd;border:1px dashed #eaaa08;border-radius:8px;padding:10px}
</style>

<div class="be-shell" data-page="{{ page_key }}">
  <div class="be-head">
    <div><h1>{{ page_title }}</h1><div class="be-muted">{{ page_subtitle }}</div></div>
    <div class="be-actions">{% if permissions.kill_switch %}<button class="be-btn danger" id="kill-switch">紧急停止</button>{% endif %}{% if permissions.resume and page_data.kill_switch.active %}<button class="be-btn" id="resume-trading">复核并恢复</button>{% endif %}</div>
  </div>
  <nav class="be-nav" aria-label="实盘执行导航">
    <a href="{% url 'broker_execution:overview' %}" class="{% if page_key == 'overview' %}active{% endif %}">总览</a>
    <a href="{% url 'broker_execution:orders' %}" class="{% if page_key == 'orders' or page_key == 'order_detail' %}active{% endif %}">订单</a>
    <a href="{% url 'broker_execution:reconciliation' %}" class="{% if page_key == 'reconciliation' %}active{% endif %}">对账</a>
    <a href="{% url 'broker_execution:connection' %}" class="{% if page_key == 'connection' %}active{% endif %}">本地连接</a>
    <a href="{% url 'broker_execution:settings' %}" class="{% if page_key == 'settings' %}active{% endif %}">执行设置</a>
    <a href="{% url 'broker_execution:audit' %}" class="{% if page_key == 'audit' %}active{% endif %}">审计</a>
  </nav>

  {% if page_error %}<div class="be-alert">{{ page_error }}</div>{% endif %}

  {% if page_key == 'overview' %}
  <div class="be-grid">
    <section class="be-card"><h3>今日能否交易</h3><div class="be-kpi be-{{ page_data.today_readiness|lower }}">{{ page_data.today_readiness|default:"OFFLINE" }}</div><div class="be-muted">连接、停止开关与差异的综合结论</div></section>
    <section class="be-card"><h3>本地连接</h3><div class="be-kpi">{{ page_data.connections.online|default:0 }}/{{ page_data.connections.total|default:0 }}</div><div class="be-muted">Agent 与 QMT 同时在线</div></section>
    <section class="be-card"><h3>待我确认</h3><div class="be-kpi">{{ page_data.pending_approvals.count|default:0 }}</div><div class="be-muted">预计金额 {{ page_data.pending_approvals.estimated_amount|default:"0" }}<br>最早过期 {{ page_data.pending_approvals.earliest_expiry|default:"-" }}</div></section>
    <section class="be-card"><h3>执行异常</h3><div class="be-kpi">{{ page_data.execution_exceptions.count|default:0 }}</div><div class="be-muted">拒单、未知状态和待对账订单</div></section>
    <section class="be-card"><h3>对账差异</h3><div class="be-kpi">{{ page_data.reconciliation_differences.runs|default:0 }}</div><div class="be-muted">订单 {{ page_data.reconciliation_differences.order|default:0 }} / 成交 {{ page_data.reconciliation_differences.fill|default:0 }} / 资金 {{ page_data.reconciliation_differences.cash|default:0 }} / 持仓 {{ page_data.reconciliation_differences.position|default:0 }}</div></section>
    <section class="be-card"><h3>停止开关</h3><div class="be-kpi">{% if page_data.kill_switch.active %}已停止{% else %}未触发{% endif %}</div><div class="be-muted">停止后仍允许撤单、回报和对账</div></section>
  </div>
  <section class="be-card"><h2>下一步</h2>{% if page_data.connections.total == 0 %}<p class="be-empty">尚无本地 Agent。请由管理员完成 Windows Agent 与账户绑定。</p>{% elif page_data.pending_approvals.count %}<a class="be-btn" href="{% url 'broker_execution:orders' %}">复核待确认订单</a>{% else %}<p class="be-muted">当前没有待确认订单。请持续关注连接与对账状态。</p>{% endif %}</section>
  {% if page_data.active_alerts %}<section class="be-card" style="margin-top:14px"><h2>当前实盘告警</h2>{% for alert in page_data.active_alerts %}<div class="be-alert"><strong>{{ alert.severity }} · {{ alert.title }}</strong><br>账户 {{ alert.account_id }}{% if alert.auto_stop_applied %} · 已自动停止新单{% endif %}</div>{% endfor %}</section>{% endif %}
  {% endif %}

  {% if page_key == 'orders' %}
  {% if permissions.create_draft %}<section class="be-card" style="margin-bottom:14px"><h2>从当前自动投顾建议生成草稿</h2><p class="be-muted">服务端会重新生成当前建议并执行权威风控；不能在这里手工填写标的、方向、数量或价格。</p><form id="advisor-draft-form" class="be-form"><label>实盘账户 ID<input name="account_id" type="number" min="1" required></label><div><button class="be-btn" type="submit">预览建议单草稿</button></div></form></section>{% endif %}
  <section class="be-card"><h2>订单目录</h2><div class="be-table-wrap"><table class="be-table"><thead><tr><th>状态</th><th>账户</th><th>标的</th><th>方向</th><th>数量</th><th>限价</th><th>预计金额</th><th>有效期</th><th>操作</th></tr></thead><tbody>{% for order in page_data.orders %}<tr><td><span class="be-pill">{{ order.status }}</span></td><td>{{ order.account_id }}</td><td><a href="{% url 'broker_execution:order-detail' order.client_order_id %}">{{ order.asset_code }}</a></td><td>{{ order.side }}</td><td>{{ order.quantity }}</td><td>{{ order.limit_price|default:"-" }}</td><td>{{ order.estimated_amount }}</td><td>{{ order.expires_at|default:"-" }}</td><td>{% if permissions.approve and order.action_availability.approve %}<button class="be-btn order-action" data-order="{{ order.client_order_id }}" data-action="approve">批准</button>{% endif %}{% if permissions.reject and order.action_availability.reject %}<button class="be-btn secondary order-action" data-order="{{ order.client_order_id }}" data-action="reject">拒绝</button>{% endif %}{% if permissions.cancel and order.action_availability.cancel %}<button class="be-btn danger order-action" data-order="{{ order.client_order_id }}" data-action="cancel">撤单</button>{% endif %}</td></tr>{% empty %}<tr><td colspan="9" class="be-empty">当前没有可见实盘订单。</td></tr>{% endfor %}</tbody></table></div></section>
  {% endif %}

  {% if page_key == 'order_detail' %}
  <div class="be-grid"><section class="be-card"><h2>{{ page_data.asset_code }} · {{ page_data.side }}</h2><p><span class="be-pill">{{ page_data.status }}</span></p><p>账户：{{ page_data.account_id }}</p><p>数量：{{ page_data.quantity }}，限价：{{ page_data.limit_price|default:"-" }}</p><p>预计金额：{{ page_data.estimated_amount }}</p><p>券商委托号：{{ page_data.broker_order_id|default:"-" }}</p><p>已成交：{{ page_data.filled_quantity }}，成交均价：{{ page_data.average_fill_price|default:"-" }}</p>{% if page_data.failure_code or page_data.failure_message %}<div class="be-alert"><strong>{{ page_data.failure_code|default:"执行异常" }}</strong><br>{{ page_data.failure_message|default:"请进入对账核验" }}</div>{% endif %}<p>有效期：{{ page_data.expires_at|default:"-" }}</p><p>审批摘要：<code>{{ page_data.approval_digest|default:"尚未批准" }}</code></p><div class="be-actions">{% if permissions.approve and page_data.action_availability.approve %}<button class="be-btn order-action" data-order="{{ page_data.client_order_id }}" data-action="approve">预览并批准</button>{% endif %}{% if permissions.reject and page_data.action_availability.reject %}<button class="be-btn secondary order-action" data-order="{{ page_data.client_order_id }}" data-action="reject">拒绝</button>{% endif %}{% if permissions.cancel and page_data.action_availability.cancel %}<button class="be-btn danger order-action" data-order="{{ page_data.client_order_id }}" data-action="cancel">请求撤单</button>{% endif %}</div></section><section class="be-card"><h2>风险快照</h2><pre class="be-output">{{ page_data.risk_snapshot }}</pre></section></div>
  <section class="be-card"><h2>券商事件与成交</h2><div class="be-table-wrap"><table class="be-table"><thead><tr><th>时间</th><th>事件</th><th>状态</th><th>编号</th></tr></thead><tbody>{% for event in page_data.events %}<tr><td>{{ event.occurred_at }}</td><td>{{ event.event_type }}</td><td>{{ event.status }}</td><td>{{ event.event_id }}</td></tr>{% empty %}<tr><td colspan="4" class="be-empty">尚无券商委托回报。</td></tr>{% endfor %}</tbody></table></div><h3 style="margin-top:18px">成交事实</h3><div class="be-table-wrap"><table class="be-table"><thead><tr><th>成交时间</th><th>券商成交号</th><th>数量</th><th>价格</th><th>金额</th></tr></thead><tbody>{% for fill in page_data.fills %}<tr><td>{{ fill.occurred_at }}</td><td>{{ fill.broker_trade_id }}</td><td>{{ fill.quantity }}</td><td>{{ fill.price }}</td><td>{{ fill.amount }}</td></tr>{% empty %}<tr><td colspan="5" class="be-empty">尚无成交。</td></tr>{% endfor %}</tbody></table></div></section>
  {% endif %}

  {% if page_key == 'reconciliation' %}
  <section class="be-card"><h2>对账批次</h2><p><a class="be-btn secondary" href="{% url 'audit:manual_trades' %}">Agent 不可用时导入券商成交文件</a></p><div class="be-table-wrap"><table class="be-table"><thead><tr><th>时间</th><th>账户</th><th>状态</th><th>订单</th><th>成交</th><th>资金</th><th>持仓</th><th>差异证据</th><th>操作</th></tr></thead><tbody>{% for run in page_data.runs %}<tr><td>{{ run.started_at }}</td><td>{{ run.account_id }}</td><td>{{ run.status }}</td><td>{{ run.order_difference_count }}</td><td>{{ run.fill_difference_count }}</td><td>{{ run.cash_difference_count }}</td><td>{{ run.position_difference_count }}</td><td><details><summary>{{ run.differences|length }} 项</summary>{% for difference in run.differences %}<div><strong>{{ difference.severity }} · {{ difference.dimension }}</strong> {{ difference.difference_key }}<br><span class="be-muted">{{ difference.reason }}</span></div>{% empty %}无差异{% endfor %}</details></td><td>{% if permissions.resolve_reconciliation and run.status != 'resolved' and run.status != 'completed' %}<select class="reconcile-resolution" aria-label="对账处置方式"><option value="verified_no_change">核验无须调整</option><option value="accept_broker_fact">接受券商事实</option><option value="manual_adjustment">已完成人工校准</option><option value="escalate">升级处理</option></select><button class="be-btn reconcile" data-run="{{ run.id }}">预览处置</button>{% endif %}</td></tr>{% empty %}<tr><td colspan="9" class="be-empty">暂无对账批次。Agent 首次同步后会形成持久化证据。</td></tr>{% endfor %}</tbody></table></div></section>
  {% endif %}

  {% if page_key == 'connection' or page_key == 'settings' %}
  <section class="be-card"><h2>{% if page_key == 'connection' %}Agent / QMT 连接{% else %}账户执行设置{% endif %}</h2><div class="be-table-wrap"><table class="be-table"><thead><tr><th>Agent</th><th>状态</th><th>QMT</th><th>版本</th><th>最后心跳</th><th>绑定账户</th>{% if permissions.manage_binding and page_key == 'connection' %}<th>连接操作</th>{% endif %}</tr></thead><tbody>{% for agent in page_data.connections %}<tr><td>{{ agent.display_name }}</td><td>{{ agent.status }}</td><td>{% if agent.qmt_connected %}已连接{% else %}未连接{% endif %}</td><td>{{ agent.agent_version|default:"-" }}</td><td>{{ agent.last_heartbeat_at|default:"从未" }}</td><td>{% for binding in agent.bindings %}<div>{{ binding.account_id }} · {{ binding.broker_account_mask }} · {% if binding.is_active %}{% if binding.auto_execution_enabled %}可执行{% else %}仅观察{% endif %}{% else %}已解绑{% endif %}{% if permissions.manage_binding and binding.is_active and page_key == 'connection' %} <button class="be-btn danger unbind-agent" data-user="{{ binding.user_id }}" data-account="{{ binding.account_id }}" data-agent="{{ binding.agent_id }}">解绑</button>{% endif %}</div>{% empty %}-{% endfor %}</td>{% if permissions.manage_binding and page_key == 'connection' %}<td><button class="be-btn secondary request-agent-sync" data-agent="{{ agent.agent_id }}">测试连接 / 立即同步</button></td>{% endif %}</tr>{% empty %}<tr><td colspan="7" class="be-empty">本地 Agent 尚未连接。请先在 Windows 安装 QMT、xtquant 与 Agom QMT Agent。</td></tr>{% endfor %}</tbody></table></div>{% if page_key == 'connection' %}<p class="be-muted">主动测试通过现有出站长轮询向 Agent 下发全量同步命令，不需要在本机开放入站端口。</p>{% endif %}</section>
  {% if permissions.manage_binding and page_key == 'connection' %}<section class="be-card" style="margin-top:14px"><h2>管理员：绑定执行端</h2><form id="binding-form" class="be-form"><label>用户 ID<input name="user_id" type="number" min="1" required></label><label>系统账户 ID<input name="account_id" type="number" min="1" required></label><label>Agent ID<input name="agent_id" required></label><label>显示名称<input name="display_name"></label><label>券商账户引用<input name="broker_account_ref" type="password" required></label><label>脱敏账户号<input name="broker_account_mask"></label><label>账户类型<select name="account_type"><option>STOCK</option></select></label><label>变更原因<input name="reason" required></label><div><button class="be-btn" type="submit">确认绑定</button></div></form><p class="be-muted">首版仅支持普通股票账户；信用账户必须在专门适配融资融券委托语义后另行验收。</p></section>{% endif %}
  {% if permissions.manage_agent_credentials and page_key == 'connection' %}<section class="be-card" style="margin-top:14px"><h2>管理员：Agent 凭证</h2><form id="credential-form" class="be-form"><label>Agent ID<input name="agent_id" required></label><label>允许账户 ID（逗号分隔）<input name="account_ids" placeholder="8,9" required></label><label>有效期<input name="expires_at" type="datetime-local" required></label><div><button class="be-btn" type="submit">创建一次性凭证</button></div></form><div id="credential-output"></div><div class="be-table-wrap" style="margin-top:14px"><table class="be-table"><thead><tr><th>Agent</th><th>凭证 ID</th><th>允许账户</th><th>有效期</th><th>状态</th><th>操作</th></tr></thead><tbody>{% for agent in page_data.connections %}{% for credential in agent.credentials %}<tr><td>{{ agent.agent_id }}</td><td>{{ credential.credential_id }}</td><td>{{ credential.allowed_account_ids|join:", " }}</td><td>{{ credential.expires_at }}</td><td>{% if credential.revoked_at %}已撤销{% else %}有效{% endif %}</td><td>{% if not credential.revoked_at %}<button class="be-btn danger revoke-credential" data-credential="{{ credential.credential_id }}">立即撤销</button>{% endif %}</td></tr>{% empty %}{% endfor %}{% empty %}{% endfor %}</tbody></table></div></section>{% endif %}
  {% if permissions.manage_limits and page_key == 'settings' %}<section class="be-card" style="margin-top:14px"><h2>管理员：更新账户门禁</h2><form id="settings-form" class="be-form"><label>账户 ID<input name="account_id" type="number" min="1" required></label><label>单笔上限<input name="max_single_order_amount" type="number" min="0" step="0.01"></label><label>单日上限<input name="daily_order_amount_limit" type="number" min="0" step="0.01"></label><label>最大持仓数<input name="max_position_count" type="number" min="1" max="1000"></label><label>快照最大延迟（秒）<input name="max_snapshot_age_seconds" type="number" min="10" max="3600"></label><label>限价偏离上限（0-1）<input name="price_deviation_limit_pct" type="number" min="0" max="1" step="0.0001"></label><label>交易时段（逗号分隔）<input name="allowed_trading_windows" placeholder="09:30-11:30,13:00-15:00"></label><label>标的白名单（逗号分隔）<input name="allowed_symbols"></label><label>校验交易时段<select name="enforce_trading_session"><option value="true">开启</option><option value="false">关闭（仅测试）</option></select></label><label>自动执行<select name="auto_execution_enabled"><option value="false">关闭</option><option value="true">开启</option></select></label><label>变更原因<input name="reason" required></label><div><button class="be-btn" type="submit">确认更新</button></div></form></section>{% endif %}
  {% if permissions.manage_access and page_key == 'settings' %}<section class="be-card" style="margin-top:14px"><h2>管理员：账户授权</h2><p class="be-muted">角色只决定可执行的动作类型；非账户所有者还必须拥有这里配置的显式账户授权。</p><form id="access-grant-form" class="be-form"><label>被授权用户 ID<input name="user_id" type="number" min="1" required></label><label>实盘账户 ID<input name="account_id" type="number" min="1" required></label><label>允许审批<select name="can_approve"><option value="false">否</option><option value="true">是</option></select></label><label>允许交易<select name="can_trade"><option value="false">否</option><option value="true">是</option></select></label><label>授权状态<select name="is_active"><option value="true">启用</option><option value="false">撤销</option></select></label><label>变更原因<input name="reason" required></label><div><button class="be-btn" type="submit">预览账户授权</button></div></form><div class="be-table-wrap" style="margin-top:14px"><table class="be-table"><thead><tr><th>用户</th><th>账户</th><th>审批</th><th>交易</th><th>状态</th><th>授权人</th></tr></thead><tbody>{% for grant in page_data.access_grants %}<tr><td>{{ grant.username }} ({{ grant.user_id }})</td><td>{{ grant.account_id }}</td><td>{% if grant.can_approve %}允许{% else %}禁止{% endif %}</td><td>{% if grant.can_trade %}允许{% else %}禁止{% endif %}</td><td>{% if grant.is_active %}有效{% else %}已撤销{% endif %}</td><td>{{ grant.granted_by|default:"-" }}</td></tr>{% empty %}<tr><td colspan="6" class="be-empty">暂无显式账户授权。</td></tr>{% endfor %}</tbody></table></div></section>{% endif %}
  {% endif %}

  {% if page_key == 'audit' %}
  <section class="be-card"><h2>只追加审计时间线</h2><div class="be-actions" style="margin-bottom:12px"><label>筛选审计记录 <input id="audit-filter" type="search" placeholder="操作者、动作、账户、资源或原因"></label><button class="be-btn secondary" id="audit-export" type="button">导出当前筛选 CSV</button></div><div class="be-table-wrap"><table class="be-table" id="audit-table"><thead><tr><th>时间</th><th>操作者</th><th>动作</th><th>账户</th><th>资源</th><th>原因</th><th>请求 ID</th></tr></thead><tbody>{% for event in page_data.events %}<tr class="audit-row"><td>{{ event.created_at }}</td><td>{{ event.actor_username|default:event.actor_type }}</td><td>{{ event.action }}</td><td>{{ event.account_id }}</td><td>{{ event.resource_type }} / {{ event.resource_id }}</td><td>{{ event.reason|default:"-" }}</td><td>{{ event.request_id|default:"-" }}</td></tr>{% empty %}<tr><td colspan="7" class="be-empty">暂无可见审计事件。</td></tr>{% endfor %}</tbody></table></div><p class="be-muted">导出范围与当前用户权限及当前筛选结果一致；不会包含其他用户的审计数据。</p></section>
  {% endif %}

  <section class="be-card" id="operation-panel" hidden style="margin-top:16px"><h2>操作预览与结果</h2><pre class="be-output" id="operation-output"></pre><div class="be-actions" id="operation-actions"></div></section>
</div>

{{ page_data|json_script:"broker-execution-page-data" }}
{{ page_view_model|json_script:"broker-execution-page-view-model" }}
<script>
(() => {
  const panel=document.getElementById('operation-panel'), output=document.getElementById('operation-output'), actions=document.getElementById('operation-actions');
  const csrf=()=>document.cookie.split('; ').find(v=>v.startsWith('csrftoken='))?.split('=')[1]||'';
  async function call(url,payload,method='POST'){const r=await fetch(url,{method,headers:{'Content-Type':'application/json','X-CSRFToken':csrf()},body:JSON.stringify(payload)});const body=await r.json();if(!r.ok)throw new Error(body.error||body.detail||JSON.stringify(body));return body.data;}
  function show(value){panel.hidden=false;output.textContent=JSON.stringify(value,null,2);actions.innerHTML='';panel.scrollIntoView({behavior:'smooth',block:'nearest'});}
  async function previewOrder(order,action){try{const reason=prompt('请输入操作原因（将写入审计）','人工复核')??'';const url=`/api/broker-execution/orders/${order}/${action}/`;const p=await call(url,{preview_only:true,reason});show(p);const b=document.createElement('button');b.className='be-btn danger';b.textContent='确认执行';b.onclick=async()=>{if(!confirm('确认按以上预览执行？'))return;try{show(await call(url,{preview_only:false,reason,expected_version:p.order.version,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)}catch(e){show({error:e.message})}};actions.appendChild(b)}catch(e){show({error:e.message})}}
  document.querySelectorAll('.order-action').forEach(b=>b.addEventListener('click',()=>previewOrder(b.dataset.order,b.dataset.action)));
  document.getElementById('advisor-draft-form')?.addEventListener('submit',async e=>{e.preventDefault();const accountId=Number(new FormData(e.target).get('account_id')),url='/api/broker-execution/orders/from-advisor-sheet/';try{const preview=await call(url,{account_id:accountId,preview_only:true});show(preview);if(!preview.commit_allowed)return;const b=document.createElement('button');b.className='be-btn danger';b.textContent='确认生成风控草稿';b.onclick=async()=>{if(!confirm('确认从以上服务端建议生成待审批草稿？'))return;show(await call(url,{account_id:accountId,preview_only:false,expected_plan_digest:preview.plan_digest,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)};actions.appendChild(b)}catch(err){show({error:err.message})}});
  document.getElementById('kill-switch')?.addEventListener('click',async()=>{try{const reason=prompt('紧急停止原因（必填）');if(!reason)return;const url='/api/broker-execution/kill-switch/';const p=await call(url,{account_id:0,active:true,reason,preview_only:true});show(p);const b=document.createElement('button');b.className='be-btn danger';b.textContent='确认紧急停止';b.onclick=async()=>{if(confirm('停止后将禁止领取和提交新订单，确认继续？')){show(await call(url,{account_id:0,active:true,reason,preview_only:false,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)}};actions.appendChild(b)}catch(e){show({error:e.message})}});
  document.getElementById('resume-trading')?.addEventListener('click',async()=>{try{const reason=prompt('恢复原因（将写入审计）');if(!reason)return;const url='/api/broker-execution/kill-switch/';const payload={account_id:0,active:false,reason};show(await call(url,{...payload,preview_only:true}));const b=document.createElement('button');b.className='be-btn danger';b.textContent='确认恢复实盘';b.onclick=async()=>{if(!confirm('仅当连接、异常和对账均已恢复时继续。确认恢复？'))return;const credential=prompt('请输入当前登录密码完成二次认证');if(!credential)return;try{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID(),reauth:{method:'password',credential}}));setTimeout(()=>location.reload(),900)}finally{payload.reauth=undefined}};actions.appendChild(b)}catch(e){show({error:e.message})}});
  document.querySelectorAll('.reconcile').forEach(b=>b.addEventListener('click',async()=>{try{const reason=prompt('处置原因');if(!reason)return;const resolution=b.parentElement.querySelector('.reconcile-resolution').value;const url=`/api/broker-execution/reconciliations/${b.dataset.run}/resolve/`;const payload={resolution,reason,preview_only:true};show(await call(url,payload));const c=document.createElement('button');c.className='be-btn';c.textContent='确认执行该处置';c.onclick=async()=>{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)};actions.appendChild(c)}catch(e){show({error:e.message})}}));
  document.getElementById('binding-form')?.addEventListener('submit',async e=>{e.preventDefault();const f=new FormData(e.target);const payload=Object.fromEntries(f.entries());payload.user_id=Number(payload.user_id);payload.account_id=Number(payload.account_id);payload.is_active=true;const url='/api/broker-execution/bindings/';try{show(await call(url,{...payload,preview_only:true}));const b=document.createElement('button');b.className='be-btn danger';b.textContent='确认绑定';b.onclick=async()=>{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)};actions.appendChild(b)}catch(err){show({error:err.message})}});
  document.getElementById('credential-form')?.addEventListener('submit',async e=>{e.preventDefault();const f=new FormData(e.target);const accountIds=String(f.get('account_ids')||'').split(',').map(v=>Number(v.trim())).filter(v=>Number.isInteger(v)&&v>0);const payload={agent_id:f.get('agent_id'),account_ids:accountIds,expires_at:new Date(f.get('expires_at')).toISOString(),scopes:['agent.heartbeat.write','agent.orders.lease','agent.orders.submitting_ack','agent.events.write','agent.snapshots.write','agent.commands.lease']},url='/api/broker-execution/credentials/rotate/';try{show(await call(url,{...payload,preview_only:true}));const b=document.createElement('button');b.className='be-btn danger';b.textContent='确认创建凭证';b.onclick=async()=>{const data=await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()});show({...data,token:'[仅在下方显示一次]'});const secret=document.createElement('p');secret.className='be-secret';const label=document.createElement('strong');label.textContent='请立即复制，离开后无法再次查看：';secret.append(label,document.createElement('br'),document.createTextNode(data.token));document.getElementById('credential-output').replaceChildren(secret)};actions.appendChild(b)}catch(err){show({error:err.message})}});
  document.querySelectorAll('.revoke-credential').forEach(b=>b.addEventListener('click',async()=>{try{const reason=prompt('撤销原因');if(!reason)return;const url=`/api/broker-execution/credentials/${b.dataset.credential}/revoke/`;const payload={reason,preview_only:true};show(await call(url,payload));const c=document.createElement('button');c.className='be-btn danger';c.textContent='确认立即撤销';c.onclick=async()=>{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)};actions.appendChild(c)}catch(e){show({error:e.message})}}));
  document.querySelectorAll('.unbind-agent').forEach(b=>b.addEventListener('click',async()=>{try{const reason=prompt('解绑原因');if(!reason)return;const url='/api/broker-execution/bindings/';const payload={user_id:Number(b.dataset.user),account_id:Number(b.dataset.account),agent_id:b.dataset.agent,is_active:false,reason,preview_only:true};show(await call(url,payload));const c=document.createElement('button');c.className='be-btn danger';c.textContent='确认解绑并停止领取新单';c.onclick=async()=>{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)};actions.appendChild(c)}catch(e){show({error:e.message})}}));
  document.querySelectorAll('.request-agent-sync').forEach(b=>b.addEventListener('click',async()=>{try{const reason=prompt('连接测试原因','人工连接测试');if(!reason)return;const url='/api/broker-execution/connections/sync/',payload={agent_id:b.dataset.agent,reason,preview_only:true};show(await call(url,payload));const c=document.createElement('button');c.className='be-btn';c.textContent='确认下发全量同步';c.onclick=async()=>{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)};actions.appendChild(c)}catch(e){show({error:e.message})}}));
  document.getElementById('settings-form')?.addEventListener('submit',async e=>{e.preventDefault();const f=new FormData(e.target),account=f.get('account_id'),url=`/api/broker-execution/settings/${account}/`;const payload={reason:f.get('reason'),auto_execution_enabled:f.get('auto_execution_enabled')==='true',enforce_trading_session:f.get('enforce_trading_session')==='true'};for(const k of ['max_single_order_amount','daily_order_amount_limit','price_deviation_limit_pct'])if(f.get(k))payload[k]=f.get(k);for(const k of ['max_position_count','max_snapshot_age_seconds'])if(f.get(k))payload[k]=Number(f.get(k));for(const k of ['allowed_symbols','allowed_trading_windows'])if(f.get(k))payload[k]=f.get(k).split(',').map(v=>v.trim()).filter(Boolean);try{show(await call(url,{...payload,preview_only:true},'PATCH'));const b=document.createElement('button');b.className='be-btn danger';b.textContent='确认更新执行门禁';b.onclick=async()=>{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()},'PATCH'));setTimeout(()=>location.reload(),900)};actions.appendChild(b)}catch(err){show({error:err.message})}});
  document.getElementById('access-grant-form')?.addEventListener('submit',async e=>{e.preventDefault();const f=new FormData(e.target),url='/api/broker-execution/account-access/';const payload={user_id:Number(f.get('user_id')),account_id:Number(f.get('account_id')),can_approve:f.get('can_approve')==='true',can_trade:f.get('can_trade')==='true',is_active:f.get('is_active')==='true',reason:f.get('reason')};try{show(await call(url,{...payload,preview_only:true}));const b=document.createElement('button');b.className='be-btn danger';b.textContent=payload.is_active?'确认授予账户权限':'确认撤销账户权限';b.onclick=async()=>{show(await call(url,{...payload,preview_only:false,idempotency_key:crypto.randomUUID()}));setTimeout(()=>location.reload(),900)};actions.appendChild(b)}catch(err){show({error:err.message})}});
  const auditFilter=document.getElementById('audit-filter'),auditRows=[...document.querySelectorAll('.audit-row')];
  auditFilter?.addEventListener('input',()=>{const needle=auditFilter.value.trim().toLocaleLowerCase();auditRows.forEach(row=>{row.hidden=Boolean(needle)&&!row.textContent.toLocaleLowerCase().includes(needle)})});
  document.getElementById('audit-export')?.addEventListener('click',()=>{const rows=[...document.querySelectorAll('#audit-table tr')].filter(row=>!row.hidden);const csv=rows.map(row=>[...row.cells].map(cell=>`"${cell.textContent.trim().replaceAll('"','""')}"`).join(',')).join('\r\n');const blob=new Blob(['\uFEFF',csv],{type:'text/csv;charset=utf-8'}),url=URL.createObjectURL(blob),link=document.createElement('a');link.href=url;link.download=`broker-execution-audit-${new Date().toISOString().slice(0,10)}.csv`;link.click();URL.revokeObjectURL(url)});
})();
</script>
{% endblock %}