{% extends "base.html" %}
{% block title %}{{ "Sign up" if mode == "signup" else "Sign in" }} — Supernova{% endblock %}
{% block content %}
<div class="auth-card">
  <div class="card">
    <h3 style="font-size:1.4rem">{{ "Create your account" if mode == "signup" else "Welcome back" }}</h3>
    <div class="meta">Pay in Bitcoin. Boost any platform.</div>
    <form method="POST" style="margin-top:20px">
      <div class="field">
        <label>Email</label>
        <input type="email" name="email" required placeholder="you@example.com">
      </div>
      <div class="field">
        <label>Password</label>
        <input type="password" name="password" required minlength="8" placeholder="••••••••">
      </div>
      <button class="btn" type="submit" style="width:100%">{{ "Sign up" if mode == "signup" else "Sign in" }}</button>
    </form>
    <div class="meta center mt-2">
      {% if mode == "signup" %}
        Already have an account? <a href="{{ url_for('login') }}" style="color:var(--nebula-b)">Sign in</a>
      {% else %}
        New here? <a href="{{ url_for('signup') }}" style="color:var(--nebula-b)">Create account</a>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}