{% extends 'base.html' %}

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

{% block content %}
    <div class="container-fluid">
        <div class="row justify-content-md-center">
            <div class="col-lg-3 col-md-3 col-sm-4">
                {% if not user.is_authenticated %}
                    <h2>Log in</h2>
                    <form method="post">
                        {% csrf_token %}
                        <div class="mb-3">
                            <label for="id_username" class="form-label">Username</label>
                            <input type="username" class="form-control" id="id_username" name="username" required="">
                        </div>
                        <div class="mb-3">
                            <label for="id_password" class="form-label">Password</label>
                            <input type="password" id="id_password" name="password" class="form-control" required="">
                        </div>
                        <button type="submit" class="btn btn-success">Log in</button>
                    </form>
                {% else %}
                    <h4 style="text-align: center;">You're already log in !</h4>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}