{% extends 'base.html' %}
{% load static %}
{% load humanize %}
{% load widget_tweaks %}
{% load embed_video_tags %}

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

{% block content %}
<br><br><br><br><br>
<!-- Start About Area -->
<section class="about-area ptb-100 bg-f8f8f8" style="background: transparent;">
    <div class="container">
<div class="log-reg">
<div class="row">

<form method=post action="{% url 'userdashboard:login' %}" name=mainform>

<div class="mb-3 form-form">
<h3 class="text-center" style="color: #eee;">Sign In</h3>
</div>
{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}
<div class="mb-3 form-form">

<label for="">Username</label>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-at-sign register"><circle cx="12" cy="12" r="4"></circle><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path></svg>
<input type=text placeholder=" Username" name=username value='' class="form-control" size=30 autofocus="autofocus">
</div>
<div class="mb-3 form-form">
<label for="">Password</label>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
<input type=password placeholder="Password" name=password value='' class="form-control" size=30>
</div>
<div class="mb-3 form-form">

</div>
<input type=submit value="Login" class="default-btn">

</form>

<p class="text-center mt-5">
or <a href="{% url 'password_reset' %}" style="color: #eee;">remember your login information</a>.</p>
<p class="text-center">Not registered ? <a href="{% url 'userdashboard:register' %}" style="color: #eee;">Create an account</a></p>
</div>
</div>
    </div>
</section>

{% endblock content %}