{% extends '@SyliusShop/layout.html.twig' %}
{% form_theme form '@SyliusShop/Form/theme.html.twig' %}
{% block title %}{{ 'sylius.ui.reset_password'|trans }} | {{ parent() }}{% endblock %}
{% import '@SyliusShop/Common/Macro/headers.html.twig' as headers %}
{% block content %}
<div class="commun-password pt-0 pt-md-3 pb-3">
<div class="max-container-2 px-xl-0">
{% block breadcrumb %}
<nav>
<ol class="breadcrumb m-0 ariane-box">
<li class="breadcrumb-item"><a href="{{ path('sylius_shop_homepage') }}">{{ 'sylius.ui.home'|trans }}</a></li>
<li class="breadcrumb-item">{{ 'sylius.ui.reset_password'|trans }}</li>
</ol>
</nav>
{% endblock %}
<div class="py-2 py-md-3 px-0">
<div class="text-center">{{ headers.default('sylius.ui.reset_password'|trans, '', 'sylius.ui.set_a_new_password_for_your_account'|trans) }}</div>
{{ sylius_template_event('sylius.shop.request_password_reset_token.after_content_header') }}
<div class="row form-perso-content">
<div class="col-md-6 offset-md-3 col-12">
<div class="border p-3">
{{ form_start(form, {'action': path('sylius_shop_request_password_reset_token'), 'attr': {'class': 'loadable', 'novalidate': 'novalidate'}}) }}
{{ form_row(form.email, sylius_test_form_attribute('reset-email')) }}
{{ sylius_template_event('sylius.shop.request_password_reset_token.form', {'form': form}) }}
{{ form_row(form._token) }}
<div class="text-center pt-2">
<button type="submit" class="btn-link transition-bgcolor minw-verybig border-0 font-seize py-3 bg-gradient-hover" {{ sylius_test_html_attribute('request-password-reset-button') }}>
<span>{{ 'sylius.ui.reset'|trans }}</span>
</button>
</div>
{{ form_end(form, {'render_rest': false}) }}
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}