{% extends 'base.html.twig' %}
{% block title %}{{ 'send_password_message.header'|trans }}{% endblock %}
{% block javascripts %}
<script nonce="{{ csp_nonce('script') }}">
google_recaptcha_form = 'reset_form'
</script>
{% endblock %}
{% block body %}
<div class="float-right margin-right12 margin-top12 color-white">{% include 'components/translation.html.twig' %}</div>
<div class="padding-top110">
<div class="form-box-with-header margin-auto bg-white">
<div class="network">
<div class="logo"></div>
</div>
<div class="pad-form-box">
{% if sent == 1 %}
<div class="">
<img class="margin-auto" style="display: block;" src="{{ asset('build/images/mail-letter.png') }}" />
</div>
<h1 class="mid-align bottom22">{{ 'send_password_message.header'|trans }}</h1>
<p class="mid-align bottom30 sd-clr">{{ 'send_password_message.content'|trans }}</p>
{% else %}
{{ form_start(resetPassword, {'attr': {'id': 'reset_form'}}) }}
<h1 class="mid-align bottom22">{{ 'reset_password.header'|trans }}</h1>
<p class="mid-align bottom30 sd-clr">{{ 'reset_password.subtext'|trans }}</p>
<div class="clearfix bottom12">
<div class="fnt-wt-700">
{{ form_label(resetPassword.email, 'user.form.email'|trans) }}
{{ form_errors(resetPassword.email) }}
</div>
<div class="margin-top2">
{{ form_widget(resetPassword.email) }}
</div>
</div>
<div class="bottom12">
<button
class="outline bg-green elastic-width height44 {% if google_recaptcha_site_key|length == 40 %} g-recaptcha {% endif %}"
data-sitekey="{{ google_recaptcha_site_key }}"
data-callback='onSubmitRecaptchaForm'
data-action='reset_form'>
{{ 'reset_password.button'|trans }}
</button>
</div>
{{ form_end(resetPassword) }}
{% endif %}
</div>
</div>
</div>
{% endblock %}