{% extends  "::base.html.twig"%}

{% block menuLeft %}

<a href="{{path('editDataUser')}}">Editar Perfil</a><br>
<a href="{{path('changePass')}}">Cambiar Contraseña</a><br>
{%endblock %}
        {% block body %}


<div class="content-body">
        <fieldset>
            <legend>Editar Perfil</legend>
    <form id="formType3" action="{{path('editDataUser')}}" method="POST">
        <table class="ui-widget ui-widget-content formUser"  width="" style="margin: auto; padding: 10px 100px 10px 100px ">
            <tr>
                <td><div class="fieldName">Nombre Completo</div></td>
            </tr>
            <tr>
                <td>
                    <input autocomplete="off" id="name" name="user[name]" type="text" value="{{dataUser.name}}">
                </td>            
            </tr>
            <tr>
                <td><div class="fieldName">Fecha Nacimiento</div></td>
            </tr>
            <tr>
                <td>
                    <select name="fecha[days]" class="selectFecha" style=" width: auto;">
                        {% for i in  range(1, 31) %}
                        <option value="{{ i }}" {%if dataUser.fechaNacimiento|date('d')== i%} selected="true"{%endif%} >{{ i }}</option>    
                        {% endfor %}
                        
                    </select>
                    <select name="fecha[mounths]" class="selectFecha" style=" width: auto;">
                        {% set a =1%}
                        {% for mes in meses%}
                        <option value="{{a}}" {%if dataUser.fechaNacimiento|date('m')== a%} selected="true"{%endif%}>{{mes.mes}}</option>                        
                        {% set a= a +1%}
                        {% endfor %}
                    </select>                    
                    <select name="fecha[years]" class="selectFecha" style=" width: auto;">
                        {% for i in  range(2000, 1950) %}
                        <option value="{{ i }}" {%if dataUser.fechaNacimiento|date('Y')== i%} selected="true"{%endif%}>{{ i }}</option>    
                        {% endfor %}
                        
                    </select>
                </td>            
            </tr>
            <tr>
                <td><div class="fieldName">Descripción</div></td>
            </tr>
            <tr>
                <td>
                    <textarea style="height: 100px;"   autocomplete="off" id="desc" name="user[desc]">{{dataUser.descripcion}}</textarea>
                </td>            
            </tr>
            <tr>
                <td><div class="fieldName">{{'user.phone' | trans}}</div></td>
            </tr>
            <tr>
                <td>
                    <input onkeypress= "return permite(event, 'num', this.value)"   autocomplete="off" id="telefono" name="user[telefono]" type="text" value="{{dataUser.telefono}}">
                </td>            
            </tr>
            <tr>
                <td><div class="fieldName">Dirección</div></td>
            </tr>
            <tr>
                <td>
                    <textarea style="height: 100px;"  autocomplete="off" id="direccion" name="user[direccion]" type="text">{{dataUser.direccion}}</textarea>
                </td>            
            </tr>
            <tr>
                <td>
                    <input autocomplete="off"   class="submit button promotional" type="submit" name="submit_button" value="Modificar mis datos">
                </td>
            </tr>
        </table>
    </form>
        </fieldset>
    
</div>
        {% endblock %}