{% extends 'base.html' %}

{% block top %}
  <form name='login' method='post' class='form-container card p-3 bg-light'>
    {% csrf_token %}
    <div class='form-outline mb-5 text-center btn-primary h3'>
	    Altemica Dashboard V5
    </div>
    <div class='form-outline mb-4'>
      <input type='email'  class='form-control' id='username' name='username' value=''>
      <label class='form-label' for='username'>Email</label>
    </div>
    <div class='form-outline mb-4'>
      <input type='password' class='form-control' id='password' name='password' value=''>
      <label class='form-label' for='password'>Password</label>
    </div>
    <div class='form-outline mb-4 text-center'>
      <button type='submit' class='btn btn-primary btn-block btn-lg mb-4 active'>Login</button>
      <button type='reset' class='btn btn-secondary btn-block btn-lg mb-4'>Annulla</button>
    </div>
   </form>
      <br><br>
      <div class="jumbotron jumbotron-fluid">
        <div class="container">
	<p class="lead">L'accesso al pannello è monitorato. Vengono registrati i dati di connession, compreso IP e USER_AGENT.</p>
	<p class='lead'>Il pannello utilizza Cookies di sessione per consentire il suo corretto funzionamento. E' necessario che siano consentiti nel borwser utilizzato. e non siano in funzione la modalità Anonima. Non vengono utilizzati Cookie di terze parti.</p>

    </div>
  </div>
{% endblock %}

{% block body %}
  <div class='row text-center h2 fst-italic'>
    <div class='col'><a href='{% url "Login:recupero" %}'>Ho smarrito le credenziali!</a></div>
  </div>
{% endblock %}