{% extends 'login-layout.html.twig' %}
{% block title %}Reset your password{% endblock %}
{% block body %}
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-4 col-lg-5">
<div class="card">
<div class="card-header">
<img src="/images/ESI-20-ID-Logo-White-v1.png" width="400" />
</div>
<div class="card-body p-4">
{% for flashError in app.flashes('reset_password_error') %}
<div class="alert alert-danger" role="alert">{{ flashError }}</div>
{% endfor %}
<div class="text-center w-75 m-auto">
<h4 class="text-dark-50 text-center pb-0 fw-bold">Reset your password</h4>
<p class="text-muted mb-4">Enter your email address and we'll send you an email with instructions to reset your password.</p>
</div>
{{ form_start(requestForm) }}
<div class="mb-3">
{{ form_label(requestForm.email, 'Email', {'attr': {'class': 'form-label'}}) }}
{{ form_widget(requestForm.email, {'attr': {'class': 'form-control', 'placeholder': 'Enter your email'}}) }}
</div>
<div class="mb-3 mb-0 text-center"><button class="btn btn-primary">Send password reset email</button></div>
{{ form_end(requestForm) }}
</div>
</div>
</div>
</div>
</div>
{% endblock %}