66 lines
3.0 KiB
HTML
66 lines
3.0 KiB
HTML
{% load static %}<!doctype html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light">
|
|
<title>Nieuw wachtwoord · VacatureRadar</title>
|
|
<link rel="icon" href="{% static 'favicon.svg' %}?v={{ app_version }}" type="image/svg+xml" sizes="any">
|
|
<link rel="stylesheet" href="{% static 'css/auth.css' %}?v={{ app_version }}">
|
|
</head>
|
|
<body class="auth-page">
|
|
{% include "components/icon_sprite.html" %}
|
|
<main class="auth-shell">
|
|
<div class="auth-brand">
|
|
<img class="auth-brand-logo" src="{% static 'img/vacatureradar-logo.svg' %}" alt="VacatureRadar" width="72" height="72">
|
|
<p class="auth-brand-name">VacatureRadar</p>
|
|
<p class="auth-brand-tagline">Persoonlijke intelligence cockpit</p>
|
|
</div>
|
|
|
|
<div class="auth-card">
|
|
{% if validlink %}
|
|
<h1>Kies een nieuw wachtwoord</h1>
|
|
<p class="auth-lead">Gebruik een uniek, sterk wachtwoord dat je nergens anders gebruikt.</p>
|
|
|
|
{% if form.errors %}
|
|
<div class="auth-alert is-error" role="alert">
|
|
<svg class="icon" aria-hidden="true"><use href="#icon-alert"></use></svg>
|
|
<span>Controleer de gemarkeerde velden en probeer het opnieuw.</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="post" class="auth-form" novalidate>
|
|
{% csrf_token %}
|
|
<div class="field">
|
|
<label for="id_new_password1">Nieuw wachtwoord</label>
|
|
<input class="auth-input" id="id_new_password1" name="new_password1" type="password"
|
|
autocomplete="new-password" required
|
|
{% if form.new_password1.errors %}aria-invalid="true"{% endif %}>
|
|
{% if form.new_password1.errors %}<p class="field-error">{{ form.new_password1.errors|join:" " }}</p>{% endif %}
|
|
</div>
|
|
<div class="field">
|
|
<label for="id_new_password2">Herhaal wachtwoord</label>
|
|
<input class="auth-input" id="id_new_password2" name="new_password2" type="password"
|
|
autocomplete="new-password" required
|
|
{% if form.new_password2.errors %}aria-invalid="true"{% endif %}>
|
|
{% if form.new_password2.errors %}<p class="field-error">{{ form.new_password2.errors|join:" " }}</p>{% endif %}
|
|
</div>
|
|
<button class="btn btn-primary" type="submit">
|
|
Wachtwoord opslaan
|
|
<svg class="icon" aria-hidden="true"><use href="#icon-check"></use></svg>
|
|
</button>
|
|
</form>
|
|
{% else %}
|
|
<h1>Link is verlopen</h1>
|
|
<div class="auth-alert is-error" role="alert">
|
|
<svg class="icon" aria-hidden="true"><use href="#icon-alert"></use></svg>
|
|
<span>Deze herstel-link is ongeldig of al gebruikt. Vraag een nieuwe link aan.</span>
|
|
</div>
|
|
<a class="auth-back" href="{% url 'password_reset' %}"><svg class="icon" aria-hidden="true"><use href="#icon-arrow"></use></svg>Nieuwe link aanvragen</a>
|
|
{% endif %}
|
|
</div>
|
|
{% include "components/developer_credit.html" %}
|
|
</main>
|
|
</body>
|
|
</html>
|