{% extends "layout.html" %}

{% block title %}Login{% endblock %}

{% block content %}
<div class="form-container">
  <h2>Login</h2>
  <form method="POST" class="form-card">
    {{ form.hidden_tag() }}

    <div class="form-group">
      {{ form.email.label(class="form-label") }}
      {{ form.email(class="form-input", placeholder=form.email.label.text) }}
    </div>

    <div class="form-group">
      {{ form.password.label(class="form-label") }}
      {{ form.password(class="form-input", placeholder=form.password.label.text) }}
    </div>

    <div class="form-actions">
      {{ form.submit(class="form-button") }}
    </div>
  </form>

  <p class="form-footer-text">
    Don’t have an account? <a href="{{ url_for('auth.register') }}">Register here</a>.
  </p>
</div>
{% endblock %}