<?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 = 2;
    $submenu = 23;

    //--- Objeto para validar usuario. El id de usuario lo lee desde sesión
    $objSesion = new ValidaSesion($pdo, $submenu, APSA);
    if(!$objSesion->tieneAcceso()){
        $objSesion->terminaSesion();
    }
    $objSesion->validaPeriodoUsuario();//si no tiene periodo manda a main


    //Obtiene fechas de periodo
    $stmt = $pdo->prepare('Select * from fs_periodo(:periodo, NULL, NULL, true)');
    $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
    if(!$stmt->execute()){
        //print_r($stmt->errorInfo());
        $errorDesc = "Ocurrió un error al cargar los datos del periodo";
    }else{
        $periodo_rs = $stmt->fetch();
    }
    $stmt->closeCursor();

    $fecha_min = $periodo_rs["Periodo_fecha_inicial"];
    $fecha_max = $periodo_rs["Periodo_fecha_final"];

    // ---- Obtiene fechas de vacaciones
    $stmt = $pdo->prepare('select * from fs_calendarioevento_categoria(:fini, :ffin, 2, :periodo)');
    $stmt->bindParam(":fini", $fecha_min);
    $stmt->bindParam(":ffin", $fecha_max);
    $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
    if(!$stmt->execute()){
        $errorDesc = "Ocurrió un error al cargar las fechas de vacaciones";
    }else{
        $vacaciones_rs = $stmt->fetchAll();
    }
    $stmt->closeCursor();
    $stmt = null;
    $vacacionesArr = array();//Guarda los días individuales de vacaciones

    
    foreach($vacaciones_rs as $evento){
        $fecha = fechaGuion($evento["CalendarioEvento_fecha"]);
        switch($evento["CalendarioRepeticion_id"]){
            case 1: //diario
                while (strtotime($fecha) <= strtotime($evento["CalendarioReglas_fecha_final"])) {
                    $vacacionesArr[] = array("fecha"=> $fecha, "titulo"=>$evento["CalendarioEvento_titulo"]);
                    $fecha = date ("Y-m-d", strtotime("+1 day", strtotime($fecha)));
                }
            break;
            case 2: //semanal
                $diasArr = explode(",", $evento["CalendarioReglas_dias_str"]);
                while (strtotime($fecha) <= strtotime($evento["CalendarioReglas_fecha_final"])) {
                    if(in_array(date("w", strtotime($fecha)), $diasArr) ){//si es el día que quiero
                        $vacacionesArr[] = array("fecha"=> $fecha, "titulo"=>$evento["CalendarioEvento_titulo"]);
                    }
                    $fecha = date ("Y-m-d", strtotime("+1 day", strtotime($fecha)));
                }
            break;
            case 3://mensual
                $diasArr = explode(",", $evento["CalendarioReglas_dias_str"]);

                //reglas
                $weekTxt = array(1=>"first", 2=>"second", 3=>"third", 4=>"fourth", -1=>"last");
                $dayname = array("sun", "mon", "tue", "wed", "thu", "fri", "sat");

                $fecha = date ("Y-m-01", strtotime($fecha));//empieza a revisar en el primer día del mes
                $semana = $evento["CalendarioReglas_semana"];
                while (strtotime($fecha) <= strtotime($evento["CalendarioReglas_fecha_final"])) {
                    foreach($diasArr as $d){
                        //echo "-->". intval(date("w", strtotime($fecha)))." == ". intval($d)."[".$fecha."]";
                        if($semana == 1 && intval(date("w", strtotime($fecha))) ==  intval($d) ){//si el día actual es el que quiero lo guarda
                            $vacacionesArr[] = array("fecha"=> $fecha, "titulo"=>$evento["CalendarioEvento_titulo"]);
                        }else{//si no calcula siguiente día
                            if(intval(date("w", strtotime($fecha))) ==  intval($d)){
                                $fechaTmp = date ("Y-m-d", strtotime($weekTxt[$semana-1]." ".$dayname[$d], strtotime($fecha))); 
                            }else{
                                $fechaTmp = date ("Y-m-d", strtotime($weekTxt[$semana]." ".$dayname[$d], strtotime($fecha))); 
                            }
                            $vacacionesArr[] = array("fecha"=> $fecha, "titulo"=>$evento["CalendarioEvento_titulo"]);
                        }
                    }
                    $fecha = date ("Y-m-01", strtotime("+1 month", strtotime($fecha)));//siguiente mes primer día
                }
            break;
            default: //no se repite
                $vacacionesArr[] = array("fecha"=> $fecha, "titulo"=>$evento["CalendarioEvento_titulo"]);
        }
    }
    
?>

