{% import "sistema/vistas/select/select.html.php" as select %}
<div class="box box-primary box-solid">
    <div class="box-header with-border">
            <h3 class="box-title">
                {% if persona.estudioAcademicoID is defined %}
                    Agregar Estucios Academicos
                {% else %} 
                    Actualizar Estudios Academicos
                {% endif %}
            </h3>
    </div>
    <div class="box-body">
        <form id="form-estudios-academicos">
            <div class="row">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-md-offset-1 col-md-10">
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="estudioAcademicoTITULO">Titulo Academico</label>
                                    <input type="text" class="form-control" name="estudioAcademicoTITULO" required id="estudioAcademicoTITULO" {% if persona.estudioAcademicoTITULO is defined %} value="{{ persona.estudioAcademicoTITULO }}" {% endif %} placeholder="Titulo Academico" required>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="form-group">
                                    <label for="tipoEstudioAcademicoID">tipo de formación academica</label>
                                    {% if persona.estudioAcademicoTITULO is defined %} 
                                        {{ select.select('tipoEstudioAcademicoID','',persona.tipoEstudioAcademico,persona.tipoEstudioAcademicoID) }}
                                    {% else %}
                                        {{ select.select('tipoEstudioAcademicoID','',persona.tipoEstudioAcademico) }}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-offset-1 col-md-10">
                            <div class="col-md-4" id="">
                                <div class="form-group">
                                    <label for="estudioAcademicoFECHAINICIO">Fecha de Inicio</label>
                                    <input type="text" class="form-control uppercase" required name="estudioAcademicoFECHAINICIO" id="estudioAcademicoFECHAINICIO" {% if persona.estudioAcademicoFECHAINICIO is defined %} value="{{ persona.estudioAcademicoFECHAINICIO }}" {% endif %} placeholder="Fecha de inicio" required>
                                   
                                </div>
                            </div>
                            <div class="col-md-4" id="">
                                <div class="form-group">
                                    <label for="estudioAcademicoESTADO">Estado</label>
                                    {% if persona.estudioAcademicoTITULO is defined %} 
                                        {{ select.select('estudioAcademicoESTADO','',
                                        [{mensaje:'INICIADO',valor:'INICIADO'},
                                        {mensaje:'EN PROCESO',valor:'EN PROCESO'},
                                        {mensaje:'TERMINADO',valor:'TERMINADO'}],persona.estudioAcademicoESTADO) }}
                                    {% else %}
                                        {{ select.select('estudioAcademicoESTADO','',
                                        [{mensaje:'INICIADO',valor:'INICIADO'},
                                        {mensaje:'EN PROCESO',valor:'EN PROCESO'},
                                        {mensaje:'TERMINADO',valor:'TERMINADO'}]) }}
                                    {% endif %}
                                    
                                </div>
                            </div>
                            <div class="col-md-4" id="div-estudioAcademicoFECHAFINAL">
                                <div class="form-group">
                                    <label for="estudioAcademicoFECHAFINAL">Fecha de Finalización</label>
                                    <input type="text" class="form-control  required uppercase" id="estudioAcademicoFECHAFINAL" name="estudioAcademicoFECHAFINAL" {% if persona.estudioAcademicoFECHAFINAL is defined %} value="{{ persona.estudioAcademicoFECHAFINAL }}" {% endif %} placeholder="fecha en que termino los estudios" required>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-offset-1 col-md-10" id="">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="estudioAcademicoINSTITUCION">Institución</label>
                                    <input type="text" required name="estudioAcademicoINSTITUCION" id="estudioAcademicoINSTITUCION" {% if persona.estudioAcademicoINSTITUCION is defined %} value="{{ persona.estudioAcademicoINSTITUCION }}" {% endif %} class="form-control pull-right" placeholder="Institucion" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% if persona.estudioAcademicoID is defined %}
                        <input type="hidden" class="form-control" name="personaId" id="personaId" value="{{ persona.personaID }}">
                        <input type="hidden" class="form-control" name="estudioAcademicoId" id="estudioAcademicoId" value="{{ persona.estudioAcademicoID }}">
                    {% else %} 
                        <input type="hidden" class="form-control" name="personaId" id="personaId" value="{{ persona.personaID }}">
                    {% endif %}
            
                </div>
            </div>
            <div class="pull-right">
                <div class="btn-group">
                    {{ boton( 'guardar', "actualizarEstudiosAcademicos", 'actualizarEstudiosAcademicos()') }}
                    {{ boton( 'cancelar', "mostrarTablaEstudiosAcademicos", 'cargarTablaEstudiosAcademicos()') }}
                </div>
            </div>
        </form>
    </div>
</div>

<script>
    var dateformat = 'yyyy-mm-dd'
    $('#estudioAcademicoFECHAINICIO').datepicker({
      autoclose: true,
      format: dateformat
    });
    $('#estudioAcademicoFECHAFINAL').datepicker({
      autoclose: true,
      format: dateformat
    });
    $( "#form-estudios-academicos" ).submit(function() {
        actualizarEstudiosAcademicos();
    });
    
    $(function(){
        if(typeof $('#estudioAcademicoId').val() == "undefined"){
            $('#estudioAcademicoFECHAFINAL').attr('disabled',true);
        }else{
            if($('#estudioAcademicoESTADO').val() != 'TERMINADO'){
                $('#estudioAcademicoFECHAFINAL').attr('disabled',true);
            }
        }
    });
    
    $('#estudioAcademicoESTADO').change(function(){
        if($('#estudioAcademicoESTADO').val() == 'TERMINADO'){
            $('#estudioAcademicoFECHAFINAL').removeAttr('disabled');
        }else{
            $('#estudioAcademicoFECHAFINAL').attr('disabled',true);
        }
    });
    
    function cargarTablaEstudiosAcademicos(){
        cargarDivision('menu7','personas','personasEstudios','mostrarTablaEstudiosAcademicos','personaId={{ persona.personaID }}');
    }
    
    function actualizarEstudiosAcademicos(){
        ejecutarOperacion('personas', 'personasEstudios', 'guardar', $('#form-estudios-academicos').serialize(),function (response) {
            cargarTablaEstudiosAcademicos();
        }, true);
    }
</script>