{% load static %}
<!doctype html>
<html lang="pt-PT">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Entrar · Portal Kreate4Web</title>
  <link rel="icon" href="{% static 'branding/kreate4web-favicon.png' %}">
  <link rel="stylesheet" href="{% static 'css/client-portal.css' %}">
</head>
<body class="portal-login-page">
<div class="portal-login-shell">
  <section class="portal-login-brand">
    <div>
      <img src="{% static 'branding/kreate4web-logo-horizontal.png' %}" alt="Kreate4Web">
      <p>ACESSO KREATE4WEB</p>
      <h1>Os seus serviços digitais, num único lugar.</h1>
      <span>Clientes entram na área privada. Administradores e colaboradores são encaminhados automaticamente para o backoffice.</span>
    </div>
  </section>
  <section class="portal-login-panel">
    <form method="post" class="portal-login-form">
      {% csrf_token %}
      <p class="eyebrow">ACESSO RESERVADO</p>
      <h2>Bem-vindo</h2>
      <p class="muted">Pode utilizar o nome de utilizador ou o email da conta.</p>
      {% if form.non_field_errors %}<div class="portal-alert portal-alert--error">{{ form.non_field_errors }}</div>{% endif %}
      <label>{{ form.username.label }}{{ form.username }}</label>
      <label>{{ form.password.label }}{{ form.password }}</label>
      {% if next %}<input type="hidden" name="next" value="{{ next }}">{% endif %}
      <button class="portal-button portal-button--primary" type="submit">Entrar</button>
      <div class="portal-login-switch">
        <a href="{% url 'admin:login' %}?next={% url 'admin:index' %}">Ir diretamente para o login do backoffice</a>
        <a href="{% url 'home' %}">Voltar à escolha de acesso</a>
      </div>
      <small>Problemas no acesso? Contacte a Kreate4Web.</small>
    </form>
  </section>
</div>
</body>
</html>
