{% extends 'Common/base.html.twig' %}
{% import 'Common/parts/functions.html.twig' as function %}
{% block title %}{{ 'web.security.forgot_password.title'|trans }} | {{ parent() }}{% endblock %}
{% block classBody %}basic login{% endblock %}
{% block contents %}
<div class="container-small">
<nav class="mb-2" aria-label="breadcrumb">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
<li class="breadcrumb-item"><a href="{{path('web_login')}}">Entrar</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ 'web.security.forgot_password.subtitle'|trans }}</li>
</ol>
</nav>
<div class="row flex-center py-5">
<div class="col-sm-10 col-md-8 col-lg-5 col-xxl-4">
<a class="d-flex flex-center text-decoration-none mb-4" href="{{path('web_homepage')}}">
<div class="d-flex align-items-center fw-bolder fs-5 d-inline-block">
<img src="{{ asset('/assets/images/gota-foto-1@2x.png')}}" alt="whater.app" width="200" >
</div>
</a>
<div class="px-xxl-5">
<div class="text-center mb-6">
<h4 class="text-1000">¿Has olvidado tu contraseña?</h4>
<p class="text-700 mb-5">
Escribe tu email y te enviaremos <br class="d-sm-none" />un link para cambiar tu contraseña
</p>
{{ function.showFlashes() }}
{% form_theme form 'Form/bootstrap_5_layout.html.twig' %}
{{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate': 'novalidate' }}) }}
{{ form_errors(form) }}
{{ form_widget(form.email, {'attr': {'class': 'form-control form-icon-input' , 'autocomplete': 'email', 'placeholder': 'Escribe tu email'}}) }}
<button class="btn btn-primary mt-3 ms-2">Enviar</button>
{{ form_rest(form) }}
{{ form_end(form) }}
</div>
</div>
</div>
</div>
</div>
{% endblock contents %}