window.DecisionPage = (function() {
  'use strict';

  let companyMap = {};

  async function render() {
    await loadCompanies();
    return buildPage();
  }

  async function loadCompanies() {
    try {
      const res = await API.get('/companies?page=1&page_size=500');
      const items = (res.data && res.data.items) || [];
      companyMap = {};
      items.forEach(c => { companyMap[c.id] = c.company_name; });
    } catch (e) { /* ignore */ }
  }

  async function buildPage(companyId) {
    let html = '<div class="page-header"><h3>决策关系</h3><div class="toolbar">';
    html += `<select class="form-select" id="decision-company-filter" style="width:200px">
      <option value="">选择客户...</option>
      ${Object.entries(companyMap).map(([k,v]) => `<option value="${k}" ${companyId===k?'selected':''}>${esc(v)}</option>`).join('')}
    </select>`;
    html += '<button class="btn btn-primary" id="btn-add-decision">+ 新建决策关系</button>';
    html += '</div></div>';

    if (!companyId) {
      html += UI.emptyState('请先选择客户');
      bindEvents();
      return html;
    }

    try {
      const res = await API.get(`/decision-nodes?company_id=${encodeURIComponent(companyId)}`);
      const items = res.data || [];

      if (items.length === 0) {
        html += UI.emptyState('该客户暂无决策关系');
      } else {
        html += '<table><thead><tr><th>联系人</th><th>决策层级</th><th>决策类型</th><th>影响力</th><th>关系</th><th>需审批</th><th>操作</th></tr></thead><tbody>';
        items.forEach(d => {
          const types = Array.isArray(d.decision_type) ? d.decision_type.join(', ') : d.decision_type;
          html += `<tr>
            <td><strong>${esc(d.contact_name)}</strong><br><small>${esc(d.contact_title)} / ${esc(d.contact_dept)}</small></td>
            <td>${UI.badge(esc(d.decision_level), 'tech')}</td>
            <td>${esc(types)}</td>
            <td>${d.influence_weight}/10</td>
            <td>${esc(d.relationship_type || '-')}</td>
            <td>${d.approval_required ? UI.badge('是', 'warning') : '-'}</td>
            <td>
              <button class="btn btn-sm btn-outline" onclick="DecisionPage.showEdit('${d.id}','${companyId}')">编辑</button>
              <button class="btn btn-sm btn-danger" onclick="DecisionPage.doDelete('${d.id}')">删除</button>
            </td>
          </tr>`;
        });
        html += '</tbody></table>';
      }
    } catch (e) {
      html += `<div class="empty-state">加载失败: ${esc(e.message)}</div>`;
    }
    bindEvents();
    return html;
  }

  function bindEvents() {
    setTimeout(() => {
      const cf = document.getElementById('decision-company-filter');
      if (cf) cf.onchange = async () => {
        const html = await buildPage(cf.value);
        document.getElementById('content-area').innerHTML = html;
      };
      const addBtn = document.getElementById('btn-add-decision');
      if (addBtn) addBtn.onclick = () => {
        const cf = document.getElementById('decision-company-filter');
        showEdit(null, cf ? cf.value : '');
      };
    }, 0);
  }

  function showEdit(id, companyId) {
    const isNew = !id;
    let formHtml = '<div class="form-row"><div class="form-group"><label>所属客户 *</label><input class="form-input" value="' + escAttr(companyMap[companyId] || '') + '" readonly></div><div class="form-group"><label>联系人ID *</label><input class="form-input" id="f-contact_id" placeholder="联系人的32位ID"></div></div>';
    formHtml += '<div class="form-row"><div class="form-group"><label>决策层级 *</label><select class="form-select" id="f-decision_level"><option value="final">最终决策</option><option value="recommend">建议推荐</option><option value="influence">影响关注</option><option value="inform">告知知会</option></select></div><div class="form-group"><label>影响力 (1-10) *</label><input class="form-input" type="number" id="f-influence_weight" value="5" min="1" max="10"></div></div>';
    formHtml += '<div class="form-row"><div class="form-group"><label>汇报对象ID</label><input class="form-input" id="f-reports_to" placeholder="决策节点ID"></div><div class="form-group"><label>关系类型</label><select class="form-select" id="f-relationship_type"><option value="">-</option><option value="report">汇报</option><option value="influence">影响</option><option value="peer">同级</option></select></div></div>';
    formHtml += '<div class="form-row"><div class="form-group"><label>是否需要审批</label><select class="form-select" id="f-approval_required"><option value="0">否</option><option value="1">是</option></select></div></div>';
    formHtml += '<div class="form-group"><label>备注</label><textarea class="form-textarea" id="f-remark"></textarea></div>';

    UI.showModal(isNew ? '新建决策关系' : '编辑决策关系', formHtml, async () => {
      if (isNew) {
        await API.post('/decision-nodes', {
          company_id: companyId,
          contact_id: elVal('f-contact_id'),
          decision_level: elVal('f-decision_level'),
          influence_weight: parseInt(elVal('f-influence_weight')) || 5,
          reports_to: elVal('f-reports_to') || null,
          relationship_type: elVal('f-relationship_type') || null,
          approval_required: elVal('f-approval_required') === '1',
          remark: elVal('f-remark') || null,
        });
        UI.toast('决策关系创建成功', 'success');
      }
      UI.closeModal();
      Router.navigate(Router.getCurrentHash());
    });
  }

  async function doDelete(id) {
    if (!await UI.confirm('确定删除此决策关系？')) return;
    try {
      await API.delete(`/decision-nodes/${id}`);
      UI.toast('决策关系已删除', 'success');
      Router.navigate(Router.getCurrentHash());
    } catch (e) { UI.toast(e.message, 'error'); }
  }

  function elVal(id) { const el = document.getElementById(id); return el ? el.value : ''; }
  function esc(s) { return (s || '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'); }
  function escAttr(s) { return (s || '').replace(/&/g,'&amp;').replace(/"/g,'&quot;'); }

  return { render, showEdit, doDelete };
})();