{% extends "user_auth_app/home.html" %}
{% load crispy_forms_tags %}
{% block content %}
<div class="content-section col-md-8 col-md-offset-2 mx-auto" >
<center>
    <form action="#" method="POST" id="login_form" style="border: 1px solid black; margin: 4%; padding:10%; border-radius:1%;"> 
      {% csrf_token %}
        <fieldset class="form-group">
          {{ form|crispy}}
        </fieldset>
        <center>
          <button style="background: black; font-size: 2rem; padding:1%;" class="btn btn-outline-info" type="submit">
            <span class="glyphicon glyphicon-log-in"></span>Login</button>
        </center>
        <br/>
        <sub style="text-align: center;">
          <a href="{% url 'reg' %}"   style=" color: blue; padding:2%; cursor:pointer; ">Nincs profilod? Regisztrálj!</a>
          <a href="{% url 'reset' %}" style=" none; color: blue; padding:2%; cursor:pointer; ">Elfelejtett jelszó.</a></sub>    
    </form>
          
  </center>
</div>
<script>
  $(document).ready(function()
  {
    $("#login_form").empty();
  }

</script>
{% endblock content %}