{% extends "base.html" %}

{% block title %}Sign Up — {{ config.APP_NAME }}{% endblock %}

{% block content %}
<main class="container-page">
  <div class="auth-card">
    <h1>Create your BeanFlows account</h1>
    <p class="subtitle">Free plan. Real data. No credit card.</p>

    <form method="post">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <input type="hidden" name="plan" value="{{ plan }}">

      <div class="mb-4">
        <label for="email" class="form-label">Email</label>
        <input
          type="email"
          id="email"
          name="email"
          class="form-input"
          placeholder="trader@example.com"
          required
          autofocus
        >
        {% if plan and plan != 'free' %}
        <p class="form-hint mt-2">You'll be able to subscribe to the <strong>{{ plan | title }}</strong> plan after signing up.</p>
        {% endif %}
      </div>

      <button type="submit" class="btn w-full">Create account</button>
    </form>

    <p class="text-center text-sm text-stone mt-6">
      Already have an account?
      <a href="{{ url_for('auth.login') }}">Sign in</a>
    </p>
  </div>
</main>
{% endblock %}
