{% extends "base.html" %}
{% block title %}首页 - 企业微信获客助手管理系统{% endblock %}
{% block content %}
<div class="hero">
    <h1>&#128140; 企业微信获客助手管理系统</h1>
    <p class="subtitle">管理获客链接 · 统计新客明细 · 分析开口情况</p>
</div>

<div class="dashboard">
    <div class="card" id="cardConfig">
        <div class="card-icon">&#9881;</div>
        <h3>系统配置</h3>
        <p>配置企业微信 CorpID / Secret</p>
        <a href="/config" class="btn btn-primary">去配置</a>
    </div>
    <div class="card" id="cardLinks">
        <div class="card-icon">&#128279;</div>
        <h3>获客链接</h3>
        <p>创建、查看、管理获客链接</p>
        <a href="/links" class="btn btn-primary">去管理</a>
    </div>
    <div class="card" id="cardStats">
        <div class="card-icon">&#128202;</div>
        <h3>数据统计</h3>
        <p>查看新客明细与开口统计</p>
        <a href="/stats" class="btn btn-primary">去查看</a>
    </div>
</div>

<div class="quick-stats" id="quickStats" style="display:none;">
    <h2>&#128200; 数据概览</h2>
    <div class="stats-row">
        <div class="stat-box">
            <div class="stat-number" id="stTotalLinks">-</div>
            <div class="stat-label">获客链接数</div>
        </div>
        <div class="stat-box stat-green">
            <div class="stat-number" id="stTotalCustomers">-</div>
            <div class="stat-label">新增好友总数</div>
        </div>
        <div class="stat-box stat-blue">
            <div class="stat-number" id="stChatted">-</div>
            <div class="stat-label">已开口人数</div>
        </div>
        <div class="stat-box stat-orange">
            <div class="stat-number" id="stNotChatted">-</div>
            <div class="stat-label">未开口人数</div>
        </div>
        <div class="stat-box stat-purple">
            <div class="stat-number" id="stChatRate">-%</div>
            <div class="stat-label">开口率</div>
        </div>
    </div>
</div>
{% endblock %}
{% block scripts %}
<script>
document.addEventListener('DOMContentLoaded', function() {
    // 检查配置状态
    fetch('/api/config')
        .then(r => r.json())
        .then(d => {
            if (d.code === 0 && d.data.corp_id) {
                document.getElementById('statusDot').className = 'status-dot online';
                document.getElementById('statusText').textContent = '已配置';
                // 加载概览数据
                loadQuickStats();
            } else {
                document.getElementById('statusDot').className = 'status-dot offline';
                document.getElementById('statusText').textContent = '未配置';
            }
        });

    function loadQuickStats() {
        fetch('/api/stats/summary')
            .then(r => r.json())
            .then(d => {
                if (d.code !== 0) return;
                var data = d.data;
                document.getElementById('stTotalLinks').textContent = data.total_links;
                document.getElementById('stTotalCustomers').textContent = data.total_customers;
                document.getElementById('stChatted').textContent = data.total_chatted;
                document.getElementById('stNotChatted').textContent = data.total_not_chatted;
                document.getElementById('stChatRate').textContent = data.chat_rate + '%';
                document.getElementById('quickStats').style.display = 'block';
            });
    }
});
</script>
{% endblock %}