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

{% block body-login %}
<div class="form-container card p-3 bg-light">
  <div style='padding-top:50px;padding-bottom:20px;background-color:#a1cb0f;'>
    <p class="h1 text-center">CCS Health</p>
    <p class="h3 text-center">Corporate Care Solution</p>
  </div>

  <div>
    <br/>
  </div>

  <div class="container text-center">
    <p class="lead">Per accedere utilizzare il proprio codice fiscale o il proprio login name insieme al Pin o alla Password assegnata.</p>
  </div>

  <div>
	  <hr>
  </div>

  <form name='login' method='post'>
    {% 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-primary btn-block btn-lg mb-3'>Annulla</button>
    </div>
  </form>

  <div class="mb-2 text-center">
   <a href="{% url 'login:RichiestaAggiornamentoPassword' %}">Ho dimenticato la password</a>
  </div>

  <div>
    <hr/>
  </div>

  <div class="container">
    <p class="lead">Le credenziali sono state fornite durante la visita medica o in alternativa via Email. Nel caso le aveste smarrite, contattate i nostri uffici.</p>
    <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.</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>
  </div>
</div>
{% endblock %}