{% comment %} Login Page {% endcomment %}

{% block login %}
<h2>Log In</h2>
<form method="post" action="">
  {% csrf_token %} {{ form.as_p }}
  <label class="form__label" for="email">Email</label><br/>
  <input 
    type="text" 
    id="email" 
    name="email" 
    autofocus 
    required/><br/><br/>

  <label class="form__label" for="pwd">Password</label><br/>
  <input 
    type="password"
    required 
    id="password" 
    name="password"/><br/><br/>
  <button type="submit">Log In</button>
  <input type="hidden" name="next" value="{{ next }}">
  {% for message in messages %}
					<p id="messages">{{message}}</p>
  {% endfor %}	
</form>
{% comment %} <div class="form-group">
  <label for="exampleInputEmail1">Email address</label>
  <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
  <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
  <label for="exampleInputPassword1">Password</label>
  <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group form-check">
  <input type="checkbox" class="form-check-input" id="exampleCheck1">
  <label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button> {% endcomment %}

<p class="form__alt-action">
    New to Mystiq?
    <a href="{% url 'accounts:register' %}">Create an account</a>
</p>
{% endblock %}