{% extends 'base.html' %}
{% from '_macros.html' import form_field %}

{% block title %}Sign up · TradeHub{% endblock %}

{% block content %}
<div class="auth-wrapper">
  <div class="auth-card">
    <h1>Create your account</h1>
    <p class="subtitle">Join the student marketplace in 30 seconds.</p>

    <form method="POST" enctype="multipart/form-data" novalidate>
      {{ form.hidden_tag() }}

      {{ form_field(form.username, placeholder='yourname') }}
      {{ form_field(form.email, placeholder='you@university.edu') }}
      {{ form_field(form.password, hint='At least 8 characters') }}
      {{ form_field(form.confirm_password) }}

      <div class="form-group">
        <label class="form-label">Avatar (optional)</label>
        {{ form.avatar(class="form-input") }}
      </div>

      {{ form.submit(class="btn btn-primary btn-block btn-lg") }}
    </form>

    <div class="auth-footer">
      Already have an account? <a href="{{ url_for('auth.login') }}">Log in</a>
    </div>
  </div>
</div>
{% endblock %}