{% extends 'HitsoCommonBundle::layout.html.twig' %}
{% form_theme form '@HitsoCommon/Common/form_fields.html.twig' %}
{% trans_default_domain 'front' %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" href="{{ asset('juki/source/css/sign-critical.css') }}">
<link rel="preload" as="style" href="{{ preload(asset('juki/source/css/sign-critical.css')) }}">
<link rel="preload" href="{{ preload(asset('juki/source/css/sign.css')) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
{% endblock %}
{% block body_class %}{{ parent() }} page--sign{% endblock %}
{% block content %}
<main class="main">
<section class="sign">
<div class="sign__header section--center">
<h1 class="sign__header-title section-title section-title--h1">
Forgot your password?
</h1>
<p class="section-lead">
We'll email you instructions on how to reset it.
</p>
</div>
{{ form_start(form, {'attr': {"v-cloak": 1,'class': 'sign__form','id': 'recoveryForm'}}) }}
<div class="field" :class="{'field--error' : errors.email}">
{{ form_label(form.email) }}
{{ form_row(form.email) }}
{{ form_errors(form.email) }}
<span class="field-msg" v-if="errors.email">${ errors.email }</span>
</div>
<button class="sign__form-submit sign__form-submit--recovery btn btn--warning" :class="{'btn--loading' : isSending}" type="submit">Reset password</button>
{{ form_end(form) }}
</section>
</main>
{% endblock %}
{% block footer_javascripts %}
{{ parent() }}
<script src="{{ asset('juki/source/js/password_recovery.js') }}" defer></script>
{% endblock %}