<div class="box box-primary box-solid">
    <div class="box-header with-border">
        <h3 class="box-title">Listado de Estudios Academicos</h3>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="container-fluid">
                <form method="POST" id="frm-Usuarios-estudiosAcademicos{{hash_vista}}" onsubmit="return false;">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="pull-right">
                                <div class="btn-group" style="margin: 20px">
                                    {{ boton( 'tabla', "mostrarTablaEstudiosAcademicos", 'cargarTablaEstudiosAcademicos()') }}
                                    {{ boton( 'nuevo', "mostrarFormularioNuevoEstudio", 'crearEstudioAcademico()') }}
                                    {{ boton( 'editar', "mostrarFormularioEditarEstudio", 'editarEstudioAcademico()') }}
                                    {{ boton( 'eliminar', "", 'eliminarEstudioAcademico()' ) }}
                                </div> 
                            </div>
                            <div class="col-sm-12" id="div-tableEstudiosAcademicos">
                               {{ mostrarVista('personas','estudios/table',{'personas':personas}) }}
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    function crearEstudioAcademico(){
        cargarDivision('menu7','personas','personasEstudios','mostrarFormularioNuevo','personaId={{ personas[0].personaID }}');
    }
    
    $('input[type="checkbox"].flat-red').iCheck({
      checkboxClass: 'icheckbox_flat-blue'
    });
    
    function editarEstudioAcademico(){
        var seleccionados = registrosSeleccionadosTabla('tableEstudiosAcademicos');
        if( seleccionados.length == 1 ){
            var estudioAcademicoID =  seleccionados[0].value;
            var estudioAcademicoTITULO =  $(seleccionados[0]).attr('data-titulo');
            cargarDivision('menu7','personas','personasEstudios','mostrarFormularioEditar', 'estudioAcademicoId='+estudioAcademicoID);
        }else{
            if( seleccionados.length == 0 ){
                 alertaInformacion("Debes seleccionar un registro para editar.");
             }else{
                 alertaPrevencion("Debes seleccionar SOLO UN registro para editar.");
             }
        }
    }
    
    function eliminarEstudioAcademico(){
        var seleccionEstudio = checkSelecionados('frm-Usuarios-estudiosAcademicos{{hash_vista}} table', true);
            if (seleccionEstudio.length > 1) {
                confirmacionOperacion(
                        "¿Seguro que desea DESACTIVAR los elementos seleccionados?",
                        "Al eliminar el estudio academico  ya no se mostrarán en la Web.",
                        function () {
                            console.log(seleccionEstudio);
                            ejecutarOperacion(
                                    "personas", "PersonasEstudios", "eliminar", seleccionEstudio,
                                    function (respuesta) {
                                        cargarTablaEstudiosAcademicos();
                                    }
                            );
                        }
                );
        }
    }
    
    function cargarTablaEstudiosAcademicos(){
        cargarDivision('menu7','personas','personasEstudios','mostrarTablaEstudiosAcademicos','personaId={{ personas[0].personaID }}');
    }
</script>