{% load static %}

<!-- ======= Login Section ======= -->
      <section id="login" class="contact">
        <div class="container">  
          <div class="section-title">
            <span>Connexion</span>
            <h2>Connexion</h2>
            <p>Entrez dans votre espace d'administration </p>
          </div>
  
          <div class="d-flex justify-content-center align-items-center" data-aos="fade-up">  
            <div class="m-auto pb-5">
              {% if form.errors %}
              <p class="text-danger">Identifiants incorrects. Veuillez reessayer</p>
              {% endif %}
              <form action="{% url 'account:login' %}" method="post" role="form" class="login-form">
                {% csrf_token %}
                <div class="row">
                  <div class="col-md-12 form-group mt-3">
                    <input type="text" name="username" class="form-control" id="username" placeholder="Utilisateur" required>
                  </div>
                  <div class="col-md-12 form-group mt-3 ">
                    <input type="password" class="form-control" name="password" id="password" placeholder="Mot de passe" required>
                  </div>
                </div>
             
                
                <div class="my-3">
                
                </div>
                <div class="text-center"><button type="submit">Se connecter</button></div>
              </form>
            </div>
  
          </div>
  
        </div>
      </section>
      <!-- End Login Section -->