{% extends "base.html" %}
{% block title %}Sign In — LockBox{% endblock %}
{% block auth_content %}
<div class="container min-vh-100 d-flex align-items-center justify-content-center py-5">
  <div class="card shadow-lg border-0 rounded-4" style="max-width: 420px; width: 100%;">
    <div class="card-body p-4 p-md-5">
      <div class="text-center mb-4">
        <i class="bi bi-cloud-lock-fill text-primary" style="font-size: 3rem;"></i>
        <h1 class="h3 mt-2 fw-bold">Welcome back</h1>
        <p class="text-muted small">End-to-end encrypted personal cloud</p>
      </div>
      <form method="post" novalidate>
        {{ form.hidden_tag() }}
        <div class="mb-3">
          {{ form.email.label(class="form-label") }}
          {{ form.email(class="form-control form-control-lg rounded-3", placeholder="you@example.com", autocomplete="email") }}
          {% for e in form.email.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
        </div>
        <div class="mb-3">
          {{ form.password.label(class="form-label") }}
          {{ form.password(class="form-control form-control-lg rounded-3", placeholder="••••••••", autocomplete="current-password") }}
          {% for e in form.password.errors %}<div class="text-danger small">{{ e }}</div>{% endfor %}
        </div>
        <div class="mb-4 form-check">
          {{ form.remember(class="form-check-input") }}
          {{ form.remember.label(class="form-check-label") }}
        </div>
        {{ form.submit(class="btn btn-primary btn-lg w-100 rounded-3 fw-semibold") }}
      </form>
      <p class="text-center text-muted small mt-4 mb-0">
        No account? <a href="{{ url_for('signup') }}" class="text-decoration-none">Create one</a>
      </p>
    </div>
  </div>
</div>
{% endblock %}