{% extends "base_generic.html" %}

{% block content %}

 <form method="post" action="{% url 'login' %}">
   {% csrf_token %}
   <div class="container">

     <div class="col-sm-10">
       <br>
       <br>
       <h4 style="margin-top: 5px">Hallo, schön Sie wieder zu sehen!</h4>

       <div class="form-group " style="margin-top: 20px">
         {% if retry %} <p style="color: red">Versuchen Sie es hier erneut oder setzen Sie Ihr Passwort zurück</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">
         <br>
         <input style="align-self: start" type="submit" class="btn btn-outline-secondary border-thin mybtn" value="login" />
         <input type="hidden" name="next" value="{{ next }}" />
         <br><br>
         <a style="align-self: end" class="btn btn-outline-secondary border-thin mybtn" href="{% url 'register-view' %}">Neuen Account Registrieren</a>

       </div>
     </div>
     <div class="col-sm-10">
       <br>
       <a style="align-self: end" href="{% url 'password_reset' %}">Passwort vergessen?</a>
       <br>
       <br>
       <br>
       <br>

     </div>
   </div>
 </form>


{% endblock %}