{% extends 'base.html.twig' %}
{% block title %}Inscription — RepTrack{% endblock %}
{% block body %}
<div style="max-width:420px;margin:24px auto">
  <div style="text-align:center;margin-bottom:28px">
    <div style="font-family:var(--font-display);font-size:52px;color:var(--accent);letter-spacing:4px">REPTRACK</div>
    <div style="font-size:13px;color:var(--text-muted);margin-top:4px">Crée ton compte</div>
  </div>
  <div class="card">
    <div class="card-title">INSCRIPTION</div>
    {{ form_start(form) }}
    <div class="form-group">
      {{ form_label(form.firstName) }}{{ form_widget(form.firstName) }}{{ form_errors(form.firstName) }}
    </div>
    <div class="form-group">
      {{ form_label(form.email) }}{{ form_widget(form.email) }}{{ form_errors(form.email) }}
    </div>
    <div class="form-group">
      {{ form_label(form.plainPassword.first) }}{{ form_widget(form.plainPassword.first) }}
    </div>
    <div class="form-group">
      {{ form_label(form.plainPassword.second) }}{{ form_widget(form.plainPassword.second) }}
      {{ form_errors(form.plainPassword) }}
    </div>
    <button type="submit" class="btn btn-primary btn-full">CRÉER MON COMPTE</button>
    {{ form_end(form) }}
  </div>
  <div style="text-align:center;margin-top:16px;font-size:13px;color:var(--text-muted)">
    Déjà un compte ? <a href="{{ path('app_login') }}">Se connecter</a>
  </div>
</div>
{% endblock %}