{% extends 'base_app.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
     
    <style>
        .esc_oposicion, .esc_asistente, .esc_agregado, .esc_asociado, .esc_titular{
            display: none;
        }
        
        h1, h4{
            margin:0;
        }
        
        .container{
            margin-bottom: 0;
        }
    </style>
{% endblock %}



{% block body %}
    <div class="container">
        <h4 class="alert alert-info"><i class="fa fa-info-circle"></i>
            Estimado (a) Docente 
            <strong>{{app.user.idRolInstitucion.idRol.idPersona.primerNombre}}
                {{app.user.idRolInstitucion.idRol.idPersona.primerApellido}}</strong>,
            para poder gozar de los beneficios del sistema cea@ubv, primero debe
            formalizar su adscripción ante este centro de estudios, llenando los datos que a continuación
            se solicitan. Recuerde que debe tener a su alcance los digitales de los 
            documentos descritos en el correo enviado.
            
        </h4>
    </div>
    <div class="account-container register">        
        <div class="content clearfix">            
            <h1>Formalización Adscripción</h1>
            {% form_theme form 'bootstrap_3_layout.html.twig' %}        
            {{ form_start(form) }}
            {{ form_widget(form) }}
            {{ form_end(form) }}
        </div>
        
    </div>


{% endblock %}




{% block javascripts  %}
    {{ parent() }}
    <script type="text/javascript">
        $('#user_oposicion').click(function() {
            $('.esc_oposicion')[this.checked ? "show" : "hide"]();
            $("#user_escala").prop('required', $(this).prop("checked"));
            $("#user_fecha_oposicion_day").prop('required', $(this).prop("checked"));
            $("#user_fecha_oposicion_month").prop('required', $(this).prop("checked"));
            $("#user_fecha_oposicion_year").prop('required', $(this).prop("checked"));
            $("#user_documento_oposicion").prop('required', $(this).prop("checked"));
            $("#user_lineas_investigacion").prop('required', $(this).prop("checked"));
            $("#user_titulo_trabajo").prop('required', $(this).prop("checked"));
        });

        $('#user_ascenso').click(function() {
        		
        	if($("#user_escala").val() == 1)
           		$('.esc_asistente')[this.checked ? "show" : "hide"]();
          	if($("#user_escala").val() == 2)
           		$('.esc_asociado')[this.checked ? "show" : "hide"]();
                if($("#user_escala").val() == 3)
                    $('.esc_agregado')[this.checked ? "show" : "hide"]();
                if($("#user_escala").val() == 4)
                    $('.esc_titular')[this.checked ? "show" : "hide"]();

        });
        
        
        
        
        
        $("#user_fecha_oposicion_year").change(function(){
            if ($("#user_fecha_oposicion_year").val() < $("#user_fecha_ingreso_year").val()){
                alert('la fecha de concurso debe ser mayor a la fecha de ingreso');
                $("#user_fecha_oposicion_year").val("");
                
            }
        });
        
        $("#user_fecha_ascenso_asistente_year").change(function(){
            if ($("#user_fecha_ascenso_asistente_year").val() < $("#user_fecha_oposicion_year").val()){
                alert('la fecha de ascenso debe ser mayor a la del Concurso de oposición');
                $("#user_fecha_asistente_year").val("");
                
            }
        });
        
        
        
        
        $('#user_ascenso2').click(function() {                
            	$('.esc_asociado')[this.checked ? "show" : "hide"]();

        });

        $('#user_ascenso3').click(function() {

                $('.esc_agregado')[this.checked ? "show" : "hide"]();

        });

        $('#user_ascenso4').click(function() {

                $('.esc_titular')[this.checked ? "show" : "hide"]();
        });


        $('#user_escala').change(function(){            
            if ($('#user_escala').val() >= 1) $('#user_oposicion').attr('disabled',true);
            else $('#user_oposicion').attr('disabled',false);
        });
        
    </script>
{% endblock %}