{% extends '@Core/base_out.html.twig' %}
{% block title %}CLAC CLAC - Recuperación de contraseña{% endblock %}
{% block content %}

{% if comodity_conf == true %}



    <style>

        .login-btn {
            color: #ffffff;
            background-color: #FE8A65;
            border-color: #FE8A65;
        }

    </style>


    <!-- Content area -->
    <div class="container-fluid">
        <div class="row row-cover">

            <div class="col-xs-12 col-md-6" style="background: #f2f2f2;padding: 0px">

                <div class="login-container" style="display: flex;
                flex-direction: row;
                align-content: center;
                align-items: center;
                justify-content: center;background-color: rgba(255, 255, 255, 0.6);height: 100vh;">

                    <!-- Password recovery -->
                    <form method="post" action="{{ path('registration-step1') }}"  method="post" id="save">
                        <div class="panel panel-body login-form">

                            {% for flash_message in app.session.flashBag.get('notice') %}
                                <div class="alert alert-danger no-border">
                                    <span class="text-semibold">{{ flash_message }}</span>
                                </div>
                            {% endfor %}

                            {% if errorFlash is defined and errorFlash is not empty %}
                                <div class="alert alert-danger no-border">
                                    <span class="text-semibold">{{ errorFlash }}</span>
                                </div>
                            {% endif %}

                            <div class="text-center">
                                <img class="" src="{{ asset('assets/images/comodity_white.png') }}" width="150px"/>
                                <h5 class="content-group">Paso 1. Introduce tu correo electrónico</h5>
                                <h5><small class="display-block">Este correo será el que usaremos como principal</small></h5>

                            </div>
                            {{ form_start(formBasic) }}
                            {{ form_errors(formBasic) }}

                            {{ form_errors(formBasic.email) }}
                            <div class="form-group has-feedback has-feedback-left">
                                {{ form_label(formBasic.email) }}
                                {{ form_widget(formBasic.email) }}
                                <div class="form-control-feedback">
                                    <i class="icon-mail5 text-muted"></i>
                                </div>
                            </div>

                            {{ form_end(formBasic) }}
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary btn-block login-btn">Guardar y continuar</button>
                            </div>
                            <hr>
                            <div class="text-center">¿ Quieres contactar con un asesor ?</div>
                            <div class="form-group">
                                <a  class="btn btn-primary btn-block register-btn" href="{{ path('registration') }}">Contactar con asesor</a>
                            </div>


                        </div>
                    </form>

                </div>



            </div>
            <div class="col-xs-12 col-md-6" style="display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;height: 100vh;">
                <img src="{{ asset('assets/images/comodity_background.png') }}" width="100%">
            </div>



        </div>

    </div>


{% endif %}

{% endblock %}