<!DOCTYPE html>
<html lang="es" prefix="og: http://ogp.me/ns#">
    <head>
	<title>APSA - 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/calendar.css" type="text/css">
        <script src="../js/util.js"></script>
        <style>
            .wizard { height: 20px; width: 80%; background: #D0D0D0; }
            .wizard.full { background: #D0D0D0; }
            .wizard.active > div:first-child { background: #00A6CE;  }
            .wizard.active > div:last-child { width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 6px; border-color: transparent transparent transparent #00a6ce; transform: rotate(0deg); }
        </style>
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, APSA, "Captura de reposiciones de clase");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Obtiene grupos
                $query = "";
                
                
                if(isset($_POST["fecha_ini"]) && $_POST["fecha_ini"]!=""){
                    $filter_fini = trim(filter_input(INPUT_POST, "fecha_ini", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW)));//limpia texto
                    $query.=":f_ini, ";
                }else{
                    $query.="NULL, ";
                }
                if(isset($_POST["fecha_fin"]) && $_POST["fecha_fin"]!=""){
                    $filter_ffin = trim(filter_input(INPUT_POST, "fecha_fin", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW)));//limpia texto
                    $query.=":f_fin, ";
                }else{
                    $query.="NULL, ";
                }

                
                $stmt = $pdo->prepare('Select * from fs_reposicion(NULL, :periodo, NULL, :prof, '.$query.' NULL, 0, NULL )');
                $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
                if(isset($filter_fini)) $stmt->bindParam(":f_ini", $filter_fini); 
                if(isset($filter_ffin)) $stmt->bindParam(":f_fin", $filter_ffin);
                $stmt->bindParam(":prof", $_SESSION["usuario_id"]);
                
                if(!$stmt->execute()){
                    //print_r($stmt->errorInfo());
                    $errorDesc = "Ocurrió un error al cargar las reposiciones";
                }else{
                    $reposiciones_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();
                
                //Obtiene plan de estudios 
                $stmt = $pdo->prepare('Select * from fs_planestudio(:nivel, NULL, NULL, true, NULL, NULL)');
                $stmt->bindParam(":nivel", $_SESSION["nivel_id"]);
                if(!$stmt->execute()){
                    //print_r($stmt->errorInfo());
                    $errorDesc = "Ocurrió un error al cargar los planes de estudios";
                }else
                    $plan_rs = $stmt->fetchAll();
                $stmt->closeCursor();
                
                //Obtiene fechas de periodo
                $stmt = $pdo->prepare('Select * from fs_periodo(:periodo, NULL, NULL, true)');
                $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar las fechas del periodo";
                }else{
                    $periodo_rs = $stmt->fetch();
                }
                $stmt->closeCursor();
                
                //Salones
                $stmt = $pdo->prepare('Select * from fs_salon(NULL, NULL, 0, NULL)');
                if(!$stmt->execute()){
                    $errorDesc =  "Error al obtener los salones";
                    //print_r($stmt->errorInfo());
                }
                $salones_rs = $stmt->fetchAll();
                $stmt->closeCursor();

                //Estado reposicion
                $stmt = $pdo->prepare('Select * from fs_estadoreposicion(NULL)');
                if(!$stmt->execute()){
                    $errorDesc =  "Error al obtener los estados de reposición";
                    //print_r($stmt->errorInfo());
                }
                $estado_rs = $stmt->fetchAll();
                $stmt->closeCursor();
                
                //Materias
                //$stmt = $pdo->prepare('Select * from fs_materiasprofesor(:per, :usr)');
                $stmt = $pdo->prepare('SELECT mh."Horario_id", mh."Materia_desc", mh."Grupo_desc", mh."Carrera_prefijo",d."Dia_id", d."Dia_desc", mh."Hora_inicio"
                FROM fs_mihorario(:usr, :per, 3)  AS mh
                INNER JOIN "Dia" d ON mh."Dia_id" = d."Dia_id"
                WHERE "TipoHorario_id" = 3
                ORDER BY "Grupo_desc", "Materia_desc", d."Dia_id", "Hora_inicio"');

                $stmt->bindParam(":per", $_SESSION["periodo_id"]);
                $stmt->bindParam(":usr", $_SESSION["usuario_id"]);
                if(!$stmt->execute()){
                    $errorDesc =  "Error al obtener las materias";
                }
                $materias_rs = $stmt->fetchAll();
                $stmt->closeCursor();

                if($_SESSION["jefe_carrera"] ){
                    //Profesores del área del profesor
                    $stmt = $pdo->prepare('Select * from fs_profesoresperiodo_jefe(:per, :usr)');
                    $stmt->bindParam(":per", $_SESSION["periodo_id"]);
                    $stmt->bindParam(":usr", $_SESSION["usuario_id"]);
                    if(!$stmt->execute()){
                        $errorDesc =  "Error al obtener el área del usuario";
                        //print_r($stmt->errorInfo());
                    }
                    $prof_rs = $stmt->fetchAll();
                    $stmt->closeCursor();
                }else if($_SESSION["sgi_administrador"]){
                    //Profesores del área del profesor
                    $stmt = $pdo->prepare('Select * from fs_profesoresperiodo_jefe(:per, NULL)');
                    $stmt->bindParam(":per", $_SESSION["periodo_id"]);
                    if(!$stmt->execute()){
                        $errorDesc =  "Error al obtener el área del usuario";
                        //print_r($stmt->errorInfo());
                    }
                    $prof_rs = $stmt->fetchAll();
                    $stmt->closeCursor();
                }
                
                $stmt = null;
                
                if(count($plan_rs) == 0){
                    header("Location: planestudios.php?error=4");
                    exit();
                }
                
                //--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 de la reposición."; break;
                        case 1: $errorDesc = "Ocurrió un error al insertar los datos de la reposición/cambio."; break;
                        case 2: $errorDesc = "Ocurrió un error al actualizar los datos de la reposición/cambio."; break;
                        case 3: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                        case 4: $errorDesc = "Ocurrió un error al cargar los datos de la reposición/cambio."; break;
                        case 6: $errorDesc = "La reposición/cambio que buscas no existe. Consulta la lista de reopsiciones disponibles en esta sección."; break;
                        case 7: $errorDesc = "La reposición/cambio se empalma con el horario del grupo y no se puede guardar."; break;
                        case 8: $errorDesc = "El salón de la reposición está siendo utilizado ese día a esa hora y no se puede guardar."; break;
                        case 9: $errorDesc = "El profesor está asigndo a otra reposición/cambio el mismo día a la misma hora y no se puede guardar."; break;
                        case 10: $errorDesc = "El profesor está asigndo a una materia el mismo día a la misma hora y no se puede guardar."; break;
                        case 11: $errorDesc = "No hay clases asignadas para esa materia y grupo en la fecha de falta."; break;
                        case 12: $errorDesc = "Ocurrió un error al insertar los datos de la reposición/cambio en el servidor remoto."; break;
                        case 13: $errorDesc = "Ocurrió un error al actualizar los datos de la reposición/cambio en el servidor remoto."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "La reposición/cambio se guardó correctamente."; break;
                        case 1: $successDesc = "La reposición/cambio se actualizó correctamente."; break;
                    }
                }
            ?>
            <main class="container-fluid content marco">
                <?php if($objSesion->puedeEditar() && !empty($materias_rs) && duracionMinutos(date("Y-m-d H:i:00"), $periodo_rs["Periodo_fecha_final"] ) > 0){ ?>
                <div class="row mb-3">
                    <div class="col-12 text-right">
                        <button type="button" class="btn btn-outline-secondary abrir-modal" data-tipo="1"><?php echo $ICO["mas"];?> Crear reposición</button>
                    </div>
                </div>
                <?php }?>
                <?php include_once("../include/errorMessage.php");?>
                
                <?php include("../include/periodoCambio.php");?>
                
                <?php if(empty($materias_rs)){ ?>

                    <div class="col-12 text-center">
                        <h4 class="mt-4 text-danger">No tienes materias asignadas en este periodo.</h4>
                    </div>
                <?php }
                
                else if(isset($periodo_rs) && isset($plan_rs)){
                ?>
                
                <!-- Filtro -->
                <div class="row">
                    <div class="col-12">
                        <form action="#" method="post">
                            <div class="form-box form-box-info">
                                
                                <div class="form-group row">
                                    <label for="filter_fecha" class="col-4 col-form-label">Fecha inicial</label> 
                                    <div class="col-8 col-sm-4">
                                        <input id="filter_fecha_ini" name="fecha_ini" type="text" class="form-control date-picker-filtro" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="<?php if(!empty($filter_fini)){ echo fechaSlash($filter_fini);}else{ echo fechaSlash($periodo_rs["Periodo_fecha_inicial"]); }?>">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="filter_fecha" class="col-4 col-form-label">Fecha final</label> 
                                    <div class="col-8 col-sm-4">
                                        <input id="filter_fecha_fin" name="fecha_fin" type="text" class="form-control date-picker-filtro" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="<?php if(!empty($filter_ffin)){ echo fechaSlash($filter_ffin);}else{ echo fechaSlash($periodo_rs["Periodo_fecha_final"]); }?>">
                                    </div>
                                </div>
                                
                            </div>
                            <div class="form-group row">
                                <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>
                
                <div class="row">
                    <?php
                    if(isset($reposiciones_rs) && count($reposiciones_rs)>0){ ?>
                    <div class="col-12 table-responsive">
                        <table class="table table-sm table-striped table-white">
                            <thead class="thead-dark">
                                <tr >
                                    <th>Estado</th>
                                    <th>Materia</th>
                                    <th>Tipo</th>
                                    <th style="width:160px">Fecha falta</th>
                                    <th style="width:160px">Fecha reposición</th>
                                    <th>Salón</th>
                                    <?php if($objSesion->puedeEditar()){ ?><th>Acciones</th><?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                            
                                foreach($reposiciones_rs as $reposicion){
                                ?>
                                <tr data-id="<?php echo $reposicion["Reposicion_id"]; ?>" id="id<?php echo $reposicion["Reposicion_id"]; ?>" data-id_cronos="<?php echo $reposicion["Reposicion_id_cronos"]; ?>">
                                    <td class="align-middle text-center" style="color:<?php echo $reposicion["ReposicionEstado_color"];?>" title="<?php echo $reposicion["ReposicionEstado_desc"];?>">
                                        <?php if($reposicion["ReposicionEstado_id"]<3){ ?>
                                        <div class="wizard <?php if(intval($reposicion["ReposicionEstado_id"])==2) echo "active";?> d-flex mx-auto">
                                            <div class="w-50 h-100"></div>
                                            <div class=""></div>
                                        </div>
                                        <?php } else if($reposicion["ReposicionEstado_id"]==3){?>
                                        <div class="text-success text-center pt-1">
                                            <span class="ing-autorizar ing-lg"></span>
                                        </div>
                                        <?php } else {?>
                                        <div class="text-danger text-center pt-1">
                                            <span class="ing-negar ing-lg"></span>
                                        </div>
                                        <?php } ?>
                                    </td>
                                    <td class="align-middle"><?php echo $reposicion["Materia_desc"]; ?>
                                        (<?php
                                        //if($_SESSION["nivel_id"] == 1)
                                            echo $reposicion["Grupo_desc"]." ".$reposicion["Carrera_prefijo"];
                                        //else
                                            //echo $reposicion["Grupo_desc"];
                                        ?>)
                                    </td>
                                    <td class="align-middle">
                                        <?php if($reposicion["esReposicion"]) echo "Reposición"; else echo "Cambio"; ?>
                                    </td>
                                    <td class="align-middle text-center"><?php
                                        $fechaIArr = explode(" ", $reposicion["Reposicion_fecha_falta"]);
                                        $fechaFArr = explode(" ", $reposicion["Reposicion_fecha_falta"]);
                                        echo fechaSlash($fechaIArr[0]);
                                        ?>
                                    </td>
                                    <td class="align-middle text-center"><?php
                                        $fechaIArr = explode(" ", $reposicion["Reposicion_fecha_nueva"]);
                                        $fechaFArr = explode(" ", $reposicion["Reposicion_fecha_nueva"]);
                                        echo fechaSlash($fechaIArr[0])."<br>".date('H:i', strtotime($fechaIArr[1]))." a ".date('H:i', strtotime($fechaFArr[1]." +90 minute"))." hrs.";
                                        ?>
                                    </td>
                                    <td class="align-middle text-center"><?php
                                        if($reposicion["Salon_desc"] != ""){
                                            echo $reposicion["Salon_desc"];
                                            if($reposicion["Salon_desc_larga"] != "")
                                                echo " (".$reposicion["Salon_desc_larga"].")";
                                        }else
                                            echo "-Pendiente-";
                                        ?>
                                    </td>
                                    
                                    <?php if($objSesion->puedeEditar()){ ?>
                                    <td class="align-middle text-center icono-acciones">
                                        <?php
                                        
                                        //no se cumple la fecha de la reposicion
                                        if(/*duracionMinutos($reposicion["Reposicion_fecha_nueva"], date("Y-m-d H:i:00")) < 0 &&*/ $reposicion["ReposicionEstado_id"] == 1){?>
                                        <a href="#" class="abrir-modal" data-tipo="2" title="Editar"><?php echo $ICO["editar"];?></a>
                                        <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Borrar"><?php echo $ICO["cancelar"];?></a>
                                        <?php } ?>
                                    </td>
                                    <?php } ?>
                                </tr>
                                <?php }
                            ?>
                            </tbody>
                        </table>
                    </div>
                    <?php } else { ?>
                    <div class="col-12 text-center">
                        <h4 class="mt-4 text-danger">No tienes reposiciones disponibles</h4>
                    </div>
                    <?php } ?>
                </div>
                <?php } ?>
            </main>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>
            
            <?php if($objSesion->puedeEditar()){ ?>
            <!-- Modal -->
            <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="col-12 modal-title text-center"><span id="modalLabel">Crear Reposición</span>
                            <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/reposicion_insert.php" method="post" id="formaModal" onsubmit="return submitForm()">
                                <input type="hidden" name="id" id="id">
                                <input type="hidden" name="id_cronos" id="id_cronos">
                                <input type="hidden" name="estado" value="1">
                                <div class="form-box">

                                    <?php if($_SESSION["jefe_carrera"] || $_SESSION["sgi_administrador"]){ ?>
                                    <div class="form-group row" id="profBlock">
                                        <label for="prof" class="col-4 col-form-label">Profesor *</label> 
                                        <div class="col-8">
                                            <div class="datalist datalist-select mb-1 w-100" id="dlProfesor">
                                                <div class="datalist-input">Profesores del área</div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <?php foreach($prof_rs as $prof){?>
                                                        <li data-id="<?php echo $prof["Usuario_id"];?>" <?php if($prof["Usuario_id"]==$_SESSION["usuario_id"]){ echo "class='selected'";} ?> ><?php echo $prof["Usuario_apellidos"].' '.$prof["Usuario_nombre"];?></li>
                                                    <?php } ?>
                                                </ul>
                                                <input type="hidden" id="prof" name="prof" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <?php } ?>
                                    
                                    <div class="form-group row" id="materiaBlock">
                                        <label for="horario" class="col-4 col-form-label">Materia *</label> 
                                        <div class="col-8">
                                            <div class="datalist datalist-select mb-1 w-100" id="dlMateria">
                                                <div class="datalist-input">Selecciona una materia</div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <?php foreach($materias_rs as $mat){ ?>
                                                        <li data-id="<?php echo $mat["Horario_id"];?>" data-dia="<?php echo $mat["Dia_id"];?>" data-hr="<?php echo substr($mat["Hora_inicio"], 0, 2);?>" data-min="<?php echo substr($mat["Hora_inicio"], 3, 2);?>">
                                                            <?php echo $mat["Materia_desc"].' ('.$mat["Grupo_desc"].' '.$mat["Carrera_prefijo"].') - '.$mat["Dia_desc"]." ".substr($mat["Hora_inicio"], 0, -3);?>
                                                        </li>
                                                    <?php } ?>
                                                </ul>
                                                <input type="hidden" id="horario" name="horario" value="">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label for="tipo" class="col-4 col-form-label">Tipo *</label> 
                                        <div class="col-8">
                                            <div class="datalist datalist-select mb-1 w-100" id="dlTipo">
                                                <div class="datalist-input">Reposición</div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <li data-id="1">Reposición</li>
                                                    <li data-id="2">Cambio de salón</li>
                                                </ul>
                                                <input type="hidden" id="tipo" name="tipo" value="1">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row cambio_block materia-block" style="display: none;">
                                        <label for="fecha_cambio" class="col-4 col-form-label">Fecha de cambio *</label> 
                                        <div class="col-8">
                                            <input id="fecha_cambio" name="fecha_cambio" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="">
                                        </div>
                                    </div>

                                    <div class="form-group row repo_block materia-block">
                                        <label for="fecha_falta" class="col-4 col-form-label">Fecha de falta *</label> 
                                        <div class="col-8">
                                            <input id="fecha_falta" name="fecha_falta" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="">
                                        </div>
                                    </div>
                                     <div class="form-group row repo_block materia-block">
                                        <label for="fecha_inicial" class="col-4 col-form-label">Fecha de reposicion *</label> 
                                        <div class="col-8">
                                            <input id="fecha_inicial" name="fecha_inicial" type="text" class="form-control date-picker-future" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="">
                                            <small class="form-text text-muted">Las reposiciones se deben solicitar con al menos 72hrs de anticipación.<br>
                                                        Si repones en sábado, consulta los horarios con tu jefe de carrera.
                                            </small>
                                        </div>
                                    </div>
                                    <div class="form-group row materia-block">
                                        <label for="hora_ini" class="col-4 col-form-label" id="hora_nombre">Hora reposición *</label>
                                        <?php $default_h = 7; $default_m = 15;?>
                                        <div class="col-4">
                                            <select name="hora_ini" id="hora_ini" class="form-control" required="required">
                                                <?php for($h = $default_h; $h < HORA_FINAL; $h++){?>
                                                <option value="<?php echo sprintf( '%02d', $h );?>" <?php if($default_h == $h){ echo 'selected="selected"';}?>><?php echo sprintf( '%02d', $h );?></option>
                                                <?php } ?>
                                            </select>
                                        </div>
                                        <div class="col-4">
                                            <select name="min_ini" id="min_ini" class="form-control" required="required">
                                                <?php for($m = 0; $m < 60; $m+=(60/FRACCION_HORA)){?>
                                                <option value="<?php echo sprintf( '%02d', $m );?>" <?php if($default_m == $m){ echo 'selected="selected"';}?>><?php echo sprintf( '%02d', $m );?></option>
                                                <?php } ?>
                                            </select>
                                        </div>
                                    </div>

                                    
                                    <div class="form-group row materia-block">
                                        <label for="salon" class="col-4 col-form-label">Alumnos aproximados *</label> 
                                        <div class="col-8 col-md-4">
                                            <input type="number" name="alumnos" id="alumnos" class="form-control" value="1" min="1" max="50">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row materia-block">
                                        <label for="aula" class="col-4 col-form-label">Tipo aula *</label> 
                                        <div class="col-8">
                                            <div class="datalist datalist-select mb-1 w-100" id="dlAula">
                                                <div class="datalist-input">Salón</div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <li data-id="1">Salón</li>
                                                    <li data-id="2">Sala de cómputo</li>
                                                    <li data-id="3">Talleres y laboratorios</li>
                                                </ul>
                                                <input type="hidden" id="aula" name="aula" value="1">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-box form-box-info materia-block">
                                    <div class="form-group row">
                                        <label for="comentario" class="col-4 col-form-label">Comentarios</label> 
                                        <div class="col-8">
                                            <p><i>Requerimientos específicos del salón, software especializado, etc.</i></p>
                                            <textarea rows="3" class="form-control" id="comentario" name="comentario"></textarea>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row mt-3">
                                    <div class="offset-4 col-8">
                                        <button type="submit" class="btn btn-outline-primary  materia-block" id="submitBtn" 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 class="modal fade" id="modal_confirm" 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-body">
                            <div class="row">
                                <div class="col">
                                    <p class="font-weight-bold">¿Estás seguro de que quieres borrar la reposición?</p>
                                    <p>Esta acción no se puede deshacer.</p>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" id="id_borrar" value="">
                            <input type="hidden" id="id_cronos_borrar" value="">
                            <button type="button" class="btn btn-outline-primary btn-borrar"><?php echo $ICO["aceptar"];?> Borrar</button>
                            <button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><?php echo $ICO["cancelar"];?> Cancelar</button>
                        </div>
                    </div>
                </div>
            </div>
            <?php } ?>
        </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>
            setDatalist("#periodo", <?php echo $_SESSION["periodo_id"]; ?>);
            $(document).on('click', '#dlPeriodo ul li' ,function(){
                $("#formaPeriodo").submit();
            });
        </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);
                forma.submit();
            });
        </script>
        <?php if($objSesion->puedeEditar()){
            if(strtotime($periodo_rs["Periodo_fecha_inicial"])>strtotime(date("Y-m-d")) )
                $fecha_man = fechaSlash($periodo_rs["Periodo_fecha_inicial"]);
            else{
                $dias = 3;
                if( intval(date("w")) >=3 && intval(date("w"))<=5 )//Mie a Vie
                    $dias+=3;
                else if( intval(date("w")) ==6 )//Sab
                    $dias+=2;
                else if( intval(date("w")) ==0 )//Do
                    $dias+=1;
                
                $fecha_man = date("d/m/Y", strtotime("+".$dias." day"));
            }
        ?>
        <script>
            var vacaciones=[
                <?php foreach($vacacionesArr as $v){ echo '"'.$v["fecha"].'",';} ?>
            ];
            var _dias_asistencia = [];//ya registró asistencia, cambia con ajax
            var _dia_valido = 0;
            var _fecha_manhana = "<?php echo $fecha_man; ?>";
            var _periodo_fecha_inicial = "<?php echo fechaSlash($periodo_rs["Periodo_fecha_inicial"]); ?>";
            var _periodo_fecha_final = "<?php echo fechaSlash($periodo_rs["Periodo_fecha_final"]); ?>";
            var datepickerOptions_filtro = { dateFormat: "dd/mm/yy", minDate:_periodo_fecha_inicial, maxDate:_periodo_fecha_final};

            var datepickerOptions = { dateFormat: "dd/mm/yy", minDate:_periodo_fecha_inicial, maxDate:_periodo_fecha_final,
                beforeShowDay: function(date) {
                    var day = date.getDay();
                    var dateString = $.datepicker.formatDate("yy-mm-dd", date);
                    if (day === _dia_valido) {// 0 representa el domingo
                        if (vacaciones.indexOf(dateString) !== -1 || _dias_asistencia.indexOf(dateString) !== -1) 
                            return [false];
                        else
                            return [true];
                    }else{
                        return [false];
                    }
                    
                }
            };
            var datepickerOptions_future = { dateFormat: "dd/mm/yy", minDate:_fecha_manhana, maxDate:_periodo_fecha_final,
                beforeShowDay: function(date) {
                    var day = date.getDay();
                    var dateString = $.datepicker.formatDate("yy-mm-dd", date);
                    if (day === 0) {// 0 representa el domingo
                        return [false];
                    } else {
                        if (vacaciones.indexOf(dateString) !== -1) {
                            return [false];
                        } else {
                            return [true];
                        }
                    }
                    
                }
            };

            function submitForm(){
                var myBtn = $('#submitBtn');
                var error = false;
                
                $("#gpo").removeClass("is-invalid");
                invalidDatalist("#materia", false);
                $("#fecha_inicial").removeClass("is-invalid");
                $("#fecha_falta").removeClass("is-invalid");
                $("#fecha_cambio").removeClass("is-invalid");
                
                if($("#tipo").val() == 1){//reposición
                    if($("#fecha_falta").val() == ""){
                        $("#fecha_falta").addClass("is-invalid");
                        error = true;
                    }
                    if($("#fecha_inicial").val() == ""){//fecha reposición
                        $("#fecha_inicial").addClass("is-invalid");
                        error = true;
                    }    
                }else{
                    if($("#fecha_cambio").val() == ""){
                        $("#fecha_cambio").addClass("is-invalid");
                        error = true;
                    }
                }
                if($("#horario").val().trim() == "" || $("#horario").val() === null){
                    invalidDatalist("#horario", true);
                    error = true;
                }
                
                if(myBtn.data("tipo") == 2 ){
                    $('#formaModal').prop("action", "./action/reposicion_update.php");
                }else{
                    $('#formaModal').prop("action", "./action/reposicion_insert.php");
                }
                return !error;
            }

            function cambiaTipo(tipo){
                if (tipo == 1){//reposición
                    $(".repo_block").show();
                    $(".cambio_block").hide();
                    $(".repo_block").find("input[type=text]").attr("required", true);
                    $(".cambio_block").find("input[type=text]").removeAttr("required");
                    $("#hora_nombre").text("Hora reposición *");
                }else{//Cambio de salón
                    $(".repo_block").hide();
                    $(".cambio_block").show();
                    $(".repo_block").find("input[type=text]").removeAttr("required");
                    $(".cambio_block").find("input[type=text]").attr("required", true);
                    $("#hora_nombre").text("Hora cambio *");
                    var hora = $("#dlMateria ul li.selected").data("hr");
                    var min = $("#dlMateria ul li.selected").data("min");
                    $("#hora_ini").val(hora)
                    $("#min_ini").val(min)

                }
            }
            
            $(document).ready(function(){
                //fecha de clase
                $(".date-picker" ).datepicker(datepickerOptions);
                $(".date-picker" ).datepicker( $.datepicker.regional[ "es" ] );

                //fecha de clase
                $(".date-picker-filtro" ).datepicker(datepickerOptions_filtro);
                $(".date-picker-filtro" ).datepicker( $.datepicker.regional[ "es" ] );

                //fecha nueva
                $(".date-picker-future" ).datepicker(datepickerOptions_future);
                $(".date-picker-future" ).datepicker( $.datepicker.regional[ "es" ] );
                
                <?php if($_SESSION["jefe_carrera"] || $_SESSION["sgi_administrador"]){ ?>
                function creaOpcion(id_lista, nombre, gpo, dia, hora){
                    return '<li data-id="'+id_lista+'" >'+nombre+' ('+gpo+') - '+dia+' '+hora.substr(0, 5)+'</li>';
                }

                $("#dlProfesor ul li").click(function(){//cambia datalist
                    var pid = $(this).data('id');
                    //busca materias del profesor
                    $.ajax({
                        url:  './action/materiasdiaprofesor_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { id: pid, },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#modal').modal("hide");
                            }else{
                                $("#dlMateria ul").html("");
                                for(i=0; i<result["materias"].length; i++){
                                    var html = creaOpcion(result["materias"][i]["Horario_id"],
                                        result["materias"][i]["Materia_desc"],
                                        result["materias"][i]["Grupo_desc"]+" "+result["materias"][i]["Carrera_prefijo"],
                                        result["materias"][i]["Dia_desc"],
                                        result["materias"][i]["Hora_inicio"]
                                        );
                                    $("#dlMateria ul").append(html);
                                }
                                setDatalistFirst("#horario");
                            }
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $('#modal').modal("hide");
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax
                    
                });
                <?php } ?>
                
                //Actualiza días elegibles de calendario
                $("#dlMateria ul li").click(function(){//cambia datalist
                    _dia_valido = $(this).data('dia');
                    var prof = $("#prof").length > 0 ? $("#prof").val() : "";
                    $.ajax({
                        url:  './action/asistenciasprofesor_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { "id":  prof, "hor": $(this).data("id") },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#modal').modal("hide");
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }else{
                                _dias_asistencia = result["asistenciaArr"];
                            }

                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $('#modal').modal("hide");
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax


                    $(".date-picker" ).datepicker(datepickerOptions);
                    var hora = $(this).data("hr");
                    var min = $(this).data("min");
                    $("#hora_ini").val(hora)
                    $("#min_ini").val(min)
                });
                
                $("#dlTipo ul li").click(function(){//cambia datalist
                    cambiaTipo($(this).data('id'));
                    $(".date-picker" ).datepicker(datepickerOptions);
                });

                $('#modal_confirm').on('show.bs.modal', function (event) {
                    var button = $(event.relatedTarget); // Button that triggered the modal
                    var id = button.parents("tr").data("id");
                    var id_cronos = button.parents("tr").data("id_cronos");
                    $("#id_borrar").val(id);
                    $("#id_cronos_borrar").val(id_cronos);
                });
                
                $(".btn-borrar").click(function(){
                    var id =  $("#id_borrar").val();
                    var cid =  $("#id_cronos_borrar").val();
                    $.ajax({
                        url:  './action/reposicion_delete.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { id: id, id_cronos:cid},
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                            }else{
                                $("#successBox").collapse('show');
                                $("#successBox_text").html(result["ok"]);
                                $("#id"+id).remove();
                            }
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax
                    $('#modal_confirm').modal("hide");
                });

                $('.abrir-modal').click(function(){
                    var button = $(this); // Button that triggered the modal
                    var tipo = button.data('tipo'); // 1 alta, 2 edicion
                    var modal = $('#modal');
                    
                    $("#modal .is-invalid").removeClass("is-invalid");
                    //$(this).find(".form-control:first-child").focus();
                    
                    $("#errorBox").collapse('hide');
                    $("#errorBox_text").html("");
                    if(tipo == 1){//alta
                        $("#id_cronos").val(0);
                        $("#submitBtn").data('tipo', 1);
                        $("#modalLabel").html("Crear Reposición");
                        modal.find("input[type=text]").val("");
                        modal.find("#alumnos").val("15");
                        $("#plan").attr("readonly", false);
                        $("#sem").attr("readonly", false);
                        $("#gpo").attr("readonly", false);
                        //$("#materia").attr("readonly", false);
                        $("#prof").attr("readonly", false);
                        disableDatalist("#horario", false);
                        disableDatalist("#tipo", false);
                        if($("#prof").length>0)
                            disableDatalist("#prof", false);
                        setDatalistFirst("#tipo");
                        setDatalistFirst("#aula");
                        setDatalistFirst("#horario");
                        $("#dlMateria ul li:first").click();
                        //$(".materia-block").addClass("d-none");
                        
                        modal.modal('show');
                    }else{//editar
                        $("#submitBtn").data('tipo', 2);
                        $("#modalLabel").html("Editar Reposición");
                        $("#plan").attr("readonly", true);
                        $("#sem").attr("readonly", true);
                        $("#gpo").attr("readonly", true);
                        //$("#materia").attr("readonly", true);
                        disableDatalist("#horario");
                        disableDatalist("#tipo");
                        if($("#prof").length>0)
                            disableDatalist("#prof");
                        $("#prof").attr("readonly", true);
                        var cid = $(button).parents("tr").data("id");
                        $("#id").val(cid);
                        $.ajax({
                            url:  './action/reposicion_select.php',
                            type: 'POST', 
                            dataType: 'json',
                            data: { id: cid },
                            success: function(result) {
                                if(result["error"]!= "" &&  result["error"] !== undefined){
                                    modal.modal('hide');
                                    $("#errorBox").collapse('show');
                                    $("#errorBox_text").html(result["error"]);
                                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                                }else{
                                    setDatalist("#prof", result["profesor"]);
                                    
                                    $("#id_cronos").val(result["id_cronos"]);
                                    $('#salon').val(result["salon"]);
                                    $("#fecha_falta").val(result["fecha_falta"]);
                                    $('#hora_ini').val(result["hora_ini"]);
                                    $('#min_ini').val(result["min_ini"]);
                                    $('#comentario').val(result["comentario"]);
                                    $('#alumnos').val(result["alumnos"]);
                                    setDatalist("#horario", result["horario"]);
                                    setDatalist("#profesor", result["profesor"]);
                                    if(result["tipo"]){
                                        setDatalist("#tipo", 1);
                                        cambiaTipo(1);
                                        $("#fecha_inicial").val(result["fecha_inicial"]);
                                    }else{
                                        setDatalist("#tipo", 2);
                                        cambiaTipo(2);
                                        $("#fecha_cambio").val(result["fecha_inicial"]);
                                    }
                                    _dia_valido = parseInt(result["dia"]);
                                    $(".date-picker" ).datepicker(datepickerOptions);
                                    $("#dlTipo ul li:selected").click();
                                    setDatalist("#aula", result["aula"]);
                                    modal.modal('show');
                                }
                            },
                            error: function(jqXHR, textStatus, errorThrown ){
                                modal.modal('hide');
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(errorThrown);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }
                        });//ajax
                    }
                    
                });//show
               
            });

        </script>
        <?php } ?>
    </body>
</html>