{% extends "users/publicbase.html" %}
<!-- CRISPY -->
{% load crispy_forms_tags %}
{% block content %}
<style type="text/css">
	#logincard {
		width: 25%;		
		margin-top: 7%;
	}
</style>
<div class="card mx-auto" id="logincard">
  <div class="card-body">
	<form method="POST">
		{% csrf_token %}
		<fieldset class="form-group" >
			<legend class="border-bottom mb-4" style="text-align: center;">
				<i class="fas fa-laptop"></i>
				<h3>Digitale Agentur Login</h3>					
			</legend>				
			{% if messages %}
              {% for message in messages %}
              <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert" id="message_{{forloop.counter}}">
                  {{ message }}
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
              {% endfor %}
            {% endif %}
				{{ form|crispy }}				
		</fieldset>
		<div class="form-group">
			<button type="submit" class="btn btn-primary">Anmelden</button>

			<small class="text-muted ml-2">
				<a href="{% url 'password-reset' %}" class="">Passwort vergessen?</a><br />					
			</small>				
		</div>			
	</form>	
	<div class="border-top pt-3">
		<small class="text-muted ml-2">
			<a href="mailto:support@digitale-agentur.com" class="">Probleme beim anmelden?</a>					
		</small>
		<small class="text-muted">				
			<a class="ml-2" href="{% url 'register' %}">Agentur registrieren</a>
		</small>			
	</div>				
</div>
</div>
<script type="text/javascript">
	$("label[for*='username']").html("E-Mail-Adresse*");
	$(document).ready(function(){
		localStorage.clear();		
	})
</script>
{% endblock content %}