Atenea
/
sgi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784
							<?php
    require_once("../include/constantes.php");
    require_once("../include/util.php");
    require_once("../include/bd_pdo.php");
    require_once("../classes/ValidaSesion.php");
    require_once("../classes/MainMenu.php");

    $menu = 10;
    $submenu = 103;

    //--- Objeto para validar usuario. El id de alumno lo lee desde sesión
    $objSesion = new ValidaSesion($pdo, $submenu, GEMA);
    if(!$objSesion->tieneAcceso()){
        $objSesion->terminaSesion();
    }
?>

<!DOCTYPE html>
<html lang="es" prefix="og: http://ogp.me/ns#">
    <head>
	<title>GEMA - Facultad de Ingeniería</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" type="image/png" href="../img/favicon.png" />
        <link rel="stylesheet" href="../css/bootstrap-ulsa.min.css" type="text/css">
        <link rel="stylesheet" href="../css/indivisa.css" type="text/css">
        <link rel="stylesheet" href="../css/sgi.css?rand=<?php echo rand();?>" type="text/css">
        <link rel="stylesheet" href="../css/fa_all.css" type="text/css">
        <link rel="stylesheet" href="../css/jquery-ui.css" type="text/css">
        <link rel="stylesheet" href="../css/month-picker.css" type="text/css">
        <link rel="stylesheet" href="../css/calendar.css" type="text/css">
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, GEMA);//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Plan de estudios
                $stmt = $pdo->prepare('Select * from fs_planestudio_alumnos(NULL, NULL, NULL)');
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los planes de estudio";
                }else{
                    $plan_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();
                
                //Obtiene estados
                $stmt = $pdo->prepare("Select * from fs_estadoalumno(NULL)");
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los salones.";
                }else{
                    $estado_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();
                $stmt = null;
                
                
                $query = "";
                if(isset($_POST["desc"])){
                    $query .= ":nom, ";
                    $filter_desc = trim(filter_input(INPUT_POST, "desc", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW)));//limpia texto
                }else{
                    $query .= "NULL, ";
                }
                if(isset($_POST["clave"]) && is_numeric($_POST["clave"]) && trim($_POST["clave"]) != ""){
                    $query .= ":clave, ";
                    $filter_clave = intval(filter_input(INPUT_POST, "clave", FILTER_SANITIZE_NUMBER_INT));//limpia texto
                }else{
                    $query .= "NULL, ";
                }
                $query .= "NULL, ";//curp
                
                if(isset($_POST["plan"]) && is_numeric($_POST["plan"]) && trim($_POST["plan"]) != ""){
                    $query .= ":plan, ";
                    $filter_plan = filter_input(INPUT_POST, "plan", FILTER_SANITIZE_NUMBER_INT);//limpia texto
                }else{
                    $query .= "NULL, ";
                }
                
                if(isset($_POST["generacion"]) && $_POST["generacion"]!=""){
                    $query .= ":gen, ";
                    $filter_gen = fechaGuion(trim(filter_input(INPUT_POST, "generacion", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW))));//limpia texto
                }else{
                    $query .= "NULL, ";
                }
                
                if(isset($_POST["estado"]) && is_numeric($_POST["estado"])){
                    $query .= ":estado, ";
                    $filter_estado = filter_input(INPUT_POST, "estado", FILTER_SANITIZE_NUMBER_INT);//limpia texto
                }else{
                    $query .= "NULL, ";
                }
                $query .= "0, ".MAX_ROWS;
                
                $stmt = $pdo->prepare('Select * from fs_alumnobusca('.$query.')');
                if(isset($filter_desc)) $stmt->bindParam(":nom", $filter_desc);
                if(isset($filter_clave)) $stmt->bindParam(":clave", $filter_clave);
                if(isset($filter_plan)) $stmt->bindParam(":plan", $filter_plan);
                if(isset($filter_gen)) $stmt->bindParam(":gen", $filter_gen);
                if(isset($filter_estado)) $stmt->bindParam(":estado", $filter_estado);
                
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los alumnos.";
                    print_r($stmt->errorInfo());
                }else
                    $usuario_rs = $stmt->fetchAll();
                $stmt->closeCursor();
                $stmt = null;
                
                if(isset($filter_estado)){
                    //Obtiene estados relaconados
                    $stmt = $pdo->prepare("Select * from fs_estadoalumno_relacionado(:id)");
                    $stmt->bindParam(":id", $filter_estado);
                    if(!$stmt->execute()){
                        print_r($stmt->errorInfo());
                        echo "Ocurrió un error al cargar los estados relacionados.";
                    }else{
                        $estadoRel_rs = $stmt->fetchAll();
                    }
                    $stmt->closeCursor();
                    $stmt = null;
                }
                
                //--Manejo de errores y mensajes de exito
                if(isset($_GET["error"]) && is_numeric($_GET["error"])){
                    switch ($_GET["error"]){
                        case 0: $errorDesc = "No se reciberon los datos del alumno."; break;
                        case 1: $errorDesc = "No existe el alumno que buscas. Selecciona una del listado."; break;
                        case 2: $errorDesc = "Ocurrió un error al leer los datos del alumno."; break;
                        case 3: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                        case 4: $errorDesc = "Ocurrió un error al actualizar el estado del alumno."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "El alumno se guardó correctamente."; break;
                        case 1: $successDesc = "El alumno se actualizó correctamente."; break;
                        case 2: $successDesc = "El estado del alumno se actualizó correctamente."; break;
                        case 3: $successDesc = "Los alumnos en el archivo se guardaron correctamente."; break;
                        case 4: $successDesc = "Los alumnos en el archivo se guardaron correctamente. ".$_GET["rep"]." alumnos ya existían y fueron ignorados."; break;
                    }
                }
            ?>
            <main class="container-fluid content marco">
                <div class="row">
                    <div class="col-8">
                        <h2 class="mb-5">Estados de alumnos</h2>
                    </div>
                </div>
                <?php include_once("../include/errorMessage.php");?>
                
                <!-- Filtro -->
                <div class="row justify-content-md-center">
                    <div class="col-12">
                        <form action="#" method="post">
                            <div class="form-box form-box-info">
                                <div class="form-group row">
                                    <label for="filter_desc" class="col-4 col-form-label">Nombre</label> 
                                    <div class="col-8 col-sm-4">
                                        <input id="filter_desc" name="desc" type="text" class="form-control" <?php if(isset($filter_desc) ){echo 'value="'.$filter_desc.'"';}?>>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="filter_clave" class="col-4 col-form-label">Clave ULSA</label> 
                                    <div class="col-8 col-sm-4">
                                        <input id="filter_clave" name="clave" type="text" class="form-control" <?php if(isset($filter_clave) ){echo 'value="'.$filter_clave.'"';}?>>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="filter_plan" class="col-4 col-form-label">Carrera</label>
                                    <div class="col-8 col-sm-4">
                                        <div class="datalist datalist-select mb-1 w-100">
                                            <div class="datalist-input">Mostrar todas</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <li data-id="">Mostrar todas</li>
                                                <?php
                                                $last_nivel = -1;
                                                foreach($plan_rs as $plan){
                                                    if($last_nivel != intval($plan["Nivel_id"])){
                                                        $last_nivel = intval($plan["Nivel_id"]);
                                                ?>
                                                <li data-id="" class="not-selectable"><?php echo $plan["Nivel_desc"]; ?></li>
                                                <?php } ?>
                                                <li data-id="<?php echo $plan["PlanEstudio_id"];?>" class="pl-4 <?php if(isset($filter_plan) && $filter_plan == $plan["PlanEstudio_id"]){ echo 'selected';}?>"><?php echo $plan["Carrera_desc"]." ".$plan["PlanEstudio_desc"];?></li>
                                                <?php }?>
                                            </ul>
                                            <input type="hidden" id="filter_plan" name="plan" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="filter_plan" class="col-4 col-form-label">Estado</label>
                                    <div class="col-8 col-sm-4">
                                        <div class="datalist datalist-select mb-1 w-100">
                                            <div class="datalist-input">Mostrar todos</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <li data-id="">Mostrar todos</li>
                                                <?php foreach($estado_rs as $estado) { ?>
                                                <li data-id="<?php echo $estado["EstadoAlumno_id"];?>" <?php if(isset($filter_estado) && $filter_estado == $estado["EstadoAlumno_id"] ){ echo "class='selected'";}?>><?php echo $estado["EstadoAlumno_desc"];?></li>
                                                <?php }?>
                                            </ul>
                                            <input type="hidden" id="filter_estado" name="estado" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="generacion" class="col-4 col-form-label">Generación</label>
                                    <div class="col-8 col-sm-4">
                                        <input id="generacion" type="text" class="form-control date-picker" placeholder="mm/aaaa" maxlength="10" readonly="true">
                                        <input type="hidden" id="generacion-hidden" name="generacion">
                                        <div class="invalid-feedback">No es una fecha válida.</div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row mb-4">
                                <div class="col-12 text-center">
                                    <button type="submit" class="btn btn-outline-primary"><?php echo $ICO["buscar"]; ?> Filtrar</button>
                                    <button type="button" class="btn btn-outline-danger btn-reset"><?php echo $ICO["borrar"]?> Limpiar</button>
                                </div>
                            </div>
                                
                        </form>
                    </div>
                </div>
                <!-- end Filtro -->
                <?php if(!isset($filter_estado)){//puede seleccionar solo si son del mismo estado ?>
                    <p><span class="ing-importante alerta"></span> <em>Para realizar cambio de estado alumnos por lote debes filtrar por estado.</em></p>
                <?php } ?>
                <div class="row ">
                    <div class="col-12 table-responsive">
                        <p>Se muestran los primeros <strong><?php echo MAX_ROWS;?></strong> resultados. Utiliza los filtros para encontrar el alumno que buscas.</p>
                        <p class="pt-2" style="font-size:80%">
                            <?php foreach ($estado_rs as $edo){ ?>
                            <span class="mr-4"><span class="ing-bullet ing-fw" style="color:<?php echo $edo["EstadoAlumno_color"];?>"></span> <?php echo $edo["EstadoAlumno_desc"];?></span>
                            <?php } ?>
                        </p>
                        <table class="table table-sm table-striped table-white">
                            <thead class="thead-dark">
                                <tr >
                                    <th>Estado</th>
                                    <th>Clave</th>
                                    <th>Nombre</th>
                                    <th>Generación</th>
                                    <th>Carrera</th>
                                    
                                    <?php if($objSesion->puedeEditar()){ ?><th>Acciones</th>
                                        <?php if(isset($filter_estado) && count($usuario_rs) > 0){//puede seleccionar solo si son del mismo estado ?>
                                    <th style="width:30px;" class="px-0">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="selectAll">
                                            <label class="custom-control-label" for="selectAll"></label>
                                        </div>
                                    </th>
                                        <?php } ?>
                                    <?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                foreach($usuario_rs as $usuario){
                                ?>
                                <tr id="<?php echo $usuario["Usuario_claveULSA"]; ?>" data-id="<?php echo $usuario["Usuario_id"]; ?>" data-clave="<?php echo $usuario["Usuario_claveULSA"]; ?>">
                                    <td style="color: <?php echo $usuario["EstadoAlumno_color"];?>" class="row-color text-center" title="<?php echo $usuario["EstadoAlumno_desc"]." - ".$usuario["SubEstadoAlumno_desc"]; ?>">
                                        <?php echo $ICO_LG["circulo"]; ?>
                                    </td>
                                    <td class="text-center font-weight-bold"><?php echo $usuario["Usuario_claveULSA"]; ?></td>
                                    <td><?php echo $usuario["Usuario_apellidos"]." ".$usuario["Usuario_nombre"]; ?></td>
                                    <td class="text-center text-capitalize"><?php echo fechaMonthPicker($usuario["Alumno_generacion"]); ?></td>
                                    <td><?php echo $usuario["Carrera_desc"]." ".$usuario["PlanEstudio_desc"]; ?></td>
                                    
                                    <?php if($objSesion->puedeEditar()){ ?>
                                    <td class="text-center icono-acciones">
                                        <a href="#" data-toggle="modal" data-target="#modal" title="Ver detalle"><?php echo $ICO["ver"];?></a>
                                        <?php if($usuario["EstadoCambio_total"] > 0){ ?>
                                        <a href="#" data-toggle="modal" data-target="#modalEstado" title="Cambiar estado" data-subestado="<?php echo $usuario["SubEstadoAlumno_id"];?>" ><?php echo $ICO["editar"];?></a>
                                        <?php }else{
                                            echo "&nbsp;&nbsp;";
                                        } ?>
                                    </td>
                                    <?php if(isset($filter_estado)){//puede seleccionar solo si son del mismo estado ?>
                                    <td class="px-0">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input select_alumno" id="al<?php echo $usuario["Usuario_claveULSA"]; ?>">
                                            <label class="custom-control-label" for="al<?php echo $usuario["Usuario_claveULSA"]; ?>"></label>
                                        </div>
                                    </td>
                                    <?php } ?>
                                    <?php } ?>
                                </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row justify-content-md-center mt-5">
                    <div class="col-12 col-md-8">
                        <?php if(isset($filter_estado)){//puede seleccionar solo si son del mismo estado ?>
                        <div class="form-box">
                            <div class="form-group row">
                                <label for="estado_lote" class="col-5 col-form-label text-right">Cambiar estado de alumnos marcados a </label> 
                                <div class="col-7">
                                    <div class="input-group">
                                        <!--<select id="estado_lote" name="estado" class="form-control" disabled="disabled">
                                            <?php foreach($estadoRel_rs as $rel){?>
                                            <optgroup label="<?php echo $rel["EstadoAlumno_desc"];?>">
                                                <?php
                                                    $stmt = $pdo->prepare("Select * from fs_subestadoalumno(:edo, NULL)");
                                                    $stmt->bindParam(":edo", $rel["EstadoAlumno_id"]);
                                                    if(!$stmt->execute()){
                                                        $errorDesc = "Ocurrió un error al cargar los subestados de los alumnos.";
                                                    }else{
                                                        foreach($stmt->fetchAll() as $sub){?>
                                                <option value="<?php echo $sub["SubEstadoAlumno_id"];?>"><?php echo $sub["SubEstadoAlumno_desc"];?></option>
                                                        <?php }
                                                    }
                                                    $stmt->closeCursor();
                                                    $stmt = null;
                                                ?>
                                            </optgroup>
                                            <?php } ?>
                                        </select>-->
                                        <div class="datalist datalist-select mb-1 w-100 disabled">
                                            <div class="datalist-input">Selecciona el nuevo estado</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <?php
                                                foreach($estadoRel_rs as $rel){
                                                ?>
                                                <li data-id="" class="not-selectable"><?php echo $rel["EstadoAlumno_desc"];?></li>
                                                <?php
                                                    $stmt = $pdo->prepare("Select * from fs_subestadoalumno(:edo, NULL)");
                                                    $stmt->bindParam(":edo", $rel["EstadoAlumno_id"]);
                                                    if($stmt->execute()){
                                                        foreach($stmt->fetchAll() as $sub){
                                                ?>
                                                <li data-id="<?php echo $sub["SubEstadoAlumno_id"];?>" class="pl-4"><?php echo $sub["SubEstadoAlumno_desc"];?></li>
                                                    <?php }
                                                    }
                                                    $stmt->closeCursor();
                                                    $stmt = null;
                                                }?>
                                            </ul>
                                            <input type="hidden" id="estado_lote" name="estado" value="">
                                        </div>
                                        
                                        <!--<div class="input-group-append">
                                            <button type="button" class="btn btn-outline-primary" id="btn_lote" disabled="disabled"><?php echo $ICO["aceptar"];?> Cambiar</button>
                                        </div>-->
                                    </div>

                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-5 col-form-label" for="fecha_lote">Fecha de cambio</label> 
                                <div class="col-7 estado-color">
                                    <input id="fecha_lote" name="fecha" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" readonly="readonly" value="<?php echo date("d/m/Y");?>">
                                </div>
                            </div>
                            
                        </div>
                        <div class="row justify-content-center text-center ">
                            <div class="col-8 col-md-4">
                                <button type="button" class="btn btn-outline-primary" id="btn_lote" disabled="disabled"><?php echo $ICO["aceptar"];?> Cambiar</button>
                            </div>
                        </div>
                        <?php } else{ ?>
                        <p><span class="ing-importante alerta"></span> <em>Para realizar cambio de estado alumnos por lote debes filtrar por estado.</em></p>
                        <?php } ?>
                    </div>
                </div>

            </main>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>
            

            <!-- Modal -->
            <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header py-0">
                            <div class="col-12 text-center">
                                <h4 class="modal-title" id="modalLabel">
                                    <span class="usuario-nombre"></span>
                                </h4>
                                <p>Clave ULSA: <span class="usuario-clave"></span> |
                                    Ingreso: <span class="usuario-ingreso"></span> |
                                    Estado: <span class="usuario-estado"></span></p>
                                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        </div>
                        <div class="modal-body pb-0">
                            <div>
                                <div class="row">
                                    <div class="col-12">
                                        <table class="table table-sm table-striped table-white">
                                            <thead class="thead-dark">
                                                <tr>
                                                    <th>Fecha</th>
                                                    <th>Estado</th>
                                                    <?php if(isset($_SESSION["sgi_administrador"]) && $_SESSION["sgi_administrador"] == 1){?>
                                                    <th class="text-center">Borrar</th>
                                                    <?php } ?>
                                                </tr>
                                            </thead>
                                            <tbody id="historial-block">
                                                <tr class="estado-log">
                                                    <td class="text-center estado-fecha"></td>
                                                    <td class="text-center estado-color">
                                                        <?php echo $ICO_LG["circulo"];?><span class="ml-2 estado-desc"></span>
                                                        <p class="estado-comentario my-1" style="color:#777; font-size:90%"></p>
                                                    </td>
                                                    <?php if(isset($_SESSION["sgi_administrador"]) && $_SESSION["sgi_administrador"] == 1){?>
                                                    <td class="estado-borrar pointer text-danger text-center"><?php echo $ICO["cancelar"];?></td>
                                                    <?php } ?>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <?php if(isset($_SESSION["sgi_administrador"]) && $_SESSION["sgi_administrador"] == 1){?>
                            <div class="py-2 px-4 mt-4" style="margin-left: -16px; margin-right: -16px; min-height: 38px; ">
                                <div class="row">
                                    
                                    <div class="col-12 text-right">
                                        <button type="button" class="btn btn-outline-primary" id="estado-guardar"><?php echo $ICO["aceptar"];?> Guardar</button>
                                    </div>
                                </div>
                            </div>
                            <?php } ?>
                            
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="modal fade" id="modalEstado" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="col-12 modal-title text-center">Cambiar estado de alumno
                            <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button></h4>
                        </div>
                        <div class="modal-body">
                            <form action="action/cambioestadoalumnos_update.php" method="post" id="formaEstado">
                                <input type="hidden" name="id" id="id_cambio">
                                <input type="hidden" name="target" value="alumnosestados.php">
                                <div class="form-box">
                                    <div class="form-group row">
                                        <label class="col-4 col-form-label">Estado actual</label> 
                                        <div class="col-8 estado-color">
                                            <p class="mb-0 mt-2"><?php echo $ICO_LG["circulo"];?> <span id="static_estado"></span></p>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="cambio_estado" class="col-4 col-form-label" for="cambio_estado">Cambiar a</label> 
                                        <div class="col-8">
                                            <select name="estado" id="cambio_estado" class="form-control">
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-4 col-form-label" for="fecha">Fecha de cambio</label> 
                                        <div class="col-8 estado-color">
                                            <input id="fecha" name="fecha" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" value="<?php echo date("d/m/Y"); ?>" maxlength="10" readonly="readonly">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="comentario" class="col-4 col-form-label">Comentarios</label> 
                                        <div class="col-8">
                                            <textarea id="comentario" name="comentario" rows="3"  class="form-control"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="offset-4 col-8">
                                        <button type="submit" class="btn btn-outline-primary" data-tipo="1"><?php echo $ICO["aceptar"];?> Guardar</button>
                                        <button type="reset" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <script src="../js/jquery.min.js"></script>
        <script src="../js/jquery-ui.js"></script>
        <script src="../js/datepicker-es.js"></script>
        <script src="../js/bootstrap/popper.min.js"></script>
        <script src="../js/bootstrap/bootstrap.min.js"></script>
        <script src="../js/fechas.js"></script>
        <script src="../js/sidebarmenu.js"></script>
        <script src="../js/datalist.js"></script>
        <script src="../js/month-picker.js"></script>
        <script>
            $(document).on( "click", ".btn-reset", function(event){
                var forma = $(this).parents("form");
                forma.find("input[type=text]").val("");
                //forma.find("select").prop("selectedIndex",0);
                setDatalistFirst("#filter_plan");
                setDatalistFirst("#filter_estado");
                $("#generacion-hidden").val("");
                forma.submit();
            });
        </script>
        <?php if($objSesion->puedeEditar()){ ?>
        <script>
            var _estadosBorrarArr = [];
            var _go_top = false;

            $(".date-picker" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true});
            $(".date-picker" ).datepicker( $.datepicker.regional[ "es" ] );

            <?php if(isset($_SESSION["sgi_administrador"]) && $_SESSION["sgi_administrador"] == 1){?>
            $(document).on('click', '.estado-borrar', function() {
                if($(this).parent().data("id") != $(this).parents("#historial-block").find(".estado-log:last-child").data("id")){//no es el último (primer estado de activo)
                    _estadosBorrarArr.push($(this).parent().data("id"));
                    $(this).parent().remove();
                    $("#estado-guardar").removeClass("d-none");
                }
            });
            
            $(document).on('click', '#estado-guardar', function() {
                var clave = $(this).data("clave");
                
                $.ajax({
                    url:  './action/cambioestadoalumnos_delete.php',
                    type: 'POST', 
                    dataType: 'json',
                    data: { idArr: _estadosBorrarArr, usr: clave},
                    success: function(result) {
                        $("#modal").modal("hide");
                        if(result["error"]!= "" &&  result["error"] !== undefined){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(result["error"]);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }else{
                            $("#successBox").collapse('show');
                            $("#successBox_text").html(result["ok"]);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                            $("#"+clave).find(".row-color").css("color", result["datos"]["color"]);
                            $("#"+clave).find(".row-color").prop("title", result["datos"]["estado_desc"]+" - "+result["datos"]["subestado_desc"])
                        }
                        _go_top = true;
                        _estadosBorrarArr = [];
                        
                    },
                    error: function(jqXHR, textStatus, errorThrown ){
                        $("#modal").modal("hide");
                        $("#errorBox").collapse('show');
                        $("#errorBox_text").html(errorThrown);
                        $('#messageBox')[0].scrollIntoView({ block: "end" });
                        _go_top = true;
                    }
                });//ajax
                $("#estado-guardar").addClass("d-none");
            });
            
            
            <?php } ?>
            $(document).ready(function(){
                /*$(".date-picker" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true});
                $(".date-picker" ).datepicker( $.datepicker.regional[ "es" ] );*/
                $('#generacion').MonthPicker({ Button: false, MaxMonth: 2, MonthFormat: 'M, yy', AltFormat: 'yy-mm-dd', AltField: '#generacion-hidden'<?php if(isset($filter_gen)){ echo ", SelectedMonth: '".fechaMonthPicker($filter_gen)."'";}?> }); 
                
                $('#modal').on('hidden.bs.modal', function (event) {
                    if(_go_top){
                        _go_top = false;
                        setTimeout(function(){$('#messageBox')[0].scrollIntoView({ block: "end" });}, 800);
                    }
                });
                
                
                <?php if(isset($filter_estado)  && count($usuario_rs) > 0){//puede seleccionar solo si son del mismo estado ?>
                disableDatalist("#estado_lote", true);
                
                $("#btn_lote").prop("disabled", true);
                
                $("#selectAll").change(function(){
                    var check = $(this).prop("checked");
                    $(".select_alumno").prop("checked", check);
                    
                    //$("#estado_lote").prop("disabled", !check);
                    disableDatalist("#estado_lote", !check);
                    $("#btn_lote").prop("disabled", !check);
                });
                $(".select_alumno").change(function(event){
                    event.stopPropagation();
                    //var check = $(this).prop("checked");
                    var numberOfChecked = $('.select_alumno:checked').length;
                    var totalCheckboxes = $('.select_alumno').length;
                    if(numberOfChecked == totalCheckboxes){
                        $("#selectAll").prop("checked", true);
                    }else{
                        $("#selectAll").prop("checked", false);
                    }
                    if(numberOfChecked > 0){
                        //$("#estado_lote").prop("disabled", false);
                        disableDatalist("#estado_lote", false);
                        $("#btn_lote").prop("disabled", false);
                    }else{
                        //$("#estado_lote").prop("disabled", true);
                        disableDatalist("#estado_lote", true);
                        $("#btn_lote").prop("disabled", true);
                    }
                });
                $("#btn_lote").click(function(){
                    var idArr = [];
                    $(".select_alumno").each(function(index) {
                        if($(this).prop("checked")){
                            idArr.push($(this).parents("tr").data("clave"));
                        }
                    });
                    $.ajax({
                        url:  './action/cambioestadolote_update.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { idArr: idArr, edo:$("#estado_lote").val(), fecha: $("#fecha_lote").val() },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }else{
                                $(".select_alumno:checked").parents("tr").remove();
                                $("#successBox").collapse('show');
                                $("#successBox_text").html(result["ok"]);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                        }
                    });//ajax
                }); //click
                
                <?php } ?>
                //Ver datos de alumno
                $('#modal').on('show.bs.modal', function (event) {
                    $("#errorBox").collapse('hide');
                    $("#errorBox_text").html("");
                    
                    var id =  $(event.relatedTarget).parents("tr").data("id");
                    var clave =  $(event.relatedTarget).parents("tr").data("clave");
                    _estadosBorrarArr = [];
                    
                    $.ajax({
                        url:  './action/alumnoestados_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { id: id , clave: clave},
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }else{
                                $("#modal .usuario-nombre").text(result["apellidos"]+" "+result["nombre"]);
                                $("#modal .usuario-clave").text(result["clave"]);
                                $("#modal .usuario-ingreso").text(result["ingreso"]);
                                
                                $("#modal .col-hide").addClass("d-none");
                                
                                $("#estado-guardar").data("clave", clave);
                                $("#estado-guardar").addClass("d-none");
                                
                                var rows = $("#historial-block > .estado-log").length;//cuenta accesos actuales
                                
                                if(rows > result["subestados"].length){//sobran
                                    //borrar renglones extra (rows - result.length) pero dejar al menos 1
                                    while(rows > result["subestados"].length && rows > 1){
                                        $("#historial-block .estado-log:last-child").remove();
                                        rows--;
                                    }
                                }else{//faltan
                                    // clone the rest of the rows
                                    for(var i=0; i<(result["subestados"].length - rows); i++){
                                        $("#historial-block .estado-log:first-child").clone(true).appendTo("#historial-block");
                                    }
                                }
                                
                                if(result["subestados"].length != 0){//hay subestados?
                                    $("#modal .usuario-estado").text(/*result["subestados"][0]["estado_desc"]+" - "+*/result["subestados"][0]["subestado_desc"]);
                                    $("#historial-block").children().each(function(index) {
                                        if(index < result["subestados"].length){//llenar info
                                            $(this).find(".estado-color").css("color", result["subestados"][index]["color"]);
                                            $(this).find(".estado-desc").html(result["subestados"][index]["estado_desc"]+" - "+result["subestados"][index]["subestado_desc"]);
                                            $(this).find(".estado-fecha").html(result["subestados"][index]["fecha"]);
                                            if(result["subestados"][index]["subestado_comentario"] != ""){
                                                $(this).find(".estado-comentario").removeClass("d-none").text(result["subestados"][index]["subestado_comentario"]);
                                            }else{
                                                $(this).find(".estado-comentario").addClass("d-none");
                                            }
                                            $(this).data("id", result["subestados"][index]["subestado_id"]);
                                        }
                                    });
                                }
                                $("#historial-block .estado-log:not(:last-child)").find(".estado-borrar").removeClass("d-none");
                                $("#historial-block .estado-log:last-child").find(".estado-borrar").addClass("d-none");
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                        }
                    });//ajax
                });//show
                
                //Cambiar estado individual
                $('#modalEstado').on('show.bs.modal', function (event) {
                    $("#errorBox").collapse('hide');
                    $("#errorBox_text").html("");
                    
                    var id =  $(event.relatedTarget).parents("tr").data("clave");
                    var subestado_id =  $(event.relatedTarget).data("subestado");
                    
                    /*var edoDesc = $(event.relatedTarget).data("subestado");
                    var edoColor = $(event.relatedTarget).data("color");
                    var edoID = $(event.relatedTarget).data("estadoid");*/
                    
                    $("#id_cambio").val(id);
                    $.ajax({
                        url:  './action/cambioestadoalumnos_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { usr: id },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                                $("#modalEstado").modal("hide");
                            }else{
                                $("#static_estado").text(result["datos"]["estado_desc"]+" - "+result["datos"]["subestado_desc"]);
                                $("#modalEstado .estado-color").css("color", result["datos"]["color"]);
                                $("#comentario").val("");
                                if(result["estados"]!= "" &&  result["estados"] !== undefined && result["estados"].length > 0){
                                    $("#cambio_estado").find('option').remove();//borra
                                    for(var i=0; i<result["estados"].length; i++){
                                         $("#cambio_estado").append($("<option></option>"));
                                    }
                                    $("#cambio_estado").find('option').each(function(index) {
                                        if(index < result["estados"].length ){//llenar info
                                            if(result["estados"][index]["SubEstadoAlumno_id"] != subestado_id){
                                                $(this).attr("value", result["estados"][index]["SubEstadoAlumno_id"])
                                                    .text(result["estados"][index]["EstadoAlumno_desc"]+" - "+result["estados"][index]["SubEstadoAlumno_desc"]);
                                            }else{
                                                $(this).remove();
                                            }
                                        }
                                    });
                                }else{
                                    $("#errorBox").collapse('show');
                                    $("#errorBox_text").html("No se puede cambiar a otro estado");
                                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                                }
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $("#modalEstado").modal("hide");
                        }
                    });//ajax
                });//click
                
                
            });
        </script>
        <?php } ?>
    </body>
</html>