{% extends "base.html" %}
{% load form_tags %}

{% block title %}Login - Community Fellowship Church CMS{% endblock %}

{% block content %}
<h1 class="text-center mb-4">Login</h1>

{% if messages %}
  {% for message in messages %}
    <div class="message">{{ message }}</div>
  {% endfor %}
{% endif %}

<form method="post" novalidate>
  {% csrf_token %}
  
  <div class="mb-3">
    <label for="id_username" class="form-label">Username</label>
    {{ form.username|add_class:"form-control" }}
  </div>

  {% if form.username.errors %}
    <div class="alert alert-danger">
      {% for error in form.username.errors %}
        {{ error }}
      {% endfor %}
    </div>
  {% endif %}

  <div class="mb-3">
    <label for="id_password" class="form-label">Password</label>
    {{ form.password|add_class:"form-control" }}
  </div>

  {% if form.password.errors %}
    <div class="alert alert-danger">
      {% for error in form.password.errors %}
        {{ error }}
      {% endfor %}
    </div>
  {% endif %}

  {% if form.password.errors %}
    <ul class="errorlist">
      {% for error in form.password.errors %}
        <li>{{ error }}</li>
      {% endfor %}
    </ul>
  {% endif %}

  <button type="submit">Login</button>
  
  <div class="text-center mt-3">
    <a href="{% url 'password_reset' %}">Forgot Password?</a>
  </div>
</form>
{% endblock %}