<?php 
require_once __DIR__ . '/includes/functions.php';

// 处理加盟表单提交
if ($_POST['action'] == 'apply') {
    $data = [
        'name' => trim($_POST['name']),
        'phone' => trim($_POST['phone']),
        'wechat' => trim($_POST['wechat']),
        'city' => trim($_POST['city']),
        'experience' => trim($_POST['experience']),
        'intent' => trim($_POST['intent']),
        'ip' => getIp(),
    ];
    if (empty($data['name']) || empty($data['phone'])) {
        alert('请填写姓名和手机号');
    }
    db()->insert('applications', $data);
    alert('提交成功！我们的招商经理会在24小时内联系您，请保持手机畅通。', '/');
}

$cards = getActiveCards();
$hotArticles = getHotArticles(6);
$categories = getArticleCategories();
$faqs = db()->fetchAll("SELECT * FROM faqs WHERE status = 1 ORDER BY sort_order ASC LIMIT 6");
$articles = db()->fetchAll("SELECT * FROM articles WHERE status = 1 ORDER BY id DESC LIMIT 4");

include 'includes/header.php';
?>

    <!-- Hero区域 -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>0元加盟<span>172号卡</span><br>开启流量卡创业之路</h1>
                <p>四大运营商直签合作 · 单卡佣金最高<?=e(setting('commission_rate'))?> · 0门槛入驻 · 零囤货零垫资 · 团队裂变躺赚收益，适合副业、工作室、创业者的优质项目。</p>
                <div class="hero-btns">
                    <a href="/join.php" class="btn-primary">免费立即加盟</a>
                    <a href="#cards" class="btn-outline">查看卡品佣金</a>
                </div>
                <div class="hero-stats">
                    <div class="stat-item">
                        <div class="stat-num">50万+</div>
                        <div class="stat-label">合作代理商</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-num">300元</div>
                        <div class="stat-label">单卡最高佣金</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-num">0元</div>
                        <div class="stat-label">入驻加盟费</div>
                    </div>
                </div>
            </div>
            <div class="hero-form">
                <div class="hero-card">
                    <h3>🎁 免费领取代理资格</h3>
                    <form method="post" class="ajax-form">
                        <input type="hidden" name="action" value="apply">
                        <div class="form-group">
                            <label>您的姓名 *</label>
                            <input type="text" name="name" required placeholder="请输入您的姓名">
                        </div>
                        <div class="form-group">
                            <label>手机号码 *</label>
                            <input type="tel" name="phone" required placeholder="请输入手机号" pattern="1[3-9]\d{9}">
                        </div>
                        <div class="form-group">
                            <label>微信号</label>
                            <input type="text" name="wechat" placeholder="方便添加微信发送资料">
                        </div>
                        <div class="form-group">
                            <label>所在城市</label>
                            <input type="text" name="city" placeholder="例如：山西长治">
                        </div>
                        <button type="submit" class="form-submit">立即免费申请加盟</button>
                    </form>
                    <p style="text-align:center;margin-top:15px;font-size:13px;color:#999;">官方邀请码：<strong style="color:var(--primary);"><?=e(setting('invite_code'))?></strong>，提交后招商经理1对1对接</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 平台优势 -->
    <section class="section">
        <div class="container">
            <div class="section-title">
                <h2>为什么选择172号卡</h2>
                <p>六大核心优势，助您轻松开启号卡创业之旅</p>
            </div>
            <div class="advantages-grid">
                <div class="advantage-card">
                    <div class="adv-icon">💰</div>
                    <h3>0元加盟费</h3>
                    <p>无需任何加盟费、代理费，无隐形消费，注册即可成为一级代理，真正零门槛创业。</p>
                </div>
                <div class="advantage-card">
                    <div class="adv-icon">💎</div>
                    <h3>超高佣金</h3>
                    <p>运营商直签无中间商，单卡佣金高达300元，佣金透明结算准时，收益行业领先。</p>
                </div>
                <div class="advantage-card">
                    <div class="adv-icon">📦</div>
                    <h3>零囤货零垫资</h3>
                    <p>无需囤卡、无需垫资、无需发货售后，用户免费申领运营商直发，你只负责推广赚佣金。</p>
                </div>
                <div class="advantage-card">
                    <div class="adv-icon">👥</div>
                    <h3>团队裂变收益</h3>
                    <p>发展下级代理赚取佣金差额，团队越大被动收入越高，打造管道收益实现躺赚。</p>
                </div>
                <div class="advantage-card">
                    <div class="adv-icon">📚</div>
                    <h3>全套扶持培训</h3>
                    <p>提供推广教程、海报素材、短视频文案，专属客服一对一指导，新手也能快速上手。</p>
                </div>
                <div class="advantage-card">
                    <div class="adv-icon">⏰</div>
                    <h3>结算准时靠谱</h3>
                    <p>号卡激活次月底统一结算，支持银行卡、微信、支付宝提现，账目清晰透明有保障。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 卡品中心 -->
    <section class="section section-alt" id="cards">
        <div class="container">
            <div class="section-title">
                <h2>热门高佣金卡品</h2>
                <p>精选四大运营商高转化、高佣金号卡，用户免费领取，激活即算佣金</p>
            </div>
            <div class="cards-grid">
                <?php foreach ($cards as $card): 
                    $opClass = '';
                    switch($card['operator']) {
                        case '中国移动': $opClass = 'china-mobile'; break;
                        case '中国联通': $opClass = 'china-unicom'; break;
                        case '中国电信': $opClass = 'china-telecom'; break;
                        case '中国广电': $opClass = 'china-broadcast'; break;
                    }
                ?>
                <div class="card-item">
                    <?php if($card['badge']): ?><div class="card-badge"><?=e($card['badge'])?></div><?php endif; ?>
                    <div class="card-header <?=$opClass?>">
                        <div class="card-name"><?=e($card['name'])?></div>
                        <div class="card-operator"><?=e($card['operator'])?></div>
                    </div>
                    <div class="card-body">
                        <div class="card-price">
                            <span class="price-num"><?=e($card['price'])?></span>
                        </div>
                        <ul class="card-features">
                            <li><?=e($card['data'])?></li>
                            <?php if($card['minutes']): ?><li><?=e($card['minutes'])?></li><?php endif; ?>
                            <?php foreach(explode(',', $card['features']) as $feat): ?>
                            <li><?=e(trim($feat))?></li>
                            <?php endforeach; ?>
                        </ul>
                        <div class="card-commission">
                            <div class="commission-label">单卡佣金</div>
                            <div class="commission-num">¥<?=e($card['commission'])?> 元</div>
                        </div>
                        <a href="/join.php" class="card-btn">代理此卡赚佣金</a>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
            <div style="text-align:center;margin-top:40px;">
                <a href="/cards.php" class="btn-primary" style="background:var(--primary);">查看全部卡品 ></a>
            </div>
        </div>
    </section>

    <!-- 加盟流程 -->
    <section class="section">
        <div class="container">
            <div class="section-title">
                <h2>4步开启号卡创业</h2>
                <p>简单四步，从新手到月入过万的号卡代理商</p>
            </div>
            <div class="steps">
                <div class="step-item">
                    <div class="step-num">1</div>
                    <h3>免费注册加盟</h3>
                    <p>填写表单提交申请，使用邀请码<?=e(setting('invite_code'))?>注册，下载172号卡APP完成实名认证。</p>
                </div>
                <div class="step-item">
                    <div class="step-num">2</div>
                    <h3>获取推广素材</h3>
                    <p>后台获取专属推广链接、海报、短视频素材，选择适合自己的推广渠道。</p>
                </div>
                <div class="step-item">
                    <div class="step-num">3</div>
                    <h3>推广引流出单</h3>
                    <p>通过抖音、快手、小红书、微信等渠道推广，用户免费领卡，你赚佣金。</p>
                </div>
                <div class="step-item">
                    <div class="step-num">4</div>
                    <h3>结算提现收益</h3>
                    <p>用户激活号卡后，次月底佣金自动到账，随时可提现到银行卡/微信/支付宝。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 新闻攻略 -->
    <section class="section section-alt">
        <div class="container">
            <div class="section-title">
                <h2>代理攻略与行业资讯</h2>
                <p>新手入门教程、推广技巧、卡品测评，助你快速提升业绩</p>
            </div>
            <div class="news-grid">
                <div class="news-main">
                    <?php foreach ($articles as $art): ?>
                    <div class="news-list-item">
                        <div class="news-meta">
                            <span class="news-category"><?=e($art['category'])?></span>
                            <span><?=date('Y-m-d', strtotime($art['created_at']))?></span>
                            <span>👁️ <?=e($art['views'])?> 阅读</span>
                        </div>
                        <h3><a href="/article.php?id=<?=$art['id']?>"><?=e($art['title'])?></a></h3>
                        <p class="news-excerpt"><?=e($art['summary'])?></p>
                    </div>
                    <?php endforeach; ?>
                    <div style="text-align:center;margin-top:20px;">
                        <a href="/news.php" class="btn-primary" style="background:var(--primary);padding:10px 30px;font-size:15px;">查看全部攻略 ></a>
                    </div>
                </div>
                <div class="sidebar">
                    <div class="sidebar-widget">
                        <h3 class="widget-title">热门文章</h3>
                        <ul class="hot-news-list">
                            <?php foreach($hotArticles as $idx => $ha): ?>
                            <li>
                                <a href="/article.php?id=<?=$ha['id']?>">
                                    <?php if($idx < 3): ?><span style="color:var(--secondary);font-weight:bold;margin-right:8px;"><?=$idx+1?>.</span><?php endif; ?>
                                    <?=e($ha['title'])?>
                                </a>
                            </li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                    <div class="sidebar-widget">
                        <h3 class="widget-title">攻略分类</h3>
                        <ul class="category-list">
                            <?php foreach($categories as $cat): ?>
                            <li>
                                <a href="/news.php?cat=<?=urlencode($cat['category'])?>"><?=e($cat['category'])?></a>
                                <span class="category-count"><?=$cat['count']?></span>
                            </li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                    <div class="sidebar-widget" style="background:linear-gradient(135deg, var(--primary), var(--dark));color:white;text-align:center;">
                        <h3 style="margin-bottom:15px;">添加微信领取</h3>
                        <p style="font-size:30px;font-weight:bold;color:#ffd54f;margin-bottom:10px;"><?=e(setting('contact_wechat'))?></p>
                        <p style="font-size:14px;opacity:0.9;">《172号卡推广秘籍》<br>高佣卡品表+短视频文案包</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 常见问题 -->
    <section class="section">
        <div class="container">
            <div class="section-title">
                <h2>常见问题解答</h2>
                <p>新手最关心的问题，这里都有答案</p>
            </div>
            <div class="faq-list">
                <?php foreach($faqs as $faq): ?>
                <div class="faq-item">
                    <div class="faq-question">
                        <span>Q: <?=e($faq['question'])?></span>
                        <span class="faq-toggle">+</span>
                    </div>
                    <div class="faq-answer">
                        <?=e($faq['answer'])?>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
            <div style="text-align:center;margin-top:30px;">
                <a href="/faq.php" class="btn-primary" style="background:var(--primary);padding:10px 30px;font-size:15px;">查看更多问题 ></a>
            </div>
        </div>
    </section>

<?php include 'includes/footer.php'; ?>