{% extends "base_generic.html" %}

{% block content %}

 <form method="post" action="{% url 'login' %}" >
     {% csrf_token %}
     <div class="col-sm-10">

     <h4 style="margin-top: 5px">Hello, good to see you again!</h4>

<div class="form-group " style="margin-top: 20px" >
{% if retry %} <p style="color: red">Try again here or reset pwd</p> {% endif %}
    <label>{{ form.username.label_tag }}</label>
    <td>{{ form.username }}</td>
</div>
<div>
  <label>{{ form.password.label_tag }}</label>
  <td>{{ form.password }}</td>
</div>
     </div>

<div class="col-sm-10 justify-content-between">
<div class="justify-content">
  <input style="align-self: start" type="submit" class="btn btn-outline-secondary rounded-0 mybtn" value="login" />
      <input type="hidden" name="next" value="{{ next }}" />

        <a style="align-self: end" class="btn btn-outline-secondary rounded-0 mybtn" href="{% url 'register-view' %}">Register new Account</a>

</div>
    </div>
     <div class="col-sm-10">

         <a style="align-self: end" href="{% url 'password_reset' %}">Lost password?</a>
     </div>
</form>


{% endblock %}
