{% extends "bases/login_base.html" %}
{% block content %}
<div class="card shadow-lg p-4" style="max-width: 400px; width: 100%;">
  <div class="card-body text-center">
      <h5 class="card-title mb-4">
          <i class="fa-solid fa-right-to-bracket me-2"></i> Login to Code of Conquest
      </h5>

      <form method="post" class="text-start">
        <div class="mb-3">
          <label for="email" class="form-label">Email</label>
          <input id="email" name="email" type="email" class="form-control" required placeholder="you@example.com" />
        </div>
        <div class="mb-3">
          <label for="password" class="form-label">Password</label>
          <input id="password" name="password" type="password" class="form-control" required />
        </div>
        <div class="d-flex justify-content-end">
          <button type="submit" class="btn btn-primary w-100">Sign in</button>
        </div>
      </form>
  </div>
  <div class="card-footer text-center">
      <small>No account?</small>
      <a href="{{ url_for('auth.register') }}" class="btn btn-link p-0 ms-1">Create one</a>
  </div>
</div>
{% endblock %}