/* ============================================================
   BotanicAI — AI 智能体目录 (数据 + 渲染 + 弹窗)
   ============================================================ */

var categories = [
    { key: 'all',         name: '全部' },
    { key: 'finance',     name: '财务' },
    { key: 'hr',          name: '人力资源' },
    { key: 'sales',       name: '销售' },
    { key: 'marketing',   name: '营销' },
    { key: 'logistics',   name: '物流' },
    { key: 'docs',        name: '文档' },
    { key: 'efficiency',  name: '效率' }
];

var agentsData = [
    // 1
    {
        id: 1,
        category: 'finance',
        title: '财务分析师',
        short: '自动汇总 1C 与银行数据，发现异常与现金流缺口。',
        bullets: [
            '汇总现金流量表、损益表、银行对账单',
            '识别季节性与异常波动',
            '预测未来 2–3 个月资金余额'
        ],
        effect: '报表时间 −70%',
        tech: ['GPT-4', 'RAG'],
        desc: '从 1C、银行和 Excel 中提取数据，自动生成现金流量报表，识别资金缺口，预测未来 2–3 个月的余额。',
        features: [
            '汇总现金流量表、损益表、银行对账单',
            '识别季节性、异常波动和关键驱动因素',
            '预测现金流缺口与余额',
            '自动生成管理层仪表盘',
            '输出文字结论：「发生了什么、该做什么」'
        ],
        techFull: ['GPT-4', 'RAG', 'Google Sheets API', '1C'],
        for: '企业主、财务总监'
    },
    // 2
    {
        id: 2,
        category: 'finance',
        title: '预算控制员',
        short: '监控部门支出，超支时自动预警。',
        bullets: [
            '按科目对比计划与实际',
            'Telegram / Slack 自动提醒',
            '自动分类付款'
        ],
        effect: '超支 −15%',
        tech: ['n8n', 'GPT-4o-mini'],
        desc: '监控各部门支出，对比计划与实际，发现超支时立即发出预警。',
        features: [
            '按每个预算科目对比计划与实际',
            '通过 Telegram 或 Slack 发送预警',
            '从银行自动分类付款',
            '为部门负责人提供每周报表',
            '预测到月底的超支金额'
        ],
        techFull: ['n8n', 'GPT-4o-mini', 'Telegram Bot API', 'Google Sheets'],
        for: '部门负责人'
    },
    // 3
    {
        id: 3,
        category: 'hr',
        title: '简历筛选',
        short: '根据理想候选人画像为候选人排序。',
        bullets: [
            '解析 PDF / DOCX',
            '评分 1–10',
            '标记红旗与亮点'
        ],
        effect: '初筛时间 −80%',
        tech: ['Custom GPT', 'Sheets'],
        desc: '阅读简历，与理想候选人画像对比，按相关性为候选人排序。',
        features: [
            '解析 PDF / DOCX 简历',
            '候选人评分 1–10',
            '标记红旗与优势',
            '生成排序表格',
            '为每位候选人提供建议'
        ],
        techFull: ['Custom GPT', 'Google Sheets', 'PDF 解析'],
        for: 'HR、招聘人员'
    },
    // 4
    {
        id: 4,
        category: 'hr',
        title: '新人入职引导',
        short: '按入职计划引导新员工，回答问题。',
        bullets: [
            '30 / 60 / 90 天计划',
            '公司知识库（RAG）',
            '提醒导师与新人'
        ],
        effect: '适应期 −50%',
        tech: ['n8n', 'RAG'],
        desc: '按入职计划引导新员工，回答关于规章制度和知识库的问题。',
        features: [
            '30 / 60 / 90 天个性化计划',
            '基于知识库（RAG）回答问题',
            '提醒导师与新人',
            '收集适应期反馈',
            '自动检查点'
        ],
        techFull: ['n8n', 'RAG（向量数据库）', 'Telegram', 'Google Drive'],
        for: 'HR、管理者'
    },
    // 5
    {
        id: 5,
        category: 'sales',
        title: '销售通话分析',
        short: '转录通话，识别异议与成交模式。',
        bullets: [
            '音频转写（Whisper）',
            'Top 10 客户异议',
            '优秀销售话术'
        ],
        effect: '转化率 +20%',
        tech: ['Whisper', 'GPT-4'],
        desc: '转录销售通话录音，识别常见异议和成交模式。',
        features: [
            '音频转写（Whisper）',
            'Top 10 客户异议',
            '优秀销售话术',
            '分析拒绝原因',
            '为销售负责人提供成长报告'
        ],
        techFull: ['Whisper', 'GPT-4', 'CRM API'],
        for: '销售负责人'
    },
    // 6
    {
        id: 6,
        category: 'sales',
        title: '报价单生成',
        short: '收集客户信息，3 分钟生成个性化报价。',
        bullets: [
            '分析客户网站与 CRM',
            '个性化文案',
            '针对客户痛点的亮点'
        ],
        effect: '报价时间 −90%',
        tech: ['Custom GPT', 'CRM API'],
        desc: '从 CRM 和公开信息中收集客户数据，3 分钟生成个性化报价单。',
        features: [
            '分析客户网站与 CRM',
            '个性化报价文案',
            '突出客户的痛点与需求',
            '结构化初稿',
            '导出为 PDF / DOCX'
        ],
        techFull: ['Custom GPT', 'CRM API', 'PDF 生成'],
        for: '销售经理'
    },
    // 7
    {
        id: 7,
        category: 'marketing',
        title: '品牌口碑监控',
        short: '抓取评论，按情感分类，负面自动预警。',
        bullets: [
            '从地图与电商平台采集',
            '情感分析与 Top 5 问题',
            'Telegram 预警'
        ],
        effect: '监控时间 −60%',
        tech: ['n8n', 'Perplexity'],
        desc: '从地图、电商平台和社交媒体抓取评论，按情感分类，负面评论自动预警。',
        features: [
            '采集 Yandex 地图、2GIS、Ozon / WB 的评论',
            '按情感分类',
            '提取 Top 5 问题',
            '负面评论发 Telegram 预警',
            '按周统计评分变化'
        ],
        techFull: ['n8n', 'Perplexity API', 'GPT-4o', '抓取'],
        for: '市场营销、客户服务'
    },
    // 8
    {
        id: 8,
        category: 'logistics',
        title: '路线优化',
        short: '结合路况与配送时间窗，规划最优路线。',
        bullets: [
            '考虑时间窗',
            '优化里程',
            '司机路线单'
        ],
        effect: '物流成本 −15%',
        tech: ['Yandex Maps API', 'OR-Tools'],
        desc: '结合交通状况、时间窗和仓库负荷，规划最优配送路线。',
        features: [
            '考虑客户时间窗',
            '里程优化 10–15%',
            '为司机生成路线单',
            '考虑高峰期拥堵',
            '集成 GPS 监控'
        ],
        techFull: ['Yandex Maps API', 'OR-Tools', 'TMS'],
        for: '物流、配送负责人'
    },
    // 9
    {
        id: 9,
        category: 'docs',
        title: '合同审核',
        short: '将合同与模板对比，找出风险点。',
        bullets: [
            '与检查清单比对',
            '红旗提示（罚款、期限）',
            '给法务的建议'
        ],
        effect: '审核时间 −70%',
        tech: ['RAG', 'GPT-4'],
        desc: '将收到的合同与公司模板和风险清单对比，标记红旗。',
        features: [
            '与公司模板比对',
            '红旗提示：罚款、期限、不可抗力',
            '为法务提供建议',
            '按对手方保存审核历史',
            '导出 DOCX 报告'
        ],
        techFull: ['RAG', 'GPT-4', 'PDF 解析'],
        for: '法务、采购、财务总监'
    },
    // 10
    {
        id: 10,
        category: 'efficiency',
        title: '高管秘书',
        short: '安排会议、准备简报、提醒任务。',
        bullets: [
            '每日早报',
            '会前简报',
            '逾期提醒'
        ],
        effect: '每周 +5 小时',
        tech: ['n8n', 'Google Calendar'],
        desc: '安排会议、准备简报、汇总纪要和提醒任务。',
        features: [
            '每日早报：会议、任务、逾期',
            '每次会议前的简报',
            '逾期任务提醒',
            '会议纪要汇总',
            '集成 Google 日历与邮箱'
        ],
        techFull: ['n8n', 'Google Calendar API', 'GPT-4o', 'Gmail'],
        for: '企业主、高管'
    },
    // 11
    {
        id: 11,
        category: 'marketing',
        title: '竞品监控',
        short: '从网站和电商平台收集竞品价格、促销与新品。',
        bullets: [
            '竞品价格与促销',
            '新品追踪',
            '每周自动报告'
        ],
        effect: '分析时间 −80%',
        tech: ['n8n', 'Perplexity'],
        desc: '从网站、电商平台和社交媒体收集竞品价格、促销、新品和动态。',
        features: [
            '从竞品网站抓取价格与促销',
            '跟踪新品上架',
            '分析广告投放',
            '每周自动生成报告',
            '价格剧烈变动时预警'
        ],
        techFull: ['n8n', 'Perplexity API', 'GPT-4o', '抓取'],
        for: '市场营销、商务总监'
    },
    // 12
    {
        id: 12,
        category: 'marketing',
        title: '内容生成器',
        short: '按内容计划撰写帖子、文章与邮件。',
        bullets: [
            '社交媒体帖子',
            '文章与邮件',
            'DALL-E 配图'
        ],
        effect: '内容效率 ×5',
        tech: ['Custom GPT', 'DALL-E'],
        desc: '按内容计划生成帖子、文章、邮件和配图，并适配品牌调性。',
        features: [
            '为各社交平台生成帖子',
            '按简报撰写文章与长文',
            '邮件营销与邮件序列',
            '通过 DALL-E 生成配图与封面',
            '适配品牌 tone of voice'
        ],
        techFull: ['Custom GPT', 'DALL-E', 'Midjourney', 'Google Sheets'],
        for: '市场营销、社交媒体'
    },
    // 13
    {
        id: 13,
        category: 'finance',
        title: '应收账款催收',
        short: '提醒客户回款，逾期自动升级。',
        bullets: [
            '自动提醒客户',
            '逾期自动升级',
            '应收报表'
        ],
        effect: '逾期应收 −40%',
        tech: ['n8n', 'GPT-4o'],
        desc: '自动提醒客户回款，逾期时升级处理并生成报表。',
        features: [
            '到期前 3 天自动提醒',
            '礼貌的邮件与 Telegram 消息',
            '逾期时升级给负责人',
            '每日应收报表',
            '按客户保存沟通历史'
        ],
        techFull: ['n8n', 'GPT-4o', 'Telegram Bot API', 'CRM API'],
        for: '财务总监、会计'
    },
    // 14
    {
        id: 14,
        category: 'logistics',
        title: '需求预测',
        short: '基于销售历史和季节性预测需求。',
        bullets: [
            '按 SKU 预测',
            '考虑季节性',
            '采购建议'
        ],
        effect: '库存积压 −20%',
        tech: ['Python', 'Prophet'],
        desc: '基于销售历史、季节性和外部因素预测需求，给出采购建议。',
        features: [
            '按每个 SKU 预测需求',
            '考虑季节性与节假日',
            '建议采购数量',
            '缺货风险预警',
            '集成 ERP 与仓库'
        ],
        techFull: ['Python', 'Prophet', 'GPT-4', 'ERP API'],
        for: '采购、品类经理'
    },
    // 15
    {
        id: 15,
        category: 'marketing',
        title: '网站审计',
        short: '检查 SEO、死链、速度与文案。',
        bullets: [
            'SEO 审计',
            '死链与错误',
            '文案建议'
        ],
        effect: '网站转化 +15%',
        tech: ['n8n', 'Lighthouse API'],
        desc: '对网站进行技术和内容审计：SEO、速度、死链、文案、结构。',
        features: [
            '全站 SEO 审计',
            '检查加载速度',
            '查找死链与 404',
            '分析文案与 meta 标签',
            '按优先级输出修复报告'
        ],
        techFull: ['n8n', 'Lighthouse API', 'GPT-4', 'Screaming Frog'],
        for: '市场营销、站长'
    },
    // 16
    {
        id: 16,
        category: 'sales',
        title: '销售培训师',
        short: '基于真实通话生成训练案例。',
        bullets: [
            '真实通话案例',
            '错误复盘',
            '评分标准'
        ],
        effect: '培训速度 +30%',
        tech: ['Custom GPT', 'Whisper'],
        desc: '基于真实通话生成训练案例，对销售的回答给出反馈。',
        features: [
            '从通话录音生成案例',
            '角色扮演场景',
            '自动评估回答',
            '错误复盘与建议',
            '按每位销售跟踪进度'
        ],
        techFull: ['Custom GPT', 'Whisper', 'CRM API', 'Google Sheets'],
        for: '销售负责人、培训师'
    },
    // 17
    {
        id: 17,
        category: 'logistics',
        title: '仓库对账',
        short: '比对实际库存与账面，差异自动预警。',
        bullets: [
            '库存对账',
            '差异预警',
            '盘点报告'
        ],
        effect: '盘点错误 −90%',
        tech: ['n8n', 'ERP API'],
        desc: '自动比对实际库存与账面库存，发现差异并生成报告。',
        features: [
            '按每个 SKU 比对实际与账面',
            '差异超过 1% 时预警',
            '生成盘点报告',
            '按仓库保存差异历史',
            '集成 1C 与 PDA'
        ],
        techFull: ['n8n', 'ERP API', 'GPT-4o', 'PDA'],
        for: '仓库负责人、物流'
    },
    // 18
    {
        id: 18,
        category: 'hr',
        title: '员工反馈分析',
        short: '分析脉搏调查，识别团队问题。',
        bullets: [
            '脉搏调查分析',
            '问题识别',
            '给管理者的建议'
        ],
        effect: '离职率 −50%',
        tech: ['RAG', 'GPT-4'],
        desc: '分析脉搏调查和员工反馈，识别问题并给出建议。',
        features: [
            '分析脉搏调查与 1-on-1',
            '识别各团队的问题',
            '匿名化与数据保护',
            '为管理者提供建议',
            '按月跟踪参与度'
        ],
        techFull: ['RAG', 'GPT-4', 'Google Forms', 'HRIS'],
        for: 'HR、管理者'
    },
    // 19
    {
        id: 19,
        category: 'docs',
        title: '文书模板助手',
        short: '按模板生成标准合同、协议、发票。',
        bullets: [
            '合同与协议',
            '发票与单据',
            '自动填充数据'
        ],
        effect: '文书时间 −85%',
        tech: ['Custom GPT', 'PDF 生成'],
        desc: '按模板生成标准文书（合同、协议、发票、单据），自动填充数据。',
        features: [
            '按模板生成合同',
            '协议、发票、单据',
            '从 CRM 自动填充信息',
            '检查常见错误',
            '导出 PDF 与 DOCX'
        ],
        techFull: ['Custom GPT', 'PDF 生成', 'CRM API'],
        for: '法务、会计、销售'
    },
    // 20
    {
        id: 20,
        category: 'efficiency',
        title: 'KPI 控制台',
        short: '汇总各部门 KPI 到统一仪表盘并预警。',
        bullets: [
            '统一 KPI 仪表盘',
            '偏差预警',
            '管理层报告'
        ],
        effect: '透明度 +100%',
        tech: ['n8n', 'Metabase'],
        desc: '汇总各部门 KPI 到统一仪表盘，标记偏差并生成管理层报告。',
        features: [
            '从 CRM、ERP、Google Sheets 采集 KPI',
            '全部门统一仪表盘',
            '偏离计划时预警',
            '为管理层生成每周报告',
            '预测月末计划完成情况'
        ],
        techFull: ['n8n', 'Metabase', 'GPT-4o', 'CRM API'],
        for: '企业主、高管'
    },
    // 21
    {
        id: 21,
        category: 'efficiency',
        title: '会议纪要生成',
        short: '把会议录音转成带任务和负责人的纪要。',
        bullets: [
            '音频 2 分钟转文字',
            '带任务的纪要',
            '发送到 CRM 和 IM'
        ],
        effect: '纪要时间 −95%',
        tech: ['Whisper', 'GPT-4o'],
        desc: '听会议录音，转写，提取决议与任务及负责人，把纪要发给参会人。',
        features: [
            '音频转写（最长 3 小时）',
            '提取决议与任务',
            '指派负责人与截止日期',
            '自动发送纪要到 Telegram 与邮箱',
            '集成 CRM 与任务跟踪'
        ],
        techFull: ['Whisper', 'GPT-4o', 'n8n', 'CRM API', 'Telegram Bot API'],
        for: '管理者、项目经理'
    },
    // 22
    {
        id: 22,
        category: 'hr',
        title: '招聘市场监控',
        short: '监控招聘市场：薪资、要求、竞品。',
        bullets: [
            '薪资监控',
            '要求趋势',
            '市场报告'
        ],
        effect: '分析时间 −70%',
        tech: ['n8n', 'Perplexity'],
        desc: '从 hh.ru、LinkedIn 等平台收集职位，分析薪资与要求。',
        features: [
            '按岗位收集职位',
            '分析薪资区间',
            '要求与技能趋势',
            '与竞品对标',
            '为 HR 提供每周报告'
        ],
        techFull: ['n8n', 'Perplexity API', 'GPT-4o', 'hh.ru API'],
        for: 'HR、管理者'
    },
    // 23
    {
        id: 23,
        category: 'marketing',
        title: '广告投放审计',
        short: '分析 Yandex Direct 和 VK，找到预算浪费。',
        bullets: [
            '出价与受众审计',
            '预算浪费定位',
            '优化建议'
        ],
        effect: '线索成本 −25%',
        tech: ['n8n', 'GPT-4o'],
        desc: '分析 Yandex Direct 和 VK 的广告投放，找出低效组合并给出建议。',
        features: [
            '出价与受众审计',
            '找出 ROAS 低于目标的投放',
            '建议重新分配预算',
            '线索成本上升时预警',
            '按渠道生成每日报告'
        ],
        techFull: ['n8n', 'GPT-4o', 'Yandex Direct API', 'VK Ads API'],
        for: '市场营销、效果广告'
    },
    // 24
    {
        id: 24,
        category: 'sales',
        title: '服务质量控制',
        short: '按检查清单检查销售的回答质量。',
        bullets: [
            '按清单评分',
            '发现话术违规',
            '按销售出报告'
        ],
        effect: '服务质量 +35%',
        tech: ['Whisper', 'GPT-4'],
        desc: '按服务质量清单自动检查通话录音和聊天记录，识别违规。',
        features: [
            '按清单评估每次对话',
            '发现销售话术违规',
            '识别粗鲁与线索流失',
            '按质量给销售排名',
            '每周给销售负责人出报告'
        ],
        techFull: ['Whisper', 'GPT-4', 'CRM API', 'n8n'],
        for: '销售负责人、客户服务'
    },
    // 25
    {
        id: 25,
        category: 'logistics',
        title: '招标物流',
        short: '收集供应商报价，按价格与交期排序。',
        bullets: [
            '收集报价',
            '按价格 / 交期排序',
            '推荐中标方'
        ],
        effect: '采购价 −10%',
        tech: ['n8n', 'GPT-4o'],
        desc: '向供应商发送询价，收集报价，按价格、交期、可靠性排序并推荐中标方。',
        features: [
            '自动向供应商发询价',
            '收集并解析报价',
            '按价格、交期、可靠性排序',
            '推荐中标方',
            '保存每个供应商的历史'
        ],
        techFull: ['n8n', 'GPT-4o', 'Email API', 'Google Sheets'],
        for: '采购、物流'
    },
    // 26
    {
        id: 26,
        category: 'docs',
        title: '采购助手',
        short: '比较报价，寻找替代品与更优条件。',
        bullets: [
            '比较报价',
            '寻找替代品',
            '采购建议'
        ],
        effect: '采购成本 −15%',
        tech: ['RAG', 'GPT-4o'],
        desc: '比较供应商报价，寻找替代品和更优条件，推荐最优采购方案。',
        features: [
            '上传并比较报价',
            '寻找替代品与替换件',
            '分析付款与运输条件',
            '推荐采购数量与供应商',
            '导出对比表'
        ],
        techFull: ['RAG', 'GPT-4o', 'n8n', '1C', 'PDF 解析'],
        for: '采购、品类经理'
    }
];

