{% extends "site/base.html" %}
{% block page_title %}注册客户账号 - ARIFU 艾瑞浮{% endblock %}
{% block body %}
<section style="padding-top:96px;padding-bottom:60px;background:var(--light);min-height:80vh;">
  <div class="container" style="max-width:480px;">
    <div class="card" style="padding:32px;">
      <h2 style="text-align:center;margin-bottom:6px;">🚀 创建客户账号</h2>
      <p style="text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px;">注册后可免费下载技术资料，享受专属技术支持</p>
      {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
          {% for cat, msg in messages %}
          <div style="padding:10px 14px;border-radius:8px;margin-bottom:16px;
            background:{{ 'fdecea' if cat=='error' else 'd4edda' }};
            color:{{ 'c0392b' if cat=='error' else '155724' }};
            font-size:13px;">{{ msg }}</div>
          {% endfor %}
        {% endif %}
      {% endwith %}
      <form method="POST">
        <div class="form-group">
          <label>公司名称</label>
          <input type="text" name="company" class="form-control" placeholder="选填，公司全称">
        </div>
        <div class="form-group">
          <label>您的姓名 *</label>
          <input type="text" name="name" class="form-control" placeholder="必填" required>
        </div>
        <div class="form-group">
          <label>联系电话</label>
          <input type="tel" name="phone" class="form-control" placeholder="选填，手机或座机">
        </div>
        <div class="form-group">
          <label>邮箱（登录账号）*</label>
          <input type="email" name="email" class="form-control" placeholder="必填，作为登录用户名" required>
        </div>
        <div class="form-group">
          <label>设置密码 *</label>
          <input type="password" name="password" class="form-control" placeholder="至少6位" minlength="6" required>
        </div>
        <button type="submit" class="btn btn-primary btn-lg" style="width:100%;">🚀 免费注册</button>
      </form>
      <div style="text-align:center;margin-top:16px;font-size:13px;color:var(--muted);">
        已有账号？<a href="/auth/login/">立即登录 →</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}