{% extends 'base.html.twig' %}
{% block title %}Recuperar contraseƱa{% endblock %}
{% block body_class %}bg-dark{% endblock %}
{% block stylesheets %}
{{ encore_entry_link_tags('login') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('login') }}
{% endblock %}
{% block body %}
<!--begin::Authentication - Sign-in -->
<div class="d-flex flex-column flex-column-fluid">
<!--begin::Content-->
<div class="d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20">
<!--begin::Wrapper-->
<div class="w-lg-500px bg-body rounded shadow-sm p-10 p-lg-15 mx-auto">
<!--begin::Form-->
<form class="form w-100" id="kt_sign_in_form" action="{{ path('recuperar_pass_index') }}" method="POST">
<!--begin::Heading-->
<div class="text-center mb-10">
<!--begin::Logo-->
<a href="{{ path('index') }}" class="mb-12">
<img alt="Logo" src="/images/logo/European_Logo.png" class="h-100px" />
</a>
<!--end::Logo-->
<!--begin::Title-->
<h1 class="text-dark my-3 mt-19">{{ 'cambio_pass.title' | trans }}</h1>
<!--end::Title-->
<!--begin::Link-->
<!--end::Link-->
<p class="text-muted">{{ 'cambio_pass.info' | trans }}</p>
</div>
{{ include(PATH_PARTIALS ~ '/_flash_messages.html.twig') }}
<!--begin::Heading-->
<!--begin::Input group-->
<div class="fv-row mb-10">
<!--begin::Label-->
<label for="inputEmail" class="form-label fs-6 fw-bolder text-dark required">{{ 'security.login.email.label'| trans({}, 'security') }}</label>
<!--end::Label-->
<!--begin::Input-->
<input class="form-control form-control-lg form-control-solid" id="inputEmail" type="string" name="email" autocomplete="email" placeholder="{{ 'security.login.email.placeholder'| trans({}, 'security') }}"/>
<!--end::Input-->
</div>
<!--end::Input group-->
<input type="hidden" name="t" value="{{ csrf_token('restore-password') }}">
<!--begin::Actions-->
<div class="text-center">
<!--begin::Submit button-->
<button type="submit" id="kt_sign_in_submit" class="btn btn-lg btn-primary w-100 mb-5">
<span class="indicator-label">{{ 'security.login.acceder.enviar'| trans({}, 'security') }}</span>
<span class="indicator-progress">{{ 'security.login.acceder.validando'| trans({}, 'security') }}
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
</button>
<!--end::Submit button-->
<div class="text-gray-400 fw-bold fs-4">{{ 'cambio_pass.volver.label' | trans }}
<a href="{{ path('app_login') }}" class="link-primary fw-bolder">{{ 'cambio_pass.volver.to' | trans }}</a></div>
</div>
<!--end::Actions-->
</form>
<!--end::Form-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Content-->
<!--begin::Footer-->
<div class="d-flex flex-center flex-column-auto p-10">
<!--begin::Links-->
<div class="d-flex align-items-center fw-bold fs-6">
<a href="https://grupapunts.es" class="text-muted text-hover-primary px-2">{{ 'security.login.footer.desarrollador'| trans({}, 'security') }}</a>
{% set contacto = app_config_val('CONTACTO_EMAIL', {'default' : '', 'type' : 'email'}) %}
{% if contacto != "" %}
<a href="mailto:{{contacto}}" class="text-muted text-hover-primary px-2">{{ 'security.login.footer.contacto'| trans({}, 'security') }}</a>
{% endif %}
<a href="mailto:webs@apunts.es" class="text-muted text-hover-primary px-2">{{ 'security.login.footer.problema'| trans({}, 'security') }}</a>
</div>
<!--end::Links-->
</div>
<!--end::Footer-->
</div>
<!--end::Authentication - Sign-in-->
{% endblock %}