{% load static %}
<!doctype html>
<html lang="pt-PT">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Recuperar palavra-passe · 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 k4w-reset-shell">
  <section class="portal-login-brand">
    <div>
      <img class="k4w-horizontal-logo" src="{% static 'branding/kreate4web-logo-horizontal.png' %}" alt="Kreate4Web">
      <p>RECUPERAÇÃO SEGURA</p>
      <h1>Recupere o acesso sem contactar a equipa.</h1>
      <span>Enviaremos uma ligação temporária para o email associado à conta. Por segurança, a página não confirma se o endereço existe.</span>
      <div class="k4w-login-security-note"><strong>Ligação temporária</strong><span>A ligação expira automaticamente e só pode ser usada uma vez.</span></div>
    </div>
  </section>
  <section class="portal-login-panel">
    <form method="post" class="portal-login-form" novalidate>
      {% csrf_token %}
      <p class="eyebrow">RECUPERAR ACESSO</p>
      <h2>Esqueci-me da palavra-passe</h2>
      <p class="muted">Introduza o email associado ao utilizador.</p>
      {% if form.non_field_errors %}<div class="portal-alert portal-alert--error">{{ form.non_field_errors }}</div>{% endif %}
      <label>Email{{ form.email }}{% for error in form.email.errors %}<small class="field-error">{{ error }}</small>{% endfor %}</label>
      <button class="portal-button portal-button--primary" type="submit">Enviar ligação de recuperação</button>
      <a class="k4w-back-login" href="{% url 'security:login' %}">← Voltar ao login</a>
    </form>
  </section>
</div>
<footer class="k4w-login-footer"><span>© {% now "Y" %} Kreate4Web · K4W</span><span>Portal v{{ k4w_version }} · {{ k4w_environment }}</span></footer>
</body>
</html>
