sgi/apsa/horariogrupo.php

<?php
    require_once("../include/nocache.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 = 5;
    $submenu = 51;

    //--- 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
    if(!$objSesion->puedeEditar()){
        $errorDesc = "No puedes editar el horario.";
    }
    
    //Revalida permisos de jefes de carreras
    $stmt = $pdo->prepare('Select * from fs_usuario(:id)');
    $stmt->bindParam(":id", $_SESSION["usuario_id"]);
    if(!$stmt->execute()){
        //print_r($stmt->errorInfo());
        header("Location: ../index.php?error=2");
        exit();
    }
    $rs = $stmt->fetch();//Devuelve sólo 1 resultado
    $_SESSION["jefe_carrera"] = $rs["es_JefeCarrera"];
    $rs = null;
    unset($rs);
    
    
    //Obtiene grupos del periodo
    $stmt = $pdo->prepare('Select * from fs_grupo(NULL, :periodo) WHERE "Grupo_copia" IS NULL');
    $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
    if(!$stmt->execute()){
        header("Location: grupos.php?error=4");
        exit();
    }else{
        $grupos_rs = $stmt->fetchAll();
    }
    $stmt->closeCursor();
    if(!is_array($grupos_rs) || count($grupos_rs) == 0){
        header("Location: grupos.php?error=5");
        exit();
    }
    
    if(isset($_POST["grupo"]) && is_numeric($_POST["grupo"]) && $_POST["grupo"] != ""){
        $filter_grupo = filter_input(INPUT_POST, "grupo", FILTER_SANITIZE_NUMBER_INT);//limpia texto

        $stmt = $pdo->prepare('Select * from fs_grupo(:grupo, :periodo)');
        $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
        $stmt->bindParam(":grupo", $filter_grupo);

        if(!$stmt->execute()){
            $errorDesc = "Ocurrió un error al cargar el grupo.";
        }else{
            $grupo_actual_rs = $stmt->fetch();
            if(!is_array($grupo_actual_rs) || count($grupo_actual_rs) == 0){
                $stmt->closeCursor();
                header("Location: grupos.php?error=6");
                exit();
            }
        }
        $stmt->closeCursor();
        //Obtiene materias del grupo
        if(!$_SESSION["sgi_administrador"]){
            $stmt = $pdo->prepare('Select * from fs_materiagrupo(:plan, :sem, :usr)');
            $stmt->bindParam(":usr", $_SESSION["usuario_id"]);
        }else{
            $stmt = $pdo->prepare('Select * from fs_materiagrupo(:plan, :sem, NULL)');
        }
        $stmt->bindParam(":plan", $grupo_actual_rs["PlanEstudio_id"]);
        $stmt->bindParam(":sem", $grupo_actual_rs["Grupo_semestre"]);
        if(!$stmt->execute()){
            //header("Location: materias.php?error=2");
            $errorDesc = "Error al cargar materias";
            //print_r($stmt->errorInfo());
            //exit();
        }else
            $materias_rs = $stmt->fetchAll();
        $stmt->closeCursor();
        
        if(!isset($materias_rs) || count($materias_rs) == 0){
            $errorDesc = "No tienes materias asignadas. No puedes editar ni crear materias para el grupo.";
        }
        
        //Obtiene profesores posibles del grupo
        
        $stmt = $pdo->prepare('Select * from fs_profesores() WHERE "Disponibilidad" = true');
        if(!$stmt->execute()){
            //header("Location: materias.php?error=2");
            $errorDesc = "Error al cargar profesores del grupo";
            print_r($stmt->errorInfo());
            exit();
        }else
            $prof_gpo_rs = $stmt->fetchAll();
        $stmt->closeCursor();
    }
    
    function enBloqueClase($pdo, $hora, $frac, $nivel){
        $stmt = $pdo->prepare('Select * from fs_horaclase(:nivel, NULL)');
        $stmt->bindParam(":nivel", $nivel);
        $stmt->execute();
        $bloque_rs = $stmt->fetchAll();
        
        $horaFracc = $hora .":". (60/FRACCION_HORA*$frac).":00";
        foreach($bloque_rs as $bloque){
            if(strtotime($horaFracc) >= strtotime($bloque["HoraClase_inicio"]) && strtotime($horaFracc) < strtotime($bloque["HoraClase_final"]))
                return "fraccion-sugerida";
        }
        return "";
    }
?>

<!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">
        <link rel="stylesheet" href="./css/horario.css?rand=<?php echo rand();?>" type="text/css">
        <script src="../js/util.js"></script>
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, APSA, "Horarios &raquo; ".$_SESSION["periodo_desc"]);//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //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 las fechas del periodo";
                }else{
                    $periodo_rs = $stmt->fetch();
                }
                $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 grupo."; break;
                        case 1: $errorDesc = "Ocurrió un error al insertar los datos del grupo."; break;
                        case 2: $errorDesc = "Ocurrió un error al actualizar los datos del grupo."; break;
                        case 3: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "El grupo se guardó correctamente."; break;
                        case 1: $successDesc = "El grupo se actualizó correctamente."; break;
                    }
                }
            ?>
            <main class="container-fluid marco pt-3">
            <?php
                $objSesion2 = new ValidaSesion($pdo, 272, APSA);
                if($objSesion2->tieneAcceso()){
            ?>
                <div class="row">
                    <div class="col-sm-12 text-right">
                        <form action="reporte_horariogrupo.php" method="post">
                            <input type="hidden" name="grupo" value="<?php echo $filter_grupo;?>">
                            <p><button type="submit" class="btn btn-outline-secondary"><?php echo $ICO["buscar"];?> Consulta de horario</button></p>
                        </form>
                    </div>
                </div>
            <?php } ?>


                <?php include_once("../include/errorMessage.php"); ?>
                <?php include("../include/periodoCambio.php");?>
                <!-- Filtro -->
                <div class="row">
                    <div class="col-12">
                        <form action="horariogrupo.php" method="post">
                            <div class="form-box form-box-info">
                                <div class="form-group row">
                                    <label for="filter_grupo" class="col-4 col-form-label">Grupo</label> 
                                    <div class="col-8 col-sm-4">
                                        <!--<select id="filter_grupo" name="grupo" class="form-control">
                                            <option value="">Selecciona un grupo</option>
                                            <?php foreach($grupos_rs as $grupo) {
                                                $nombre = "";
                                                //if($_SESSION["nivel_id"] == 1)
                                                    $nombre = $grupo["Grupo_desc"]." ".$grupo["Carrera_prefijo"];
                                                /*else
                                                    $nombre = $grupo["Grupo_desc"];*/
                                            ?>
                                            <option value="<?php echo $grupo["Grupo_id"];?>" <?php if(isset($filter_grupo) && $filter_grupo == $grupo["Grupo_id"]){echo "selected='selected'";}?> ><?php echo $nombre;?></option>
                                            <?php } ?>
                                        </select>-->
                                        <div class="datalist datalist-select mb-1 w-100">
                                            <div class="datalist-input">Selecciona un grupo</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <?php foreach($grupos_rs as $grupo) {
                                                    $nombre = "";
                                                    $nombre = $grupo["Grupo_desc"]." ".$grupo["Carrera_prefijo"];
                                                ?>
                                                <li data-id="<?php echo $grupo["Grupo_id"];?>" <?php if(isset($filter_grupo) && $filter_grupo == $grupo["Grupo_id"]){echo "class='selected'";}?> ><?php echo $nombre;?></li>
                                                <?php }?>
                                            </ul>
                                            <input type="hidden" id="filter_grupo" name="grupo" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-12 text-center">
                                    <button type="button" class="btn btn-outline-primary" id="cambia-grupo"><?php echo $ICO["buscar"]; ?> Ver horario</button>
                                </div>
                            </div>
                         </form>
                    </div>
                </div>
                
            <?php
            if(isset($grupo_actual_rs) && isset($materias_rs) ){//Si existe grupo seleccionado carga horario
            ?>
                <h3 class="mb-3">Grupo <?php echo $grupo_actual_rs["Grupo_desc"]." ".$grupo_actual_rs["Carrera_prefijo"];?></h3>
                
                <?php
                $stmt = $pdo->prepare('Select * from fs_dia(NULL)');
                if(!$stmt->execute()){
                    echo "Error al obtener los días";
                    print_r($stmt->errorInfo());
                }
                $dias_rs = $stmt->fetchAll();
                $stmt->closeCursor();
                
                $stmt = $pdo->prepare('Select * from fs_salon(NULL, NULL, 0, NULL)');
                if(!$stmt->execute()){
                    echo "Error al obtener los salones";
                    print_r($stmt->errorInfo());
                }
                $salones_rs = $stmt->fetchAll();
                $stmt->closeCursor();
                
                $stmt = null;
                
                /* Definidas en constantes.php
                HORA_INICIO = 7;
                HORA_FINAL = 22;
                FRACCION_HORA = 4;*/
                ?>

                <div class="row mb-4">
                    <div class="col-md-6 offset-md-0 col-11 offset-1">
                        <p class="alert-heading font-weight-bold alert alert-info my-0">
                            <a class="d-block collapsed" data-toggle="collapse" href="#materiasBox" role="button" aria-expanded="false" aria-controls="materiasBox">
                            <i class="ing-caret ing-fw float-right"></i> Materias por asignar</a>
                        </p>
                        <div class="col-12 collapse alert alert-info expanded-over" id="materiasBox">
                            <ul class="list-group">
                        <?php foreach($materias_rs as $materia){?>
                                <li class="list-group-item d-flex justify-content-between align-items-center text-80">
                                    <span class="d-inline-block text-truncate"><?php echo $materia["Materia_desc"];?></span>
                                    <span class="badge badge-info badge-pill"><span id="horas-materia-<?php echo $materia["Materia_id"]; ?>" data-max="<?php echo $materia["Materia_horasClase"]+$materia["Materia_horasLab"]; ?>">0</span> / <?php echo $materia["Materia_horasClase"]+$materia["Materia_horasLab"]; ?> hrs</span>
                                </li>
                        <?php } ?>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="w-100 d-block d-sm-block d-md-none"></div>
                    
                    <div class="col-md-5 offset-md-1 col-11 offset-1">
                        <p class="alert-heading font-weight-bold alert alert-info my-0">
                            <a class="d-block collapsed" data-toggle="collapse" href="#fechasBox" role="button" aria-expanded="false" aria-controls="fechasBox">
                            <i class="ing-caret ing-fw float-right"></i> Filtro por fecha</a>
                        </p>
                        <div class="col-12 collapse alert alert-info expanded-over" id="fechasBox">
                            <div class="form-row mb-2">
                                <div class="col-12">
                                    <form class="form-inline">
                                        <label for="filter_fecha" class="my-1 mr-2">Ver horario para fecha</label> 
                                        <input type="text" id="filter_fecha" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" size="10" readonly="readonly">
                                        <div class="input-group-append">
                                            <button class="btn btn-primary" type="reset"><?php echo $ICO['borrar']; ?></button>
                                        </div>
                                        <button type="button" class="btn btn-outline-primary ml-1 btn_filter_fecha">Filtrar</button>
                                    </form>
                                </div>
                                <small id="passwordHelpBlock" class="form-text text-muted">
                                    <em><?php echo $ICO['alerta']; ?> Se ocultarán las materias que no estén activas en esa fecha.</em>
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                
            <?php
                $objSesion2 = new ValidaSesion($pdo, 55, APSA);
                if($objSesion2->tieneAcceso()){
            ?>
                <div class="row">
                    <div class="col-sm-12">
                        <form action="reporte_horarioprofesores.php" method="post" target="_blank">
                            <input type="hidden" name="tipo" value="2">
                            <p>
                                <button type="submit" class="btn btn-outline-secondary btn-sm"><?php echo $ICO["buscar"];?> Horario profesores</button>
                            </p>
                        </form>
                    </div>
                </div>
            <?php } ?>
            </main>
            <div class="container-fluid content marco-wide">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="calendario" aria-selected="true">Calendario</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="lista" aria-selected="false">Lista</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="tab3-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="lista" aria-selected="false">Disponibilidad de profesores</a>
                    </li>
                </ul>
                <div class="tab-content" id="horariosTabContent">
                    <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
                        <form action="horariogrupo.php" method="post">
                            <input type="hidden" name="grupo" value="<?php echo $filter_grupo?>">

                            <div class="mt-2 mb-2">
                                <p><em>Haz clic en el calendario para asignar una materia.</em></p>
                                <p><em>Las materias marcadas con <span class="alerta"><?php echo $ICO["alerta"];?></span> necesitan datos.</em>
                                <div class="row justify-content-md-center">
                                    <div class="col-md-auto">
                                        <table class="table table-sm table-responsive table-borderless table-striped calendario" id="tabla-horario" data-hora-inicio="<?php echo HORA_INICIO;?>" data-fracciones = "<?php echo FRACCION_HORA; ?>">
                                            <thead class="thead-dark">
                                                <tr>
                                                <th>Hora</th>
                                                <?php foreach($dias_rs as $dia){
                                                    echo "<th data='dia_".$dia["Dia_id"]."'>".$dia["Dia_desc"]."</th>";
                                                } ?>
                                                </tr>
                                            </thead>
                                            <tbody id="calendario-body">
                                                <?php
                                                $biccell = false;
                                                for($h = HORA_INICIO, $i=0; $h < HORA_FINAL; $h++, $i++){?>
                                                    <tr>
                                                        <td data-hora="<?php echo $h;?>" data-index="<?php echo $i;?>" class="hora" ><?php echo $h;?>:00 </td>
                                                    <?php
                                                    if(!$biccell){
                                                        $biccell = true;
                                                    ?>
                                                        <td colspan='<?php echo count($dias_rs); ?>' rowspan='<?php echo (HORA_FINAL-HORA_INICIO); ?>'>
                                                            <div class='area-horario'>
                                                                <table class="table table-borderless">
                                                                    <tbody>
                                                                    <?php
                                                                    for($h2 = HORA_INICIO; $h2 < HORA_FINAL; $h2++){
                                                                        for($f = 0; $f < FRACCION_HORA; $f++){
                                                                            echo "<tr class='dia'>";
                                                                            foreach($dias_rs as $dia){
                                                                                //echo "$h2, $f => ".enBloqueClase($h2, $f);
                                                                                $editable = "";
                                                                                if($objSesion->puedeEditar() && $objSesion->fechaJefes()) $editable = "editable";;
                                                                                echo "<td title='".$h2.":".sprintf("%02d", ($f*(60/FRACCION_HORA)))."' data-dia='".$dia["Dia_id"]."' data-hora='".$h2."' data-fraccion='".($f*(60/FRACCION_HORA))."' class='crea-horario fraccion ".$editable." ".enBloqueClase($pdo, $h2, $f, $_SESSION["nivel_id"])."'></td>";
                                                                            }
                                                                            echo "</tr>";
                                                                        }
                                                                    }
                                                                    ?>
                                                                    </tbody>
                                                                </table>
                                                                <div id="bloque-horarios"></div>
                                                            </div>

                                                        </td>
                                                    <?php
                                                    } ?>
                                                    </tr>
                                                <?php } ?>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div><!-- fin tab1 -->
                    
                    <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
                        <div class="row  justify-content-md-center">
                            <div class="col-12 col-md-10 mt-2 table-responsive">
                                <form action="./export/xls_lista_horariogrupo.php" method="post" target="_blank">
                                    <input type="hidden" name="grupo" value="<?php echo $filter_grupo;?>">
                                    <p><button type="submit" class="btn btn-outline-secondary btn-sm"><?php echo $ICO["descargar"];?> Descargar listado</button></p>
                                </form>
                                <table class="table table-striped table-white">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th>Materia</th>
                                            <th>Día</th>
                                            <th>Horario</th>
                                            <th>Profesores</th>
                                        </tr>
                                    </thead>
                                    <tbody id="materiasListBlock">
                                        <tr>
                                            <td>
                                                <span class="area"><?php echo $ICO_LG["circulo"];?></span>
                                                <span class="font-weight-bold materia"></span><br>
                                                Salón: <span class="salon"></span>
                                            </td>
                                            <td class="dia text-center"></td>
                                            <td class="hora text-center"></td>
                                            <td class="profesores"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div><!-- fin tab2 -->
                    
                    <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab3-tab">
                        
                        <div class="row justify-content-md-center">
                            <div class="col-12 col-md-8 mt-2 mb-2">
                                <?php if(!isset($prof_gpo_rs) || count($prof_gpo_rs) == 0){?>
                                <h3 class="text-center text-danger">No hay profesores con disponibilidad de horario asignada</h3>
                                <?php }else{ ?>
                                <form action="horariogrupo.php" method="post">
                                    <div class="form-group row">
                                        <label for="filter_prof" class="col-3 col-form-label text-right">Profesor</label> 
                                        <div class="col-5">
                                            <select id="filter_prof" name="prof" class="form-control">
                                                <option value="">Selecciona un profesor</option>
                                                <?php foreach($prof_gpo_rs as $prof) {?>
                                                <option value="<?php echo $prof["Usuario_id"];?>" ><?php echo $prof["Usuario_apellidos"]." ".$prof["Usuario_nombre"];?></option>
                                                <?php } ?>
                                            </select>
                                            <small class="form-text text-muted">
                                                * Sólo se muestran los profesores que capturaron su disponibilidad
                                            </small>
                                        </div>
                                        <div class="col-4">
                                            <button type="button" class="btn btn-outline-primary" id="btn-disponibilidad"><?php echo $ICO["buscar"]; ?> Ver disponibilidad</button>
                                        </div>
                                    </div>
                                    
                                 </form>
                                <?php } ?>
                            </div>
                        </div>
                        <?php if(isset($prof_gpo_rs) && count($prof_gpo_rs) > 0){?>
                        <div class="row justify-content-md-center">
                            <div class="col-12 mt-2">
                                <div class="mt-2 mb-2">
                                    <table class="table table-sm table-responsive table-borderless table-striped calendario" id="tabla-horario" data-hora-inicio="<?php echo HORA_INICIO;?>" data-fracciones = "<?php echo FRACCION_HORA; ?>">
                                        <thead class="thead-dark">
                                            <tr>
                                            <th>Hora</th>
                                            <?php foreach($dias_rs as $dia){
                                                echo "<th data='dia_".$dia["Dia_id"]."'>".$dia["Dia_desc"]."</th>";
                                            } ?>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php
                                            $biccell = false;
                                            for($h = HORA_INICIO, $i=0; $h < HORA_FINAL; $h++, $i++){?>
                                                <tr>
                                                    <td data-hora="<?php echo $h;?>" data-index="<?php echo $i;?>" class="hora" ><?php echo $h;?>:00 </td>
                                                <?php
                                                if(!$biccell){
                                                    $biccell = true;
                                                ?>
                                                    <td colspan='<?php echo count($dias_rs); ?>' rowspan='<?php echo (HORA_FINAL-HORA_INICIO); ?>'>
                                                        <div class='area-horario'>
                                                            <table class="table table-borderless table-striped">
                                                                <tbody>
                                                                <?php
                                                                for($h2 = HORA_INICIO; $h2 < HORA_FINAL; $h2++){
                                                                    for($f = 0; $f < FRACCION_HORA; $f++){
                                                                        echo "<tr class='dia'>";
                                                                        foreach($dias_rs as $dia){
                                                                            //echo "$h2, $f => ".enBloqueClase($h2, $f);
                                                                            echo "<td title='".$h2.":".sprintf("%02d", ($f*(60/FRACCION_HORA)))."' data-dia='".$dia["Dia_id"]."' data-hora='".$h2."' data-fraccion='".($f*(60/FRACCION_HORA))."' class='fraccion ".enBloqueClase($pdo, $h2, $f, $_SESSION["nivel_id"])."'></td>";
                                                                        }
                                                                        echo "</tr>";
                                                                    }
                                                                }
                                                                ?>
                                                                </tbody>
                                                            </table>
                                                            <div id="bloque-disponibilidad"></div>
                                                        </div>

                                                    </td>
                                                <?php
                                                } ?>
                                                </tr>
                                            <?php } ?>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <?php } ?>
                    </div><!-- fin tab3 -->
                </div>
                
                <!-- Referencia de colores -->
                <?php
                $stmt = $pdo->prepare('Select * from fs_areaacademica(NULL, :nivel)');
                $stmt->bindParam(":nivel", $_SESSION["nivel_id"]);
                $stmt->execute();
                $areas_rs = $stmt->fetchAll();
                $stmt->closeCursor();
                if(count($areas_rs)>0){
                ?>
                <div class="row justify-content-md-center">
                    <div class="col-12">
                        <hr/>
                        <h5 class="mt-2">Áreas académicas</h5>
                    </div>
                    <div class="col-12">
                        <?php foreach($areas_rs as $area){ ?>
                        <span class="tipo-area"><span style="color:<?php echo $area["Area_color"]?>"><?php echo $ICO_LG["circulo"];?></span> <?php echo $area["Area_desc"]?></span>
                        <?php } ?>
                    </div>
                </div>
                <?php } ?>
                
            <?php }//end if existe grupo_actual_rs ?>
            </div>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>
            
            <?php if(isset($grupo_actual_rs)){
                if($objSesion->puedeEditar() && count($materias_rs) > 0){
            ?>
            <!-- 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 Grupo</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="#" method="post" id="formaModal" onsubmit="return false"><!-- submitForm() -->
                                <input type="hidden" name="id" id="id">
                                <input type="hidden" name="id_db" id="id_db">
                                <input type="hidden" name="dia" id="dia">
                                <input type="hidden" name="hora" id="hora">
                                <input type="hidden" name="fraccion" id="fraccion">
                                <div class="form-box">
                                    <div class="form-group  row mb-2">
                                        <label class="col-4">Día y hora</label>
                                        <div class="col-8" id="fecha_horario"></div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="materia" class="col-4 col-form-label">Materia *</label> 
                                        <div class="col-8">
                                            <select name="materia" id="materia" class="form-control" required="required">
                                            <?php
                                            foreach($materias_rs as $mat){?>
                                                <option value="<?php echo $mat["Materia_id"]; ?>" data-tipo="<?php echo $mat["TipoSubmateria_id"]; ?>" data-color="<?php echo $mat["Area_color"]; ?>"><?php echo $mat["Materia_desc"];?></option>
                                            <?php }?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="salon" class="col-4 col-form-label">Salón</label> 
                                        <div class="col-8">
                                            <select name="salon" id="salon" class="form-control">
                                                <option value="" data-desc="">-Pendiente-</option>
                                                <?php
                                                $tipo_old = "";
                                                foreach($salones_rs as $salon){
                                                    if($tipo_old != $salon["TipoSalon_id"]){
                                                        if($tipo_old != "") echo '</optgroup>';
                                                        echo '<optgroup label="'.$salon["TipoSalon_desc"].'">';
                                                        $tipo_old =  $salon["TipoSalon_id"];
                                                    }
                                                    $desc = $salon["Salon_desc"];
                                                    if($salon["Salon_desc_larga"] != ""){ $desc.=" [".$salon["Salon_desc_larga"]."]";}
                                                    ?>
                                                    <option value="<?php echo $salon["Salon_id"]; ?>" data-desc="<?php echo $salon["Salon_desc"];?>"><?php echo $desc;?></option>
                                                    <?php
                                                }
                                                if($tipo_old != "") echo '</optgroup>';
                                                ?>
                                            </select>
                                            <!--<div class="datalist datalist-select mb-1 w-100" id="dlCarrera">
                                                <div class="datalist-input">&nbsp;</div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <?php
                                                    $last_tipo = -1;
                                                    foreach($salones_rs as $salon){
                                                        if($last_tipo != intval($salon["TipoSalon_id"])){
                                                            $last_tipo = intval($salon["TipoSalon_id"]);
                                                    ?>
                                                    <li data-id="" class="not-selectable"><?php echo $salon["TipoSalon_desc"]; ?></li>
                                                    <?php }
                                                    $desc = $salon["Salon_desc"];
                                                    if($salon["Salon_desc_larga"] != ""){ $desc.=" [".$salon["Salon_desc_larga"]."]";}
                                                    ?>
                                                    <li data-id="<?php echo $salon["Salon_id"];?>" class="pl-4"><?php echo $desc;?></li>
                                                    <?php }?>
                                                </ul>
                                                <input type="hidden" id="carrera" name="carrera" value="">
                                            </div>-->
                                            <?php if(trim($grupo_actual_rs["Salon_sugerido"]) != ""){ ?>
                                            <small id="salonHelpBlock" class="form-text text-muted">
                                                <strong>Sugerido:</strong> <?php echo $grupo_actual_rs["Salon_sugerido"]; ?>
                                            </small>
                                            <?php } ?>
                                        </div>
                                    </div>
                                </div>
                                <!-- --- INICIA SUBMATERIA --- -->
                                <div id="submaterias-block" class="my-4">
                                    <div class="row">
                                        <div class="col">
                                            <table class="table table-sm table-striped table-white">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th>Submateria</th>
                                                        <th class="col-submateria-inicial">Inicio</th>
                                                        <th class="col-submateria-final">Fin</th>
                                                        <th>Activa</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="submateria-list">
                                                    <tr>
                                                        <td>
                                                            <span class="submateria-nombre my-2" data-id="0"></span>
                                                        </td>
                                                        <td>
                                                            <input name="submateria_inicial[]" type="text" class="form-control form-control-sm date-picker submateria-inicial" placeholder="dd/mm/aaaa" maxlength="10" readonly="readonly">
                                                        </td>
                                                        <td>
                                                            <input name="submateria_final[]" type="text" class="form-control form-control-sm date-picker submateria-final" placeholder="dd/mm/aaaa" maxlength="10" readonly="readonly">
                                                        </td>
                                                        <td class="text-center pl-4">
                                                            <input name="submateria_activa[]" type="checkbox" class="form-check-input radio-md submateria-activa" value="1" data-nombre="" data-id="">
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!-- --- FIN SUBMATERIA --- -->
                                <!-- --- INICIO PROFESOR --- -->
                                <div class="my-4">
                                    <div class="row mb-2">
                                        <div class="col">
                                            <table class="table table-sm table-borderless table-white">
                                                <thead  class="thead-dark">
                                                    <tr>
                                                        <th class="col-profesor-submateria">Submateria*</th>
                                                        <th>Profesor*</th>
                                                        <th class="col-profesor-salon">Salón</th>
                                                        <th><?php echo $ICO["borrar2"];?></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="profesor-list">
                                                    <tr>
                                                        <td>
                                                            <select name="submateria[]" class="form-control form-control-sm profesor-submateria">
                                                                
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <select name="profesor[]" class="form-control form-control-sm profesor">
                                                                <option value="">-Pendiente-</option>
                                                            </select>
                                                        </td>
                                                        <td class="col-profesor-salon">
                                                            <select name="submateria_salon[]" class="form-control form-control-sm profesor-salon">
                                                                <option value="" data-desc="">-Pendiente-</option>
                                                                <?php
                                                                $tipo_old = "";
                                                                foreach($salones_rs as $salon){
                                                                    if($tipo_old != $salon["TipoSalon_id"]){
                                                                        if($tipo_old != "") echo '</optgroup>';
                                                                        echo '<optgroup label="'.$salon["TipoSalon_desc"].'">';
                                                                        $tipo_old =  $salon["TipoSalon_id"];
                                                                    }
                                                                    $desc = $salon["Salon_desc"];
                                                                    if($salon["Salon_desc_larga"] != ""){ $desc.=" [".$salon["Salon_desc_larga"]."]";}
                                                                    ?>
                                                                    <option value="<?php echo $salon["Salon_id"]; ?>" data-desc="<?php echo $salon["Salon_desc"];?>" ><?php echo $desc;?></option>
                                                                    <?php
                                                                }
                                                                if($tipo_old != "") echo '</optgroup>';
                                                                ?>
                                                            </select>
                                                        </td>
                                                        <td class="text-center"><button type="button" class="btn btn-sm btn-outline-danger borra-profesor"><?php echo $ICO["borrar2"];?></button></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row mb-2 justify-content-center">
                                        <div class="col-6">
                                            <button type="button" class="btn btn-outline-primary btn-block" id="agrega-profesor"><?php echo $ICO["mas"];?> Agregar <span id="btn-tipo-text">profesor</span></button>
                                        </div>
                                    </div>
                                </div>
                                <!-- --- FIN PROFESOR --- -->
                                
                                <div class="row bg-info my-3 px-3">
                                    <div class="col-12">
                                        <p class="alert-heading py-2">
                                            <a class="d-block collapsed" data-toggle="collapse" href="#avanzadoBox" role="button" aria-expanded="false" aria-controls="collapseExample">
                                            <i class="ing-caret ing-fw float-right"></i> Configuración avanzada</a>
                                        </p>
                                    </div>
                                    <div class="col-12 collapse" id="avanzadoBox">
                                        <div class="form-box">
                                            <div class="row form-group">
                                                <label for="duracion" class="col-4 col-form-label">Duración *</label> 
                                                <div class="col-8">
                                                    <select name="duracion" id="duracion" class="form-control" required="required">
                                                        <option value="45">45 minutos</option>
                                                    <?php
                                                    for($d = DURACION_MIN; $d<= DURACION_MAX; $d+=DURACION_STEP){?>
                                                        <option value="<?php echo $d; ?>" <?php if($grupo_actual_rs["Materia_duracion"] == $d){ echo 'selected="selected"'; } ?>><?php echo $d;?> minutos</option>
                                                    <?php }?>
                                                    </select>
                                                    <div class="invalid-feedback">La duración de la materia tiene conflictos con la materia siguiente o está fuera del horario permitido.</div>
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <label for="fecha_inicial" class="col-4 col-form-label">Fecha inicial *</label>
                                                <div class="col-8">
                                                    <input id="fecha_inicial" name="fecha_inicial" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly">
                                                    <div class="invalid-feedback">
                                                    El rango de fechas es inválido o tiene confricto con otro horario.
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <label for="fecha_final" class="col-4 col-form-label">Fecha final *</label> 
                                                <div class="col-8">
                                                    <input id="fecha_final" name="fecha_final" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly">
                                                    <div class="invalid-feedback">
                                                    El rango de fechas es inválido o tiene confricto con otro horario.
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <div id="no-vinculadas-block" class="d-none">
                                            <h5 class="mt-2 font-weight-bold"><span class="ing-link ing-fw"></span> Vincular con grupo</h5>
                                            <p><em>La materia no se puede vicular porque no existen materias relacionadas. <b>Edita las materias</b> para seleccionar cuáles se pueden relacionar entre sí.</em></p>
                                        </div>
                                        <div id="vinculadas-block" class="d-none">
                                            <h5 class="mt-2"><span class="ing-link ing-fw"></span> Vincular con grupo</h5>
                                            <p><em>Al vincular el horario de la materia se crea automáticamente en los grupos seleccionados.</em></p>
                                            <div class="row mb-2">
                                                <div class="col">
                                                    <table class="table table-sm table-borderless">
                                                        <thead class="table-dark">
                                                            <tr>
                                                                <th>Grupo y Materia</th>
                                                                <th>&nbsp;</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="vinculo-list">
                                                            <tr>
                                                                <td>
                                                                    <select name="grupo_vinculo[]" class="form-control form-control-sm grupo_vinculo">
                                                                        <option value="0">- Sin relación -</option>
                                                                    </select>
                                                                </td>
                                                                <td class="text-center"><button type="button" class="btn btn-sm btn-outline-danger borra-vinculo" title="Quitar grupo"><?php echo $ICO["borrar2"];?></button></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="row mb-2  justify-content-center">
                                                <div class="col-6">
                                                    <button type="button" class="btn btn-outline-primary btn-block" id="agrega-vinculo"><?php echo $ICO["mas"];?> Agregar grupo para vincular</button>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <div class="col-12 text-center">
                                        <button type="submit" class="btn btn-outline-primary" 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>
                <?php } //fin puede editar ?>
            <!-- Modal Ver-->
            <div class="modal fade" id="modal_ver" 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">Datos del Horario
                            <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 ">
                            <div class="row mb-2">
                                <div class="col-12">
                                    <h5 class="text-center text-primary"><span class="materia"></span><br>
                                    <span class="salon"></span>
                                    </h5>
                                </div>
                            </div>
                            
                            <h5 style="border-bottom:1px solid #006094;" class="pb-2"><?php echo $ICO["profesor"];?> Profesores</h5>
                            <div class="row mb-2">
                                <div class="col-12 submaterias"></div>
                            </div>
                            
                            <div id="ver-block-vinculados">
                                <h5 style="border-bottom:1px solid #006094;" class="pb-2"><span class="ing-link ing-fw"></span> Grupos vinculados</h5>
                                <div class="row mb-2">
                                    <div class="col-12 vinculados"></div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer bg-primary text-white pb-0">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-6 text-left"><p><span class="dia"></span>, de <span class="hora_inicial"></span> a <span class="hora_final"></span> hrs.</p></div>
                                    <div class="col-6 text-right"><p>Del <span class="fecha_inicial"></span> al <span class="fecha_final"></span></p></div>
                                </div>
                            </div>
                        </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 quitar la materia del horario?</p>
                                    <p>Esta acción no se puede deshacer.</p>
                                    <p id="confirm-vinculada">La materia vinculada no se borrará de los demás grupos, y éstos permaneceran vinculados.</p>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" id="id_borrar" value="">
                            <button type="button" class="btn btn-outline-primary bloque-borra"><?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 }//fin grupo seleccionado ?>
        </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/horario.js"></script>
        <script src="../js/fechas.js"></script>
        <script src="./js/horario_list.js"></script>
        <script src="./js/disponibilidad_read.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>
        <?php if(isset($grupo_actual_rs)){ ?>
            <script>
                var _grupo_id = <?php echo $grupo_actual_rs["Grupo_id"]; ?>;
                var _grupo_duracion = <?php echo $grupo_actual_rs["Materia_duracion"]; ?>;
                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 = { dateFormat: "dd/mm/yy", minDate:_periodo_fecha_inicial, maxDate:_periodo_fecha_final };
                
                var clasesObj = [];
                var _reloadTime = 45; //en segundos, tiempo para refrescar horarios
                var _w = 180, _h = 12;//tamaño de bloques
                var _frac = parseInt($('#tabla-horario').data('fracciones'));
                var _tab_size = 25; //espaciado por cada elemento que colisiona

                var _reloadOnClose = false;
                var id_obj = 0; //id de objeto actual
                var _hora_min = parseInt($('#tabla-horario').data('hora-inicio'));
            </script>
            <?php if($objSesion->puedeEditar() && $objSesion->fechaJefes() && count($materias_rs) > 0){ ?>
            <script src="./js/horario_edicion.js?rand=<?php echo rand();?>"></script>
            <?php }else{//no editar ?>
            <script src="./js/horario_read.js"></script>
        <?php
            }//fin on editar
        } else {//no hay grupo ?>
        <script>
            $(document).on( "click", "#cambia-grupo", function(event){
               $('#cambia-grupo').parents('form').submit();
            });
        </script>
        <?php }?>
    </body>
</html>