{% extends is_temporary ? 'layout/auth.html.twig' : 'layout/app.html.twig' %}

{% block title %}Changer de mot de passe{% endblock %}
{% block page_title %}Changer de mot de passe{% endblock %}

{% block card %}
    <h1 class="text-xl font-semibold text-slate-900">Choisissez votre mot de passe</h1>
    <p class="mt-1 mb-6 text-sm text-slate-500">
        Bonjour {{ app.user.firstName }}, vous vous êtes connecté avec un mot de passe temporaire.
        Pour continuer, définissez votre mot de passe personnel.
    </p>
    {{ include('password/_form.html.twig') }}
    <p class="mt-4 text-center text-sm"><a href="{{ path('app_logout') }}" class="text-slate-500 hover:text-brand-700">Se déconnecter</a></p>
{% endblock %}

{% block content %}
    <div class="card mx-auto max-w-lg p-6">
        {{ include('password/_form.html.twig') }}
    </div>
{% endblock %}