{% extends "website/base.html" %}
{% block title %}dealerhub 经销商中枢 · AI 开单 + 应收风控的进销存{% endblock %}

{% block content %}

<!-- Hero -->
<div class="hero">
  <div class="wrap">
    <h1>AI 开单 + <span class="hl">应收风控</span><br>的经销商进销存</h1>
    <p class="lead">
      采购、销售、库存、往来、总账一体；批次效期按 FEFO 出库自动分摊；
      客户信用额度当场拦截；应收风险在跑单之前就预警。
    </p>
    <div class="hero-actions">
      <a class="btn btn-primary btn-lg" href="{{ demo_url }}">🎬 免注册体验演示账套</a>
      <a class="btn btn-ghost btn-lg" href="/site/pricing/">¥0 起，看价格</a>
    </div>
    <p class="hero-note" style="margin-top: 14px">
      演示账套是食品经销商的真实数据（5 商品 / 5 客户 / 6 张销售单 / 六桶账龄），只读试用全部功能。
    </p>
  </div>
</div>

<!-- 三大 AI 卖点 -->
<section>
  <div class="wrap">
    <h2 class="section-title">AI 不做花架子，只做能省钱的三件事</h2>
    <p class="section-sub">竞品的 AI 都在做开单和问答，我们额外做了应收风控——因为坏账比效率更贵。</p>
    <div class="grid grid-3">
      {% for f in ai_features %}
      <div class="card ai {% if f.highlight %}hot{% endif %}">
        <span class="badge {% if f.highlight %}hot{% endif %}">{{ f.badge }}</span>
        <div class="icon">{{ f.icon }}</div>
        <h3>{{ f.title }}</h3>
        <p>{{ f.desc }}</p>
      </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- 基础能力 -->
<section class="alt">
  <div class="wrap">
    <h2 class="section-title">该有的一个不少</h2>
    <p class="section-sub">以下每一项都是已交付功能，不是路线图。</p>
    <div class="grid grid-3">
      {% for f in features %}
      <div class="card">
        <div class="icon">{{ f.icon }}</div>
        <h3>{{ f.title }}</h3>
        <p>{{ f.desc }}</p>
      </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- 角色价值 -->
<section>
  <div class="wrap">
    <h2 class="section-title">六个角色，各看各的</h2>
    <p class="section-sub">一套系统覆盖老板、财务、销售、仓管、采购、运营。</p>
    <div class="roles">
      {% for name, tags, desc in roles %}
      <div class="role">
        <h4>{{ name }}</h4>
        <div class="tags">{{ tags }}</div>
        <p>{{ desc }}</p>
      </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- 价格预览 -->
<section class="alt">
  <div class="wrap">
    <h2 class="section-title">价格</h2>
    <p class="section-sub">免费版可长期使用（配额较小），付费版按需升级，数据不丢。</p>
    <div class="grid grid-3">
      {% for p in plans %}
      <div class="price-card {% if p.code == 'basic' %}featured{% endif %}">
        <div class="price-name">{{ p.name }}</div>
        <div class="price-value">¥{{ p.price_monthly|floatformat:0 }}<span class="unit"> / 月</span></div>
        <div class="price-desc">{{ p.description }}</div>
        <ul>
          <li>用户 {{ p.limits.users|default:"不限" }}</li>
          <li>商品 {{ p.limits.products|default:"不限" }}</li>
          <li>月单据 {{ p.limits.bills_monthly|default:"不限" }}</li>
          <li>AI 录单 {{ p.limits.ai_parse_order|default:"不限" }} 次</li>
        </ul>
        <a class="btn btn-primary" style="width: 100%; text-align: center" href="/site/pricing/">查看详情</a>
      </div>
      {% endfor %}
    </div>
  </div>
</section>

{% endblock %}