{% extends 'base_app.html.twig' %}
{% use 'form_div_layout.html.twig' with form_widget_simple as base_form_widget_simple %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/vendor/chosen/chosen.min.css') }}">
     
    <style>
        .esc_investigacion, .esc_pertinencia, .esc_tesis .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">
        
        
            {% if antiguedad %}
         <h4 class="alert alert-info"><i class="fa fa-info-circle"></i> 
             <strong>Importante: </strong> Para acceder a este escalafón se le
             está tomando en cuenta la <strong>solicitud de antiguedad</strong> que tiene activa
             para poder cumplir con el requisito del tiempo.  Al continuar con esta
             solicitud, su antiguedad quedará saldada por lo que no la podrá volver 
             a utilizar.
         </h4>
        {% endif %}
            
    </div>
    <div class="panel panel-white">
        <div class="panel-heading clearfix">
            <h4>FORMULARIO ASCENSO A ESCALAFÓN {{ nueva_escala.nombre }}</h4>
        </div>
        <div class="panel-body">
            {% form_theme form 'bootstrap_3_layout.html.twig' %}        
            {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
            {{ form_widget(form) }}
            {{ form_end(form) }}
        </div>
        
    </div>
        
        <!-- Ventanas Modales -->
       
       <!-- Ventana de buscar adscripcion -->
        <div class="modal fade bs-example-modal-sm" id="buscarTutores" tabindex="-1" role="dialog">            
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">El tutor debe tener la escala de {{ nueva_escala.nombre }} o superior</h4>
              </div>
              <div class="modal-body">

                    <h2>Introduzla la cedula y presione buscar</h2>
                    {% form_theme tutorForm 'bootstrap_3_layout.html.twig' %} 
                    
                    {{ form_start(tutorForm, {'attr': {'class': 'tutorForm', 'novalidate': 'novalidate'}}) }}
                    <div class="row">
                        <div class="col-lg-3">
                            {{ form_label(tutorForm.idDocumentoIdentidad) }}
                            {{ form_widget(tutorForm.idDocumentoIdentidad) }}
                        </div>
                        <div class="col-lg-4">
                            {{ form_label(tutorForm.cedulaPasaporte) }}
                            {{ form_widget(tutorForm.cedulaPasaporte) }}
                        </div>
                        <div class="col-lg-5">                            
                            {{ form_widget(tutorForm.buscarTutor) }}
                        </div>
                    </div>
                    <div class="row">
                        
                        <div class="col-lg-6">
                            {{ form_label(tutorForm.nombres) }}
                            {{ form_widget(tutorForm.nombres) }}
                        </div>
                        <div class="col-lg-6">
                            {{ form_label(tutorForm.apellidos) }}
                            {{ form_widget(tutorForm.apellidos) }}
                        </div>
                        <div class="col-lg-6">
                            {{ form_label(tutorForm.institucion) }}
                            {{ form_widget(tutorForm.institucion) }}
                        </div>
                        
                        <div class="col-lg-6">
                            {{ form_label(tutorForm.idEstado) }}
                            {{ form_widget(tutorForm.idEstado) }}
                        </div>
                        
                        <div class="col-lg-6">
                            {{ form_label(tutorForm.idEscala) }}
                            {{ form_widget(tutorForm.idEscala) }}
                        </div>
                        
                        <div class="col-lg-6">
                            {{ form_label(tutorForm.correoElectronico) }}
                            {{ form_widget(tutorForm.correoElectronico) }}
                        </div>
                    </div>
                        <div class="row">
                            <div class="col-lg-6 text-left">
                                <br>
                                {{ form_widget(tutorForm.registrar) }}
                            </div>
                        </div>
                            
                   {{ form_end(tutorForm) }}  

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                
              </div>
            </div>
          </div>
        </div><!-- Fin de la ventanta modal buscar adscripcion -->


{% endblock %}


 




{% block javascripts  %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('assets/vendor/chosen/chosen.jquery.min.js') }}"></script>
    <script type="text/javascript">




        

        $('#ascenso_tipoTrabajoInvestigacion').click(function() {
            if($('#ascenso_tipoTrabajoInvestigacion').val() === 'investigacion'){
                    $('.esc_investigacion').show(); 
                    $('.esc_tesis').hide();
                    $("#ascenso_tutores_ascenso_chosen").show();
            }else{
               $('.esc_investigacion').hide(); 
               $('.esc_tesis').show();
               $("#ascenso_tutores_ascenso_chosen").hide();
            }
        });  
        
        
        
        $('#ascenso_tesisUbv').click(function() {               
            $('.esc_pertinencia')[this.checked ? "show" : "hide"]();            
            if(this.checked){
                $('.esc_investigacion').show();                    
                    $("#ascenso_tutores_ascenso_chosen").show();
            }else{
                 $('.esc_investigacion').hide(); 
               $('.esc_tesis').show();
               $("#ascenso_tutores_ascenso_chosen").hide();
            }
            
        });  
        
       
       $(".tutorForm").submit(function(e){
          
           e.preventDefault();
           
           var formSerialize = $(this).serialize();
           alert(formSerialize);
            $.ajax({
               method: "POST",
               url: "{{ url('ajax_registrar_tutor') }}",    
               data: formSerialize,
               
            })
        .done(function (data) {
            if (typeof data.response !== 'undefined') {
                alert(data.response);
                console.log(data.posts);
                var posts = JSON.parse(data.posts);
                $("#ascenso_tutores_ascenso").find('optgroup[label="UBV"]').append($('<option>', {
                    value: posts.id,
                    text: posts.nombres + " " + posts.apellidos
                }));
                $("#ascenso_tutores_ascenso").trigger("chosen:updated");
                
            }
        })
        
        .fail(function (jqXHR, textStatus, errorThrown) {
            if (typeof jqXHR.responseJSON !== 'undefined') {
                if (jqXHR.responseJSON.hasOwnProperty('form')) {
                    console.log(jqXHR.responseJSON.form);
                }

                console.log(jqXHR.responseJSON.message);

            } else {
                alert(errorThrown);
            }

        });
    
            
            
            
                
            
            
        });
        
       $( "#tutores_ascenso_buscarTutor" ).click(function() {
           if($("#tutores_ascenso_cedulaPasaporte").val() == ""){
               alert("cedula no puede estar vacia");
               return false;
           }
            $.ajax({
               method: "GET",
               url: "{{ url('ajax_buscar_tutor') }}",
               async: true,
               cache: false,    
               data: ({cedula: $("#tutores_ascenso_cedulaPasaporte").val(), documento: $("#tutores_ascenso_idDocumentoIdentidad").val()}),
               success: function (data) {
                        console.log(data);
                       var posts = JSON.parse(data.posts);
                       console.log(posts);
                       if (!posts){
                           $('.oculto').removeClass('hidden');
                       }else{
                            $('#ascenso_tutores_ascenso option[value="' + posts.nombres + " " + posts.apellidos +'"]').prop("selected", true);
                        }

                },
               error: function (XMLHttpRequest, textStatus, errorThrown) { 
                     console.log(errorThrown);                 

               }

           });
       });
       
       $("#ascenso_tutores_ascenso").on("chosen:ready", function() {
           if($('#ascenso_tipoTrabajoInvestigacion').val() === 'investigacion'){
               $('.esc_investigacion').show();
               $('.esc_tesis').hide();
               $("#ascenso_tutores_ascenso_chosen").show();
           }else if($('#ascenso_tipoTrabajoInvestigacion').val() === 'tesis') {
               $('.esc_investigacion').hide();
               $('.esc_tesis').show();
               if ($('#ascenso_tesisUbv').prop("checked")) {
                   $('.esc_pertinencia').show();
                   $('.esc_investigacion').show();
                   $("#ascenso_tutores_ascenso_chosen").show();
               }else{
                   $("#ascenso_tutores_ascenso_chosen").hide();
               }
           }else{
               $("#ascenso_tutores_ascenso_chosen").hide();
           }
        });
       
       
       $("#ascenso_tutores_ascenso").chosen({
            no_results_text: "<a data-toggle='modal' data-target='#buscarTutores' href='#'>Tutor no registrado, click aquí para registrar!</a>",
            max_selected_options: 6
            
        });
        
    </script>
{% endblock %}