{% extends app.request.isXmlHttpRequest ? '::ajax.html.twig' : '@QbabitTemplate/layout.html.twig' %}

{% block login %}
    <div class="login-box">
        <div class="login-logo">
            <a href="{{ path('front_homepage') }}"> <img alt="Lavadoo" title="Lavadoo" src="{{ asset('bundles/front/images/compose_logo.png') }}"></a>
        </div>
        <!-- /.login-logo -->
        <div class="login-box-body">
            <h3 style="margin-top: 0;margin-bottom: 19px;">{{ 'elija_contrasenya_nueva' | trans({}, 'seguridad') }}</h3>
            {{ form_start(form, {'attr':{'class':'formulario', 'id':'restaura'} }) }}
            <div class="form-group has-feedback">
                {{ form_errors(form.password.first) }}
                {{ form_widget(form.password.first, {'attr':{'class':'form-control name', 'placeholder':'Contraseña...'} }) }}
            </div>
            <div class="form-group has-feedback">
                {{ form_errors(form.password.second) }}
                {{ form_widget(form.password.second, {'attr':{'class':'form-control', 'placeholder':'Confirma contraseña...'} }) }}
            </div>
            <div class="row">
                <div class="col-xs-8">
                    <div class="checkbox icheck">
                        <label>
                            <a href="{{ path('seguridad_login') }}"> {{ 'entrar_tu_cuenta' | trans({}, 'seguridad') }} </a>
                        </label>
                    </div>
                </div>
                <!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat">{{ 'continuar' | trans({}, 'seguridad') }}</button>
                </div>
                <!-- /.col -->
            </div>
            {{ form_end(form) }}
            {% for tipo, mensajes in app.session.flashbag.all() %}
                {% for mensaje in mensajes %}
                    <div class="{{ tipo }} alert-dismissible fade in flash" style="margin: 10px 0 !important;">
                        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <span class="" style="margin-right: 5px;"></span>{{ mensaje }}
                    </div>
                {% endfor %}
            {% endfor %}
        </div>
        <!-- /.login-box-body -->
    </div>
{% endblock %}