// ===================== 渲染 =====================

function renderFilters() {
    var el = document.getElementById('filters');
    if (!el) return;
    var html = '';
    categories.forEach(function(c) {
        html += '<button class="filter-btn' + (c.key === 'all' ? ' active' : '') + '" data-cat="' + c.key + '">' + c.name + '</button>';
    });
    el.innerHTML = html;

    el.querySelectorAll('.filter-btn').forEach(function(btn) {
        btn.addEventListener('click', function() {
            el.querySelectorAll('.filter-btn').forEach(function(b) { b.classList.remove('active'); });
            btn.classList.add('active');
            filterAgents(btn.dataset.cat);
        });
    });
}

function renderAgents() {
    var grid = document.getElementById('agentsGrid');
    if (!grid) return;
    var html = '';
    agentsData.forEach(function(a) {
        html += '<div class="agent-card" data-cat="' + a.category + '" data-id="' + a.id + '">';
        html += '<span class="tag">' + getCategoryName(a.category) + '</span>';
        html += '<h3>' + a.title + '</h3>';
        html += '<p class="desc">' + a.short + '</p>';
        html += '<ul>';
        a.bullets.forEach(function(b) {
            html += '<li>' + b + '</li>';
        });
        html += '</ul>';
        html += '<div class="agent-meta">';
        html += '<div class="meta-row"><span class="effect">' + a.effect + '</span></div>';
        html += '<div class="meta-row tech-row">';
        a.tech.forEach(function(t) {
            html += '<span>' + t + '</span>';
        });
        html += '</div></div>';
        html += '<div class="agent-actions">';
        html += '<button class="btn btn-outline btn-small" onclick="openModal(' + a.id + ')">详情</button>';
        html += '<a href="#request" class="btn btn-small">订购</a>';
        html += '</div>';
        html += '</div>';
    });
    grid.innerHTML = html;
}

