{% extends 'base.html' %}
{% block content %}
<div class="login-layout">
  <section class="hero card">
    <h1>{{ t('subtitle') }}</h1>
    <p>{{ t('login_note') }}</p>
  </section>

  <section class="card form-card">
    <h2>{{ t('login') }}</h2>
    <form method="post" action="{{ url_for('login') }}" class="form-grid">
      <label>
        {{ t('group_name') }}
        <input type="text" name="group_name" required />
      </label>

      <label>
        {{ t('group_password') }}
        <input type="password" name="group_password" required />
      </label>

      <button class="btn" type="submit">{{ t('login_submit') }}</button>
    </form>
  </section>
</div>
{% endblock %}
