{% extends 'security/base.html.twig' %}
{% block main %}
<!-- begin:: Page -->
<div class="kt-grid kt-grid--ver kt-grid--root">
<div class="kt-grid kt-grid--hor kt-grid--root kt-login kt-login--v3 " id="kt_login">
<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" style="background-image: url({{ asset('assets/media//bg/bg-3.jpg') }});">
<div class="kt-grid__item kt-grid__item--fluid kt-login__wrapper">
<div class="kt-login__container">
<div class="kt-login__logo">
<a href="{{ path('app_login') }}">
<img src="{{ asset('assets/media/logos/logo-consell-comarcal-anoia-cat.svg') }}">
</a>
</div>
<div class="kt-login__forgot">
<div class="kt-login__head">
<h3 class="kt-login__title">{% trans %} Has perdut la clau? {% endtrans %}</h3>
<div class="kt-login__desc">{% trans %}Introduïu el vostre correu electrònic per restablir el mot de pas:
{% endtrans %}</div>
</div>
{% for type, messages in app.session.flashbag.all() %}
{% for message in messages %}
<div class="kt-alert kt-alert--outline alert alert-{{type}} alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
<span>
{{ message }}
</span>
</div>
{% endfor %}
{% endfor %}
{{ form_start(form, {'attr': {'novalidate': 'novalidate','class':'kt-form'}}) }}
<div class="input-group">
{{ form_widget(form.email, {'attr': {'class': 'form-control','id':'kt_email'}}) }}
</div>
<div class="kt-login__actions text-center mt-5">
{{ form_widget(form.send, {'label':'Envía','attr': {'class': 'btn btn-brand btn-elevate kt-login__btn-primary','id':'kt_login_forgot_submit','label':"Envia"}}) }}
<!--<button id="kt_login_forgot_cancel" class="btn btn-light btn-elevate kt-login__btn-secondary">Cancel·la</button>-->
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end:: Page -->
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('assets/js/security/resetPassword.js') }}" type="text/javascript"></script>
{% endblock %}