<%--
Document : frm_estudiante
Created on : 01/12/2015, 12:49:00 PM
Author : sistem08user
--%>
<%@page import="pe.siso.academia.Beans.Estudiante"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="validar.jsp" %>
<% Estudiante estudiante = (Estudiante) session_actual.getAttribute("estudiante");
System.out.println("DATOS ESTUDIANDO EDITAR " + estudiante.getCodsede());
String op = request.getParameter("op");
%>
<!DOCTYPE html>
<html>
<head>
<!-- START @META SECTION -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework. Included are multiple example pages, elements styles, and javascript widgets to get your project started.">
<meta name="keywords" content="admin, admin template, bootstrap3, clean, fontawesome4, good documentation, lightweight admin, responsive dashboard, webapp">
<meta name="author" content="Djava UI">
<title>SISTEMA CUOTAS PAGO ACADEMIA</title>
<link rel="icon" type="image/png" sizes="16x16" href="images/helicoide.png" />
<!--/ END META SECTION -->
<!-- START @FAVICONS -->
<!--<link href="../img/ico/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">-->
<!--<link href="../img/ico/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">-->
<!--<link href="../img/ico/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">-->
<!--<link href="../img/ico/apple-touch-icon-57x57-precomposed.png" rel="apple-touch-icon-precomposed">-->
<!--<link href="../img/ico/apple-touch-icon.png" rel="shortcut icon">-->
<!--/ END FAVICONS -->
<!-- START @FONT STYLES -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Oswald:700,400" rel="stylesheet">
<!--/ END FONT STYLES -->
<!-- START @GLOBAL MANDATORY STYLES -->
<link href="../assets/global/plugins/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="../assets/global/plugins/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet">
<link href="../assets/global/plugins/bower_components/chosen_v1.2.0/chosen.min.css" rel="stylesheet">
<!--/ END GLOBAL MANDATORY STYLES -->
<!-- START @PAGE LEVEL STYLES -->
<link href="../assets/global/plugins/bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet">
<link href="../assets/global/plugins/bower_components/animate.css/animate.min.css" rel="stylesheet">
<link href="../assets/global/plugins/bower_components/dropzone/downloads/css/dropzone.css" rel="stylesheet">
<link href="../assets/global/plugins/bower_components/jquery.gritter/css/jquery.gritter.css" rel="stylesheet">
<!-- DATEPICKER CSS INICIO -->
<link href="../assets/global/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<!-- DATEPICKER CSS FINAL -->
<!--/ END PAGE LEVEL STYLES -->
<!-- START @THEME STYLES -->
<link href="../assets/admin/css/reset.css" rel="stylesheet">
<link href="../assets/admin/css/layout.css" rel="stylesheet">
<link href="../assets/admin/css/components.css" rel="stylesheet">
<link href="../assets/admin/css/plugins.css" rel="stylesheet">
<link href="../assets/admin/css/themes/red.theme.css" rel="stylesheet" id="theme">
<link href="../assets/admin/css/custom.css" rel="stylesheet">
<!--/ END THEME STYLES -->
<link rel="stylesheet" href="validar/css/validationEngine.jquery.css" type="text/css"/>
<!-- START @IE SUPPORT -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../assets/global/plugins/bower_components/html5shiv/dist/html5shiv.min.js"></script>
<script src="../assets/global/plugins/bower_components/respond-minmax/dest/respond.min.js"></script>
<![endif]-->
<!--/ END IE SUPPORT -->
<style>
.panel-tab .panel-heading ul li.active a i{
color: #6fa362 !important;
}
.panel-tab .panel-heading ul li a:hover i{
color: #76B467 !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
background-color: #BB1515 !important;
border-color: #BB1515 !important;
color: #fff;
}
.panel-tab .panel-heading ul li.active a i{
color: #6fa362 !important;
}
.panel-tab .panel-heading ul li a:hover i{
color: #76B467 !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
background-color: #BB1515 !important;
border-color: #BB1515 !important;
color: #fff;
}
.alerta-seleccionar{
border: 1px solid red !important;
box-shadow: red 1px 1px 20px;
}.modal-dialog {
margin: 30px auto;
}
</style>
</head>
<body class="page-sound page-header-fixed page-sidebar-fixed" onload="cargar();">
<!--[if lt IE 9]>
<p class="upgrade-browser">Upps!! You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- START @WRAPPER -->
<section id="wrapper">
<!-- START @HEADER -->
<%@ include file="banner.jsp" %>
<!--/ END HEADER -->
<!--
START @SIDEBAR LEFT
|=========================================================================================================================|
| TABLE OF CONTENTS (Apply to sidebar left class) |
|=========================================================================================================================|
| 01. sidebar-box | Variant style sidebar left with box icon |
| 02. sidebar-rounded | Variant style sidebar left with rounded icon |
| 03. sidebar-circle | Variant style sidebar left with circle icon |
|=========================================================================================================================|
-->
<!-- <input id="codModulo" type="hidden" value="< %=menu!=null?menu.getCodModulo():""%>">
<input id="codCategoria" type="hidden" value="< %=menu!=null?menu.getCodCategoria():""%>">-->
<input id="codTitulo" type="hidden" value="1">
<input id="codModulo" type="hidden" value="1">
<input id="codCategoria" type="hidden" value="1">
<input id="codSubCategoria" type="hidden" value="0">
<%@ include file="menu.jsp" %>
<!-- /#sidebar-left -->
<!--/ END SIDEBAR LEFT -->
<!-- START @PAGE CONTENT -->
<section id="page-content">
<!-- Start page header -->
<div class="header-content">
<h2><i class="fa fa-home"></i>Dashboard <span>Mantenimiento de Estudiantes</span></h2>
<div class="breadcrumb-wrapper hidden-xs">
<!-- <span class="label">You are here:</span>
<ol class="breadcrumb">
<li class="active">Tipo Usuario</li>
</ol> -->
</div>
</div><!-- /.header-content -->
<!--/ End page header -->
<!-- Start body content -->
<div class="body-content animated fadeIn">
<div class="row">
<div class="col-sm-12">
<div class="panel rounded shadow panel-blueDark panelborder">
<div class="panel-heading blue2">
<div class="pull-left">
<h3 class="panel-title">
<i class="fa fa-user-plus"></i>
Ficha de Alumno
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="panel-body" style="padding: 0px !important;background-color: #337AB7;">
<form id="formulario">
<div class="panel panel-tab rounded shadow" style="margin-bottom: 0px;">
<!-- Start tabs heading -->
<div class="panel-heading no-padding">
<ul class="nav nav-tabs">
<li class="active">
<a aria-expanded="true" href="#tab1-1" data-toggle="tab">
<i class="fa fa-user"></i>
<span>Datos de Estudiante</span>
</a>
</li>
<li>
<a aria-expanded="false" href="#tab1-2" data-toggle="tab">
<i class="fa fa-file-text"></i>
<span>Referencias del Estudiante</span>
</a>
</li>
<li>
<a aria-expanded="false" href="#tab1-3" data-toggle="tab">
<i class="fa fa-user-secret"></i>
<span>Datos del Apoderado</span>
</a>
</li>
</ul>
</div><!-- /.panel-heading -->
<!--/ End tabs heading -->
<!-- Start tabs content -->
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade active in" id="tab1-1">
<div class="form-body">
<fieldset>
<div class="col-sm-3 form-group">
<label class="control-label" ><b>Sede Actual: <span class="asterisk">(*)</span></b></label>
<input class="form-control" id="codigo" type="hidden" value="<%=estudiante.getCodestudiante()%>" data-referencia="id" />
<select class="form-control validate[required]" data-referencia="0">
<% if (estudiante.getCodsede().equals("18")) {
%><option value="18" selected="selected">BERTONELLI</option><%
} else {
%><option value="18" >BERTONELLI</option><%
}
if (estudiante.getCodsede().equals("20")) {
%><option value="20" selected="selected" >ARENALES</option><%
} else {
%><option value="20" >ARENALES</option><%
}
if (estudiante.getCodsede().equals("29")) {
%><option value="29" selected="selected" >LUCERO - JOHNSON</option><%
} else {
%><option value="29" >LUCERO - JOHNSON</option><%
}
if (estudiante.getCodsede().equals("49")) {
%><option value="49" selected="selected" >UNGER</option><%
} else {
%><option value="49" >UNGER</option><%
}
%>
<!-- <option value="18" selected="selected">BERTONELLI</option>
<option value="20" >ARENALES</option>
<option value="29" >LUCERO - JOHNSON</option>
<option value="49" >UNGER</option>-->
<!--<option value="50" >CERES</option>-->
<!--<option value="51" >LOCAL DEMO</option>-->
</select>
</div>
<div class="col-sm-3 form-group">
<label class="control-label" for="tipo_doc"><b>Tipo de Documento: <span class="asterisk">(*)</span></b></label>
<input class="form-control" id="codigo" type="hidden" value="<%=estudiante.getCodestudiante()%>" data-referencia="id" />
<select class="form-control validate[required]" id="tipo_doc" data-referencia="1" onchange="validarTipoDoc(1);" data-placeholder="Seleccione Tipo de Documento">
<option value="">[SELECCIONE]</option>
<option value="1">DNI</option>
<option value="2">CARNÉ DE EXTRANJERIA</option>
<option value="3">PASAPORTE</option>
<option value="4">PARTIDA DE NACIMIENTO</option>
</select>
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="num_doc"><b>Número de Documento: <span class="asterisk">(*)</span></b></label>
<input class="form-control validate[required]" id="num_doc" type="text" data-referencia="2" onchange="validarDNI(this);validarLongitudDoc();" onkeypress="return validarCampo(event, 'numerico');" value="<%=estudiante.getDni()%>" />
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="ap_paterno"><b>Apellido Paterno: <span class="asterisk">(*)</span></b></label>
<input onKeyUp="this.value = this.value.toUpperCase();" class="form-control validate[required]" id="ap_paterno" type="text" data-referencia="3" required="required" onkeypress="return validarCampo(event, 'texto');" value="<%=estudiante.getPaterno()%>" />
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="ap_materno"><b>Apellido Materno: <span class="asterisk">(*)</span></b></label>
<input onKeyUp="this.value = this.value.toUpperCase();" class="form-control validate[required]" id="ap_materno" type="text" data-referencia="4" required="required" onkeypress="return validarCampo(event, 'texto');" value="<%=estudiante.getMaterno()%>" />
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="nombres"><b>Nombres: <span class="asterisk">(*)</span></b></label>
<input onKeyUp="this.value = this.value.toUpperCase();" class="form-control validate[required]" id="nombres" type="text" data-referencia="5" required="required" onkeypress="return validarCampo(event, 'texto');" value="<%=estudiante.getNombres()%>" />
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="fecha_nac"><b>Fecha Nacimiento: <span class="asterisk">(*)</span></b></label>
<input class="form-control date-range-picker-single red validate[required]" value="<%=estudiante.getNacimiento().split("-")[2] + "/" + estudiante.getNacimiento().split("-")[1] + "/" + estudiante.getNacimiento().split("-")[0]%>" id="fecha_nac" type="text" data-referencia="6" required="required" />
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="edad"><b>Edad: </b></label>
<input class="form-control validate[custom[integer]]" id="edad" type="text" data-referencia="7" onkeypress="return validarCampo(event, 'numerico');" value="<%=estudiante.getEdad()%>" readonly="true" />
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="tel_fijo"><b>Teléfono Fijo: </b></label>
<input maxlength="9" onkeypress="return validarCampo(event, 'numerico');" class="form-control validate[custom[phone]]" id="tel_fijo" type="text" data-referencia="8" value="<%=estudiante.getFijo()%>" />
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="tel_cel"><b>Teléfono Celular: </b></label>
<input maxlength="9" onkeypress="return validarCampo(event, 'numerico');" class="form-control validate[custom[phone]]" id="tel_cel" type="text" data-referencia="9" value="<%=estudiante.getCelular()%>" />
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="correo"><b>Correo Electrónico: </b></label>
<input class="form-control validate[custom[email]]" id="correo" type="text" data-referencia="10" value="<%=estudiante.getCorreo()%>" />
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaDepartamentos">
<label class="control-label" for="departamento"><b>Departamento: </b></label>
<select class="form-control chosen-select" id="departamento" data-referencia="12" data-placeholder="Seleccione su Departamento"></select>
</div>
<div class="col-sm-6 form-group" id="listaProvincias">
<label class="control-label" for="provincia"><b>Provincia: </b></label>
<select class="form-control chosen-select" id="provincia" data-referencia="13" data-placeholder="Seleccione su Provincia"></select>
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaDistritos">
<label class="control-label" for="distrito"><b>Distrito: </b></label>
<select class="form-control chosen-select" id="distrito" data-referencia="14" data-placeholder="Seleccione su Distrito"></select>
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="direccion"><b>Dirección: </b></label>
<input class="form-control" id="direccion" type="text" data-referencia="11" value="<%=estudiante.getDireccion()%>" />
</div>
<div class="col-sm-12"><br></div>
<div align="right" class="col-sm-12">
<b><span class="asterisk">(*)</span> Campos obligatorios</b>
</div>
</fieldset>
</div><!-- /.form-body -->
<div class="panel-footer">
<a class="subir" style="color: blue" href="#up">Volver Arriba</a>
</div>
</div>
<div class="tab-pane fade" id="tab1-2">
<div class="form-body">
<fieldset>
<div class="col-sm-6 form-group" id="listaColegios">
<label class="control-label" for="colegio"><b>Colegio de Procedencia: <span class="asterisk">(*)</span></b></label>
<input class="form-control" id="colegio" type="text" data-referencia="15" value="<%=estudiante.getProcedencia()%>" required="required">
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="tipo_colegio"><b>Tipo de Colegio: <span class="asterisk">(*)</span></b></label>
<select class="form-control" id="tipo_colegio" data-referencia="16" required="required">
<option value="">[SELECCIONE]</option>
<option value="Particular">Particular</option>
<option value="Nacional">Nacional</option>
</select>
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="tipo_estudiante"><b>Tipo de Estudiante: <span class="asterisk">(*)</span></b></label>
<select class="form-control " id="tipo_estudiante" data-referencia="17" required="required">
<option value="">[SELECCIONE]</option>
<option value="Normal">Normal</option>
<option value="Escolar">Escolar</option>
</select>
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="anio_egreso"><b>Año de Egreso: <span class="asterisk">(*)</span></b></label>
<input maxlength="4" class="form-control " id="anio_egreso" type="text" data-referencia="18" onkeypress="return validarCampo(event, 'numerico');" value="<%=estudiante.getEgreso()%>" required="required">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="academia_anterior"><b>Academia anterior de Preparación: </b></label>
<input class="form-control" id="academia_anterior" type="text" data-referencia="19" value="<%=estudiante.getAcademia()%>">
</div>
<div class="col-sm-6"></div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaUniv1">
<label class="control-label" for="univ_01"><b>Universidad a la que postula: </b></label>
<select class="form-control chosen-select" id="univ_01" data-referencia="20" onchange=""><option value="0">[SELECCIONAR UNIVERSIDAD]</option></select>
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="proceso_01"><b>Proceso de Admisión: </b></label>
<input class="form-control" id="proceso_01" type="text" data-referencia="21" value="<%=estudiante.getProceso1()%>">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaCarreras1">
<label class="control-label" for="carrera_01"><b>Facultad / Carrera: </b></label>
<select class="form-control chosen-select" id="carrera_01" data-referencia="22" onchange=""></select>
</div>
<div class="col-sm-6"></div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaUniv2">
<label class="control-label" for="univ_02"><b>Universidad a la que postula: </b></label>
<select class="form-control chosen-select" id="univ_02" data-referencia="23" onchange=""><option value="0">[SELECCIONAR UNIVERSIDAD]</option></select>
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="proceso_02"><b>Proceso de Admisión: </b></label>
<input class="form-control" id="proceso_02" type="text" data-referencia="24" value="<%=estudiante.getProceso2()%>">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaCarreras2">
<label class="control-label" for="carrera_02"><b>Facultad / Carrera: </b></label>
<select class="form-control chosen-select" id="carrera_02" data-referencia="25" onchange=""></select>
</div>
<div class="col-sm-6"></div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaUniv3">
<label class="control-label" for="univ_03"><b>Universidad a la que postula: </b></label>
<select class="form-control chosen-select" id="univ_03" data-referencia="26" onchange=""><option value="0">[SELECCIONAR UNIVERSIDAD]</option></select>
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="proceso_03"><b>Proceso de Admisión: </b></label>
<input class="form-control" id="proceso_03" type="text" data-referencia="27" value="<%=estudiante.getProceso3()%>">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaCarreras3">
<label class="control-label" for="carrera_03"><b>Facultad / Carrera: </b></label>
<select class="form-control chosen-select" id="carrera_03" data-referencia="28" onchange=""></select>
</div>
<div class="col-sm-6"></div>
<div class="col-sm-12"><br></div>
<div align="right" class="col-sm-12">
<b><span class="asterisk">(*)</span> Campos obligatorios</b>
</div>
</fieldset>
</div>
<div class="panel-footer">
<a class="subir" style="color: blue" href="#up">Volver Arriba</a>
</div>
</div>
<div class="tab-pane fade" id="tab1-3">
<div class="form-body">
<fieldset>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_dni"><b>DNI: </b></label>
<input class="form-control validate[custom[integer],minSize[8],maxSize[8]]" id="apo_dni" type="text" data-referencia="29" value="<%=estudiante.getDni_apo()%>" onkeypress="return validarCampo(event, 'numerico');">
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_ap_paterno"><b>Apellido Paterno: </b></label>
<input class="form-control validate[custom[onlyLetterSp]]" id="apo_ap_paterno" type="text" data-referencia="30" value="<%=estudiante.getPaterno_apo()%>" onkeypress="return validarCampo(event, 'texto');">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_ap_materno"><b>Apellido Materno: </b></label>
<input class="form-control validate[custom[onlyLetterSp]]" id="apo_ap_materno" type="text" data-referencia="31" value="<%=estudiante.getMaterno_apo()%>" onkeypress="return validarCampo(event, 'texto');">
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_nombres"><b>Nombres: </b></label>
<input class="form-control validate[custom[onlyLetterSp]]" id="apo_nombres" type="text" data-referencia="32" value="<%=estudiante.getNombre_apo()%>" onkeypress="return validarCampo(event, 'texto');">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_lug_trabajo"><b>Lugar de Trabajo: </b></label>
<input class="form-control" id="apo_lug_trabajo" type="text" data-referencia="33" value="<%=estudiante.getTrabajo_apo()%>">
</div>
<div class="col-sm-6 form-group" id="listaGradInst">
<label class="control-label" for="apo_instruccion"><b>Grado de Instrucción: </b></label>
<select class="form-control chosen-select" id="apo_instruccion" data-referencia="34" onchange=""></select>
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group" id="listaProfesiones">
<label class="control-label" for="apo_ocupacion"><b>Ocupación: </b></label>
<select class="form-control chosen-select" id="apo_ocupacion" data-referencia="35" onchange=""></select>
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_tel_fijo"><b>Teléfono Fijo: </b></label>
<input class="form-control validate[custom[phone]]" id="apo_tel_fijo" type="text" data-referencia="38" value="<%=estudiante.getFijo_apo()%>">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_tel_cel"><b>Celular: </b></label>
<input class="form-control validate[custom[phone]]" id="apo_tel_cel" type="text" data-referencia="39" value="<%=estudiante.getCelular_apo()%>">
</div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_correo"><b>Correo: </b></label>
<input class="form-control validate[custom[email]]" id="apo_correo" type="text" data-referencia="37" value="<%=estudiante.getCorreo_apo()%>">
</div>
<div class="col-sm-12"></div>
<div class="col-sm-6 form-group">
<label class="control-label" for="apo_domicilio"><b>Domicilio: </b></label>
<input class="form-control" id="apo_domicilio" type="text" data-referencia="36" value="<%=estudiante.getDomicilio_apo()%>">
</div>
<div class="col-sm-6"></div>
<div class="col-sm-12"></div>
</fieldset>
</div>
<div class="form-footer">
<ul class="pager wizard no-margin pull-left" id="buttons-next-prev">
<a class="subir" style="color: blue" href="#up">Volver Arriba</a>
</ul>
<div class="pull-right">
<button class="btn btn-success" onclick="editarAlumno();" type="button" id="btn-enviar"><i class="fa fa-save"></i> ACTUALIZAR</button>
<button class="btn btn-danger " onclick="window.location.href = 'man_estudiantes.jsp';" type="button" data-dismiss="modal"><i class="fa fa-times"></i> CANCELAR</button>
</div>
<div class="clearfix"></div>
</div><!-- /.form-footer -->
</div>
</div>
</div><!-- /.panel-body -->
<!--/ End tabs content -->
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
</div><!-- /.row -->
</div><!-- /.body-content -->
<!--/ End body content -->
<!-- Start DIV POPUP -->
<!-- <div id="popup-conformidad" data-backdrop="static" class="modal fade modal-center modal-saco" tabindex="-1" role="dialog" aria-hidden="true" ></div>
<div id="popup-notificacion" class="modal fade modal-center modal-success" tabindex="-1" role="dialog" aria-hidden="true" ></div>
<div id="popup-advertencia" class="modal fade modal-center modal-warning" tabindex="-1" role="dialog" aria-hidden="true" ></div>
<div id="popup-error" class="modal fade modal-center modal-danger" tabindex="-1" role="dialog" aria-hidden="true" ></div>
<div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" ></div>-->
<!--/ End DIV POPUP -->
<!-- Start footer content -->
<%@ include file="footer.jsp" %>
<!--/ End footer content -->
</section><!-- /#page-content -->
<!--/ END PAGE CONTENT -->
<!-- START @SIDEBAR RIGHT -->
<!--/ END SIDEBAR RIGHT -->
</section><!-- /#wrapper -->
<!--/ END WRAPPER -->
<!-- START @BACK TOP -->
<div id="back-top" class="animated pulse circle">
<i class="fa fa-angle-up"></i>
</div><!-- /#back-top -->
<!--/ END BACK TOP -->
<section>
<div id="popup-conformidad" data-backdrop="static" class="modal modal-center modal-saco animated flipInY prueba" tabindex="-1" role="dialog" aria-hidden="true" >
</div>
<div id="popup-notificacion" class="modal modal-center modal-success animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" >
</div>
<div id="popup-advertencia" class="modal modal-center modal-warning animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" >
</div>
<!-- Modal General -->
<div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" >
</div>
</section>
<!-- START JAVASCRIPT SECTION (Load javascripts at bottom to reduce load time) -->
<!-- START @CORE PLUGINS -->
<script src="../assets/global/plugins/bower_components/jquery/dist/jquery.min.js"></script>
<script src="../assets/global/plugins/bower_components/jquery-cookie/jquery.cookie.js"></script>
<script src="../assets/global/plugins/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../assets/global/plugins/bower_components/typehead.js/dist/handlebars.js"></script>
<script src="../assets/global/plugins/bower_components/typehead.js/dist/typeahead.bundle.min.js"></script>
<script src="../assets/global/plugins/bower_components/jquery-nicescroll/jquery.nicescroll.min.js"></script>
<script src="../assets/global/plugins/bower_components/jquery.sparkline.min/index.js"></script>
<script src="../assets/global/plugins/bower_components/jquery-easing-original/jquery.easing.1.3.min.js"></script>
<script src="../assets/global/plugins/bower_components/ionsound/js/ion.sound.min.js"></script>
<script src="../assets/global/plugins/bower_components/bootbox/bootbox.js"></script>
<!--/ END CORE PLUGINS -->
<!-- START @PAGE LEVEL PLUGINS -->
<!--<script src="../assets/global/plugins/bower_components/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js"></script>-->
<script src="../assets/global/plugins/bower_components/flot/jquery.flot.js"></script>
<script src="../assets/global/plugins/bower_components/flot/jquery.flot.spline.min.js"></script>
<script src="../assets/global/plugins/bower_components/flot/jquery.flot.categories.js"></script>
<script src="../assets/global/plugins/bower_components/flot/jquery.flot.tooltip.min.js"></script>
<script src="../assets/global/plugins/bower_components/flot/jquery.flot.resize.js"></script>
<script src="../assets/global/plugins/bower_components/flot/jquery.flot.pie.js"></script>
<script src="../assets/global/plugins/bower_components/dropzone/downloads/dropzone.min.js"></script>
<script src="../assets/global/plugins/bower_components/jquery.gritter/js/jquery.gritter.min.js"></script>
<script src="../assets/global/plugins/bower_components/skycons-html5/skycons.js"></script>
<script src="../assets/global/plugins/bower_components/chosen_v1.2.0/chosen.jquery.min.js"></script>
<!--/ END PAGE LEVEL PLUGINS -->
<!-- START @PAGE LEVEL SCRIPTS -->
<script src="../assets/admin/js/apps.js"></script>
<script src="../assets/admin/js/pages/blankon.dashboard.js"></script>
<script src="../assets/admin/js/demo.js"></script>
<script src="../assets/global/plugins/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
<!-- DATEPICKER JS INICIO -->
<script src="../assets/global/plugins/bower_components/moment/min/moment.min.js"></script>
<script src="../assets/global/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- DATEPICKER JS FINAL -->
<script src="../assets/global/plugins/bower_components/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
<script src="validar/js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="validar/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function () {
jQuery("#formulario").validationEngine('attach', {promptPosition: "topLeft"});
var BlankonFormWizard = function () {
return {
init: function () {
BlankonFormWizard.twitterBootstrapWizard();
},
twitterBootstrapWizard: function () {
if ($('#formulario').length) {
$('#formulario').bootstrapWizard({
'onNext': function (tab, navigation, index) {
var $valid = $('#formulario').validationEngine('validate');
if (!$valid) {
return false;
}
},
onTabClick: function (tab, navigation, index) {
var estado = $('#formulario').validationEngine('validate');
return estado;
}
});
}
}
};
}();
// Call main app init
BlankonFormWizard.init();
});
$("#buttons-next-prev a").mousemove(function (e) {
$(".alerta-seleccionar").removeClass("alerta-seleccionar");
});
function segundaCarga() {
listarColegioEdicion('listaColegios', 'colegio', '15', '<%=estudiante.getProcedencia()%>');
listarDepartamentoEdicion("<%=estudiante.getDepartamento()%>");
listarUniversidadeEdicion('listaUniv1', 'univ_01', '20', '<%=estudiante.getCoduniversidad1()%>');
listarCarreraEdicion('listaCarreras1', 'carrera_01', '22', '<%=estudiante.getCodcarrera1()%>');
listarUniversidadeEdicion('listaUniv2', 'univ_02', '23', '<%=estudiante.getCoduniversidad2()%>');
listarCarreraEdicion('listaCarreras2', 'carrera_02', '25', '<%=estudiante.getCodcarrera2()%>');
listarUniversidadeEdicion('listaUniv3', 'univ_03', '26', '<%=estudiante.getCoduniversidad3()%>');
listarCarreraEdicion('listaCarreras3', 'carrera_03', '28', '<%=estudiante.getCodcarrera3()%>');
listarInstruccioneEdicion('listaGradInst', 'apo_instruccion', '34', '<%=estudiante.getCodinstruccion()%>');
listarProfesioneEdicion('listaProfesiones', 'apo_ocupacion', '35', '<%=estudiante.getCodprofesion()%>');
convertirDateTimePicker();
llenarCombos();
agregarAlResumenAll();
validarTipoDoc(0);
}
function listarDepartamentoEdicion(depa) {
$.ajax({
type: 'POST',
url: '../ServletUbigeo?accion=listarDepartamentoEdicion',
data: 'dep=' + depa,
beforeSend: function () {
}, success: function (resultado) {
$('#listaDepartamentos').html(resultado);
convertirChosen();
}, complete: function () {
listarProvinciaEdicion("<%=estudiante.getProvincia()%>");
}
});
}
function listarDepartamentos() {
$.ajax({
type: 'POST',
url: '../ServletUbigeo?accion=listarDepartamentos',
data: null,
beforeSend: function () {
}, success: function (resultado) {
$('#listaDepartamentos').html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarProvinciaEdicion(prov) {
$.ajax({
type: 'POST',
url: '../ServletUbigeo?accion=listarProvinciaEdicion',
data: 'departamento=' + $("#departamento").val() + "&pro=" + prov,
beforeSend: function () {
}, success: function (resultado) {
$('#listaProvincias').html(resultado);
$('#listaDistritos').html('<label class="control-label" for="distrito"><b>Distrito: </b></label><select class="form-control chosen-select" id="distrito" style="display: none;" data-referencia="14" data-placeholder="Seleccione su Distrito"></select>');
convertirChosen();
}, complete: function () {
listarDistritoEdicion("<%=estudiante.getDistrito()%>");
}
});
}
function listarProvincias(cmbDep) {
$.ajax({
type: 'POST',
url: '../ServletUbigeo?accion=listarProvincias',
data: 'departamento=' + $("#departamento").val(),
beforeSend: function () {
}, success: function (resultado) {
$('#listaProvincias').html(resultado);
$('#listaDistritos').html('<label class="control-label" for="distrito"><b>Distrito: </b></label><select class="form-control chosen-select" id="distrito" style="display: none;" data-referencia="14" data-placeholder="Seleccione su Distrito"></select>');
convertirChosen();
}, complete: function () {
}
});
}
function listarDistritoEdicion(dist) {
$.ajax({
type: 'POST',
url: '../ServletUbigeo?accion=listarDistritoEdicion',
data: 'provincia=' + $("#provincia").val() + '&departamento=' + $("#departamento").val() + "&dis=" + dist,
beforeSend: function () {
}, success: function (resultado) {
$('#listaDistritos').html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarDistritos(cmbProv) {
$.ajax({
type: 'POST',
url: '../ServletUbigeo?accion=listarDistritos',
data: 'provincia=' + $("#provincia").val() + '&departamento=' + $("#departamento").val(),
beforeSend: function () {
}, success: function (resultado) {
$('#listaDistritos').html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarColegioEdicion(id_contenedor, id, num_referencia, cod_Cole) {
$.ajax({
type: 'POST',
url: '../ServletColegio?accion=listarColegioEdicion',
data: 'id_control=' + id + '&num_referencia=' + num_referencia + "&cole=" + cod_Cole,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarColegios(id_contenedor, id, num_referencia) {
$.ajax({
type: 'POST',
url: '../ServletColegio?accion=listarColegios',
data: 'id_control=' + id + '&num_referencia=' + num_referencia,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarUniversidadeEdicion(id_contenedor, id, num_referencia, nom_Univ) {
$.ajax({
type: 'POST',
url: '../ServletUniversidad?accion=listarUniversidadeEdicion',
data: 'id_control=' + id + '&num_referencia=' + num_referencia + "&univ=" + nom_Univ,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarUniversidades(id_contenedor, id, num_referencia) {
$.ajax({
type: 'POST',
url: '../ServletUniversidad?accion=listarUniversidades',
data: 'id_control=' + id + '&num_referencia=' + num_referencia,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarCarreraEdicion(id_contenedor, id, num_referencia, nom_carrera) {
$.ajax({
type: 'POST',
url: '../ServletCarrera?accion=listarCarreraEdicion',
data: 'id_control=' + id + '&num_referencia=' + num_referencia + "&carrera=" + nom_carrera,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarCarreras(id_contenedor, id, num_referencia) {
$.ajax({
type: 'POST',
url: '../ServletCarrera?accion=listarCarreras',
data: 'id_control=' + id + '&num_referencia=' + num_referencia,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarInstruccioneEdicion(id_contenedor, id, num_referencia, nomInstruccion) {
$.ajax({
type: 'POST',
url: '../ServletGradoInstruccion?accion=listarGradoInstruccionEdicion',
data: 'id_control=' + id + '&num_referencia=' + num_referencia + "&inst=" + nomInstruccion,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarGradosInstrucciones(id_contenedor, id, num_referencia) {
$.ajax({
type: 'POST',
url: '../ServletGradoInstruccion?accion=listarGradoInstruccion',
data: 'id_control=' + id + '&num_referencia=' + num_referencia,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarProfesioneEdicion(id_contenedor, id, num_referencia, nom_profesion) {
$.ajax({
type: 'POST',
url: '../ServletProfesion?accion=listarProfesioneEdicion',
data: 'id_control=' + id + '&num_referencia=' + num_referencia + "&profesion=" + nom_profesion,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function listarProfesiones(id_contenedor, id, num_referencia) {
$.ajax({
type: 'POST',
url: '../ServletProfesion?accion=listarProfesiones',
data: 'id_control=' + id + '&num_referencia=' + num_referencia,
beforeSend: function () {
}, success: function (resultado) {
$('#' + id_contenedor).html(resultado);
convertirChosen();
}, complete: function () {
}
});
}
function convertirChosen() {
$(".chosen-select").chosen();
}
function convertirDateTimePicker() {
$('.date-range-picker-single').daterangepicker({
"singleDatePicker": true,
"showDropdowns": true,
"autoApply": true,
"locale": {
"format": "DD/MM/YYYY",
"separator": " - ",
"customRangeLabel": "Personaliza",
"daysOfWeek": [
"Do",
"Lu",
"Ma",
"Mi",
"Ju",
"Vi",
"Sa"
],
"monthNames": [
"Ene",
"Feb",
"Mar",
"Abr",
"May",
"Jun",
"Jul",
"Ago",
"Sep",
"Oct",
"Nov",
"Dic"
],
"firstDay": 1
},
}, function (start, end, label) {
calcularEdad(start);
});
}
function editarAlumno() {
var estado = $('#formulario').validationEngine('validate');
if (estado) {
//OBTENER DATA
var codsede = <%=usuario.getCodigoSede()%>;
var datos = "";
var valor = null;
var referencia = null;
$("*[data-referencia]").each(function (index, elemento) {
valor = elemento.value;
referencia = elemento.dataset.referencia;
if (referencia == 6) {
valor = valor.split("/")[2] + "/" + valor.split("/")[1] + "/" + valor.split("/")[0];
}
datos += referencia + "=" + valor + "&";
});
datos += "codsede=" + codsede;
//MANDAR DATA POR AJAX
$.ajax({
type: 'POST',
url: '../ServletEstudiante?accion=editarEstudiante',
data: datos,
beforeSend: function () {
}, fail: function () {
}, success: function (resultado) {
if (resultado == 1) {
mostrarEdicionCorrecta();
bPreguntar = false;
window.onbeforeunload = preguntarAntesDeSalir;
}
}, complete: function () {
}
});
}
}
function mostrarEdicionCorrecta() {
var mensaje = "El estudiante fue editado correctamente.";
var nomfuncion = "redireccionar();";
var width = "380";
$.ajax({
type: 'POST',
url: '../ServletPopup?accion=popUpNotificacion',
data: 'mensaje=' + mensaje + '&width=' + width + '&nomfuncion=' + nomfuncion,
beforeSend: function () {
}, success: function (resultado) {
$('#popup-notificacion').html(resultado);
}, complete: function () {
$("#popup-notificacion").removeClass('index');
ion.sound.play('pop_cork');
$("#popup-notificacion").modal({
backdrop: 'static',
keyboard: false
});
// tooltips();
}
});
}
//VALIDACIONES
function validarDNI(textbox) {
$.ajax({
type: 'POST',
url: '../ServletEstudiante?accion=validarDNI ',
data: "doc=" + textbox.value,
beforeSend: function () {
}, fail: function () {
}, success: function (resultado) {
if (resultado > 0) {
mostrarDuplicidadDNI();
textbox.value = "";
}
}, complete: function () {
}
});
}
function mostrarDuplicidadDNI() {
var mensaje = "EL NÚMERO DE DOCUMENTO YA ESTA REGISTRADO.";
var nomfuncion = "";
var width = "380";
$.ajax({
type: 'POST',
url: '../ServletPopup?accion=popUpAdvertencia',
data: 'mensaje=' + mensaje + '&width=' + width + '&nomfuncion=' + nomfuncion,
beforeSend: function () {
}, success: function (resultado) {
$('#popup-advertencia').html(resultado);
}, complete: function () {
$("#popup-advertencia").removeClass('index');
ion.sound.play('pop_cork');
$("#popup-advertencia").modal({
backdrop: 'static',
keyboard: false
});
tooltips();
}
});
}
function calcularEdad(edad) {
var fecha = edad;
var hoy = new Date();
var ed = parseInt((hoy - fecha) / 365 / 24 / 60 / 60 / 1000);
$("#edad").val(ed);
}
function redireccionar() {
var dni_alu = $("#num_doc").val();
$.ajax({
type: 'POST',
url: '../ServletEstudiante?accion=validarDNI',
data: "doc=" + dni_alu,
beforeSend: function () {
}, fail: function () {
}, success: function (resultado) {
// alert(resultado+"sd");
if (resultado > 0) {
if (<%=op%> == null) {
window.location.href = "frm_matricula.jsp";
window.name = resultado;
} else {
window.location.href = "principal.jsp"
}
}
}, complete: function () {
}
});
}
function validarCampo(e, tipo) {
var unicode = e.charCode ? e.charCode : e.keyCode
if (tipo == "numerico") {
if (unicode != 8) { //if the key isn't the backspace key (which we should allow)
if (unicode < 48 || unicode > 57) //if not a number
return false //disable key press
}
} else {
if (unicode != 8) { //if the key isn't the backspace key (which we should allow)
if (unicode >= 48 && unicode <= 57) //if a number
return false //disable key press
}
}
}
function validarTipoDoc(mod) {
var valor = $("#tipo_doc").val();
if (mod == 1) {
$("#num_doc").val("");
}
switch (valor) {
case "" :
$("#num_doc").prop("disabled", true)
break;
case "1" :
$("#num_doc").prop("disabled", false)
$("#num_doc").focus();
$("#num_doc").attr("maxlength", 8);
break;
case "2" :
$("#num_doc").prop("disabled", false)
$("#num_doc").focus();
$("#num_doc").attr("maxlength", 12);
break;
case "3" :
$("#num_doc").prop("disabled", false)
$("#num_doc").focus();
$("#num_doc").attr("maxlength", 12);
break;
case "4" :
$("#num_doc").prop("disabled", false)
$("#num_doc").focus();
$("#num_doc").attr("maxlength", 15);
break;
}
}
function mostrarLongitudIncorrecta(mensaje) {
var nomfuncion = "";
var width = "380";
$.ajax({
type: 'POST',
url: '../ServletPopup?accion=popUpAdvertencia',
data: 'mensaje=' + mensaje + '&width=' + width + '&nomfuncion=' + nomfuncion,
beforeSend: function () {
}, success: function (resultado) {
$('#popup-advertencia').html(resultado);
}, complete: function () {
$("#popup-advertencia").removeClass('index');
ion.sound.play('pop_cork');
$("#popup-advertencia").modal({
backdrop: 'static',
keyboard: false
});
tooltips();
}
});
}
function llenarCombos() {
$("#tipo_doc option[value='" +<%=estudiante.getTipodoc()%> + "']").attr("SELECTED", "true");
$("#tipo_colegio option[value='<%=estudiante.getTipo_colegio().trim()%>']").attr("SELECTED", "true");
$("#tipo_estudiante option[value='<%=estudiante.getTipo_estudiante().trim()%>']").attr("SELECTED", "true");
}
function agregarAlResumenAll() {
$("*[data-referencia]").each(function (index, input) {
try {
if (input.value == "null") {
input.value = ""
}
agregarAlResumen(input);
} catch (ex) {
}
});
}
$("body").resize(function (e) {
$("body").css("padding-right", "0px");
});
bPreguntar = true;
window.onbeforeunload = preguntarAntesDeSalir;
function preguntarAntesDeSalir()
{
if (bPreguntar)
return "";
}
</script>
<!--/ END PAGE LEVEL SCRIPTS -->
<!--/ END JAVASCRIPT SECTION -->
<!-- START GOOGLE ANALYTICS - ->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55892530-1', 'auto');
ga('send', 'pageview');
</script>
<!- -/ END GOOGLE ANALYTICS -->
</body>
</html>