function getCategoryName(key) {
    for (var i = 0; i < categories.length; i++) {
        if (categories[i].key === key) return categories[i].name;
    }
    return key;
}

function filterAgents(cat) {
    document.querySelectorAll('.agent-card').forEach(function(card) {
        if (cat === 'all' || card.dataset.cat === cat) {
            card.classList.remove('hidden');
        } else {
            card.classList.add('hidden');
        }
    });
}

// ===================== 弹窗 =====================

function openModal(id) {
    var a = null;
    for (var i = 0; i < agentsData.length; i++) {
        if (agentsData[i].id === id) { a = agentsData[i]; break; }
    }
    if (!a) return;

    var html = '<h3>' + a.title + '</h3>';
    html += '<p class="modal-desc">' + a.desc + '</p>';
    html += '<div class="modal-meta">';
    html += '<div class="meta-row"><span class="effect">' + a.effect + '</span><span>适用：' + a.for + '</span></div>';
    html += '</div>';
    html += '<h4>智能体功能：</h4><ul>';
    a.features.forEach(function(f) {
        html += '<li>' + f + '</li>';
    });
    html += '</ul>';
    html += '<h4>技术栈：</h4><div class="modal-meta"><div class="meta-row">';
    a.techFull.forEach(function(t) {
        html += '<span>' + t + '</span>';
    });
    html += '</div></div>';
    html += '<div class="modal-actions">';
    html += '<a href="#request" class="btn" onclick="closeModal()">订购智能体</a>';
    html += '<button class="btn btn-outline" onclick="closeModal()">关闭</button>';
    html += '</div>';

    document.getElementById('modalContent').innerHTML = html;
    document.getElementById('modalOverlay').classList.add('open');
    document.body.style.overflow = 'hidden';
}

function closeModal() {
    var overlay = document.getElementById('modalOverlay');
    if (!overlay) return;
    overlay.classList.remove('open');
    document.body.style.overflow = '';
}

document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') closeModal();
});

// ===================== 初始化 =====================

renderFilters();
renderAgents();