{% extends 'portal_aspirante/base.html.twig' %}

{% block js_document_ready %}
    
    {% if not formPassword.vars.valid %}
        $('#modalPassword').modal('open');
    {% endif %}

    {% if not formEmail.vars.valid %}
        $('#modalEmail').modal('open');
    {% endif %}

{% endblock %}


{% block dialogos_modales %}
    <!-- Modal Structure -->
    <div id="modalPassword" class="modal">
        {{ form_start(formPassword) }}
            <div class="modal-content">
                <h4>Cambio de contraseña de acceso al Portal</h4>
                    {{ form_widget(formPassword) }}
                </div>
            <div class="modal-footer">
                <a href="#!" class="modal-close waves-effect waves-green btn-flat">Cancelar</a>
                <button class="btn identidad-color darken-2 waves-effect waves-light">
                    Cambiar Contraseña
                    <i class="material-icons right">done</i>
                </button>
            </div>
        {{ form_end(formPassword) }}
    </div>

    <div id="modalEmail" class="modal">
        {{ form_start(formEmail) }}
            <div class="modal-content">
                <h4>Cambio del correo usado en el Portal</h4>
                    {{ form_widget(formEmail) }}
            </div>
            <div class="modal-footer">
                <a href="#!" class="modal-close waves-effect waves-green btn-flat">Cancelar</a>
                <button class="btn identidad-color darken-2 waves-effect waves-light">
                    Cambiar Correo
                    <i class="material-icons right">done</i>
                </button>
            </div>
        {{ form_end(formEmail) }}
    </div>
{% endblock %}

{% block contenido_principal %}

    {{ form_start(form) }}
        <h5>Datos personales</h5>

        <div class="row">
            <div class="col s5">
                {{ form_row(form.nombres) }}
            </div>
            <div class="col s5">
                {{ form_row(form.apellidos) }}
            </div>
            <div class="col s2">
                {{ form_row(form.dni) }}
            </div>
        </div>

        <h5>Correos Electrónicos</h5>

        <div class="row">
            <div class="col s6">
                {{ form_row(form.email_personal) }}
            </div>
            <div class="col s6">
                <a data-target="modalEmail" class="btn-small identidad-color darken-2 waves-effect waves-light modal-trigger" href="#">
                    Cambiar Correo
                    <i class="material-icons right">email</i>
                </a>
            </div>
        </div>

    {{ form_end(form) }}

    <div class="row">
        <div class="col s6 offset-s3">
            <button data-target="modalPassword" 
                class="btn orange darken-4 waves-effect waves-light modal-trigger">
                Cambiar Contraseña
                <i class="material-icons right">lock</i>
            </button>

        </div>
    </div>

{% endblock %}