{% extends "layouts/main.html" %}
{% block title %}{{ t(key="page.login", 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.login", default="로그인") }}</p>

    <form class="auth-form" action="/login" method="POST">
      <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>
      <button type="submit" class="btn btn-primary btn-full">{{ t(key="btn.login", default="로그인") }}</button>
    </form>

    <div class="auth-footer">
      {{ t(key="auth.no_account", default="계정이 없으신가요?") }}
      <a href="/register">{{ t(key="btn.register", default="회원가입") }}</a>
    </div>
  </div>
</div>
{% endblock %}