{% extends 'base.html' %}

{% block body %}
  <form name='login' method='post' class='form-container card p-3 bg-light'>
    {% csrf_token %}
    <div class='form-outline mb-3'>
      <label class='form-label' for='cfisc'>Codice Fiscale/Username</label>
      <input type='text'  class='form-control' id='cfisc' name='cfisc' value=''>
    </div>
    <div class='form-outline mb-3'>
      <label class='form-label' for='passs'>Password/Pin</label>
      <input type='password' class='form-control' id='passs' name='passs' value=''>
    </div>
    <div class='form-outline mb-3 text-center'>
      <button type='submit' class='btn btn-primary btn-block btn-lg mb-3 active'>Login</button>
      <button type='reset' class='btn btn-secondary btn-block btn-lg mb-3'>Annulla</button>
    </div>
   </form>
{% endblock %}

{% block bodybottom %}
      <br><br>
      <div class="jumbotron jumbotron-fluid">
        <div class="container">
	<p class="lead">L'accesso a questo servizio è monitorato in modo automatico e anonimo. Vengono registrati i dati di connessione, quale data/ora, Ip, UserAgent e utente.</p>
	<p class='lead'>Il pannello utilizza Cookies di sessione e tecnici per consentire il suo corretto funzionamento. E' necessario che siano consentiti nel browser utilizzato. e non sia in funzione la modalità Anonima. Non vengono utilizzati Cookie di terze parti.</p>
	<p class='lead'> Dopo aver inserito codice fiscale e Pin/Password assegnati, premere Login.</p>

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