{% extends "base.html" %}
{% block title %}Kayıt Ol — Key Ajansı{% endblock %}
{% block content %}

<section class="auth-single">
  <div class="form-card">
    <h2 class="form-title">Kayıt Ol</h2>
    <form method="post" action="{{ url_for('auth.do_register') }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <label>Kullanıcı adı
        <input type="text" name="username" minlength="3" maxlength="32" pattern="[A-Za-z0-9_.-]{3,32}" autocomplete="username" required>
      </label>
      <label>Ad Soyad
        <input type="text" name="display_name" maxlength="100" autocomplete="name" required>
      </label>
      <label>Şifre
        <input type="password" name="password" minlength="8" maxlength="128" autocomplete="new-password" required>
      </label>
      <label>Şifre (tekrar)
        <input type="password" name="password_confirm" minlength="8" maxlength="128" autocomplete="new-password" required>
      </label>
      <button class="btn btn-primary btn-block" type="submit">Kayıt Ol</button>
    </form>
    <p class="form-note">Zaten hesabınız var mı? <a href="{{ url_for('auth.login_page') }}">Giriş yapın</a></p>
  </div>
</section>

{% endblock %}