{% extends "base.html" %}
{% load static %}

{% block style %}
<style>
	.alert-error {
	  padding: 20px;
	  background-color: #f44336;
	  color: white;
	  margin-bottom: 20px;
	}
	</style>
{% endblock style %}
	

{% block content %}
	
	<div class="sign section--bg" data-bg="https://i.ibb.co/rp5sjD9/section.jpg"> 
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="sign__content">
						<!-- authorization form -->
						<form action="#" method="POST" novalidate class="sign__form">
                            {% csrf_token %}
							<a href="/" class="sign__logo">
								<img src="{% static 'img/lc.svg' %}" alt="">
							</a>

							<div class="sign__group">
                                {{ form }}
								<!-- <input type="text" class="sign__input" placeholder="Email"> -->
							</div>
							
							<button class="sign__btn" type="submit">RESETTA PASSWORD</button>

							<span class="sign__text">Ti Manderemo un link tramite Email</span>
						</form>
						<!-- end authorization form -->
					</div>
				</div>
			</div>
		</div>
	</div>
	{% endblock content %}
	

{% block javascript %}
	<script>
		$( document ).ready(function(){
			$('input').addClass('sign__input').attr('placeholder','Email');
			$("label[for=id_email]").text('');
			$("ul.errorlist").removeClass('errorlist').addClass('alert-error');
		});
	</script>	

{% endblock javascript %}