{% extends "layouts/main.html" %}
{% block title %}{{ t(key="page.register", default="회원가입") }} — FuzionX{% endblock %}
{% block content %}
<div class="auth-container">
  <div class="glass-card auth-card">
    <div class="auth-logo">FuzionX</div>
    <p class="auth-subtitle">{{ t(key="page.register", default="회원가입") }}</p>

    <form class="auth-form" action="/register" method="POST">
      <div class="form-group">
        <label for="name">{{ t(key="label.name", default="이름") }}</label>
        <input type="text" id="name" name="name" required>
      </div>
      <div class="form-group">
        <label for="email">{{ t(key="label.email", default="이메일") }}</label>
        <input type="email" id="email" name="email" required placeholder="name@example.com">
      </div>
      <div class="form-group">
        <label for="password">{{ t(key="label.password", default="비밀번호") }}</label>
        <input type="password" id="password" name="password" required>
      </div>
      <div class="form-group">
        <label for="password_confirm">{{ t(key="label.password_confirm", default="비밀번호 확인") }}</label>
        <input type="password" id="password_confirm" name="password_confirm" required>
      </div>
      <button type="submit" class="btn btn-primary btn-full">{{ t(key="btn.register", default="회원가입") }}</button>
    </form>

    <div class="auth-footer">
      {{ t(key="auth.has_account", default="이미 계정이 있으신가요?") }}
      <a href="/login">{{ t(key="btn.login", default="로그인") }}</a>
    </div>
  </div>
</div>
{% endblock %}