{% extends "base2.html" %}

 {% load static %}

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


  {% block content %}

<section class="hero is-fullheight" id="bglogin" style="position: absolute;top: 0;left: 0;width: 100%;">
      <div class="hero-body has-text-centered">
        <div class="login  p-6 is-justify-content-center" style="display: block;margin-left: auto;margin-right: auto;">
            {% load static %}
            <img src="{% static 'img/doucoder.png' %}" width="200px" />
            <br><br>
          <form method="POST" action="/login">
            {% csrf_token %}

            <div class="field">
              <div class="control">
                <input id="price" class="input is-medium is-rounded" type="email" placeholder="example@gmail.com" autocomplete="username" name="email" required  />
              </div>
            </div>
            <div class="field">
              <div class="control">
                <input class="input is-medium is-rounded" type="password" placeholder="*********"  name="password"  required />
              </div>
            </div>
            <br />
            <button style="background-color:#fbab04 ;" class="button is-block is-fullwidth is-primary is-medium is-rounded" type="submit">
              login
            </button>
          </form>
          <br>
          <nav class="level">
            <div class="level-item has-text-centered">
              <div>
                  <span style="color: aliceblue;">  do you not have an account?</span>
              
                <a href="{% url 'registre' %}">Sign Up</a>
              </div>
            </div>
            
          </nav>
        </div>
      </div>
    </section>

  {% endblock content %}