<?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 = 25;

    //--- 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 materias de profesor
    if(empty($matArr[2])){
        $stmt = $pdo->prepare('Select * from fs_materiasprofesor(:per, :usr)  ');
    }else{
        $stmt = $pdo->prepare('Select * from fs_materiasprofesor(:per, :usr) ');
        $stmt->bindParam(":sub", $matArr[2]);
    }
    $stmt->bindParam(":per", $_SESSION["periodo_id"]);
    $stmt->bindParam(":usr", $_SESSION["usuario_id"]);
    if(!$stmt->execute()){
        print_r($stmt->errorInfo());
        $errorDesc = "Ocurrió un error al cargar los planes de estudios";
        exit();
    }else
        $mat_rs = $stmt->fetchAll();

    $stmt = null;

    //-------
    function buscaVacacion($fecha, $vacacionesArr){
        $i=0;
        foreach($vacacionesArr as $vacacion){
            if ($vacacion["fecha"] == $fecha){
                return $i;
            }
            $i++;
        }
        return false;
    }

    function getSesiones($arr, $num){
        foreach($arr as $ses){
            if($ses["sesion"] == $num ){
                return $ses["subsesiones"];
            }
        }
        return array();
    }

    //------------
    if(isset($_POST["materia"])){
        $filter_mat = $_POST["materia"];
        $filter_materia_nom = $_POST["materia_nom"];

        $matArr = explode("_",$filter_mat);
       
        if(empty($matArr[2])){
            $stmt = $pdo->prepare('Select * from fs_syllabus(:periodo, :prof, :mat, :gpo, NULL )');
        }else{
            $stmt = $pdo->prepare('Select * from fs_syllabus(:periodo, :prof, :mat, :gpo, :sub )');
            $stmt->bindParam(":sub", $matArr[2]);
        }
        $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
        $stmt->bindParam(":prof", $_SESSION["usuario_id"]);
        $stmt->bindParam(":mat", $matArr[0]);
        $stmt->bindParam(":gpo", $matArr[1]);
        
        if(!$stmt->execute()){
            //print_r($stmt->errorInfo());
            $errorDesc = "Ocurrió un error al cargar los datos del sýllabus";
        }else{
            $syllabus_rs = $stmt->fetch();
        }
        $stmt->closeCursor();
        
        //Obtiene grupos
        $query = "";
        
        //---Tipo de sesiones plan cátedra
        $stmt = $pdo->prepare('Select * from fs_sesioncatedra_tipo(NULL)');
        if(!$stmt->execute()){
            //print_r($stmt->errorInfo());
            $errorDesc = "Ocurrió un error al cargar los días de las materias";
        }else{
            $tipoSesionArr = $stmt->fetchAll();
        }
        $stmt->closeCursor();
        $stmt = null;

        
        //-------------------------
        //Obtiene materias de profesor
        if(empty($matArr[2])){
            $stmt = $pdo->prepare('Select * from fs_materiadias(:usr, :mat, :gpo, NULL)');
        }else{
            $stmt = $pdo->prepare('Select * from fs_materiadias(:usr, :mat, :gpo, :sub)');
            $stmt->bindParam(":sub", $matArr[2]);
        }
        $stmt->bindParam(":usr", $_SESSION["usuario_id"]);
        $stmt->bindParam(":mat", $matArr[0]);
        $stmt->bindParam(":gpo", $matArr[1]);
        if(!$stmt->execute()){
            //print_r($stmt->errorInfo());
            $errorDesc = "Ocurrió un error al cargar los días de las materias";
        }else{
            $rs = $stmt->fetchAll();
            $diasMatArr = array();
            foreach($rs as $dia){
                $diasMatArr[] = array( "dia"=> $dia["Dia_id"], "hora"=>substr($dia["Horario_hora"],0, 5));
            }
        }
        $stmt->closeCursor();
        $stmt = null;
        
        //-------------------------
        //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();
        /*$eventoObj = new Evento(0, "Inicio de cursos","",0, "Fechas importantes", PERIODO_COLOR, $_SESSION["periodo_id"], $periodo_rs["Periodo_fecha_inicial"], true,"","", false);
        $eventoObj->addFecha($periodo_rs["Periodo_fecha_inicial"]);
        $eventos_display = array_merge($eventos_display, $eventoObj->getEventList($mes, $anho));
        $eventoObj = new Evento(0, "Fin de cursos","",0, "Fechas importantes", PERIODO_COLOR, $_SESSION["periodo_id"], $periodo_rs["Periodo_fecha_final"], true,"","", false);
        $eventoObj->addFecha($periodo_rs["Periodo_fecha_final"]);
        $eventos_display = array_merge($eventos_display, $eventoObj->getEventList($mes, $anho));*/

        $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)');
        $stmt->bindParam(":fini", $fecha_min);
        $stmt->bindParam(":ffin", $fecha_max);
        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"]);
            }
        }
        
        $MESES = array(1=>"Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
        $DIAS = array("Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
        $calendario = array();
        $fechasArr = array();
        
        $fecha = $fecha_min;
        $semOld=1;
        //$semana_ini = date("W", strtotime($fecha));
        $cont = 0;
        while (strtotime($fecha) <= strtotime($fecha_max)) {

            if(date("w", strtotime($fecha)) == $diasMatArr[$cont%count($diasMatArr)]["dia"]) {//si es el día que quiero
                
                
                if($semOld != floor($cont/count($diasMatArr))+1){
                    $sem = floor($cont/count($diasMatArr))+1;
                    $semOld = $sem;
                    $calendario[] = array("semana"=>$sem-1, "fechas"=>$fechasArr);
                    $mes_old = $nmes;
                    $fechasArr = array();
                }
                $vacPos = buscaVacacion($fecha, $vacacionesArr);
                
                if($vacPos === false){
                    $fechasArr[] = array("numSesion"=>$cont+1, "fecha"=>fechaSlash($fecha)." ".$diasMatArr[$cont%count($diasMatArr)]["hora"], "habil"=>true, "dia"=>$DIAS[date("w", strtotime($fecha))-1], "titulo"=>"");
                    $cont++;
                    //Si el día de la fecha no es el día del siguiente evento O se reinicia el arreglo de días
                    if(date("w", strtotime($fecha)) != $diasMatArr[$cont%count($diasMatArr)]["dia"] || $cont%count($diasMatArr)==0){
                        $fecha = date ("Y-m-d", strtotime("+1 day", strtotime($fecha)));
                    }
                }else{
                    $fechasArr[] = array("numSesion"=> 0,"fecha"=>fechaSlash($fecha), "habil"=>false, "dia"=>$DIAS[date("w", strtotime($fecha))-1], "titulo"=>$vacacionesArr[$vacPos]["titulo"]);
                    $fecha = date ("Y-m-d", strtotime("+1 day", strtotime($fecha)));
                }
                
            }else{
                $fecha = date ("Y-m-d", strtotime("+1 day", strtotime($fecha)));
            }
        }
        if($semOld != floor($cont/count($diasMatArr))){
            $sem = floor($cont/count($diasMatArr))+1;
        }else{
            $sem = floor($cont/count($diasMatArr));
        }
        $calendario[] = array("semana"=>$sem, "fechas"=>$fechasArr);

        //print_r($vacacionesArr); echo "<hr>";
        //print_r($calendario); exit();

         //---Obtiebe contenido de sesiones plan cátedra
        //echo "Select * from fs_sesioncatedra({$matArr[0]}, {$_SESSION["usuario_id"]}, {$matArr[1]}, NULL, NULL)";
        if(empty($matArr[2])){
            $stmt = $pdo->prepare('Select * from fs_sesioncatedra(:mat, :usr, :gpo, NULL, NULL)');
        }else{
            $stmt = $pdo->prepare('Select * from fs_sesioncatedra(:mat, :usr, :gpo, :sub, NULL)');
            $stmt->bindParam(":sub", $matArr[2]);
        }
        $stmt->bindParam(":usr", $_SESSION["usuario_id"]);
        $stmt->bindParam(":mat", $matArr[0]);
        $stmt->bindParam(":gpo", $matArr[1]);
        if(!$stmt->execute()){
            //print_r($stmt->errorInfo());
            $errorDesc = "Ocurrió un error al cargar las sesiones del plan de cátedra";
        }else{
            $rs = $stmt->fetchAll();
            
            $sesionesArr = array();
            $ses_old = -1;
            $subsesionArr = array();
            $i = -1;
            foreach($rs as $ses){
                
                if($ses_old != $ses["SesionCatedra_numero"]){
                    $i++;
                    $sesionesArr[$i]=array("sesion"=>$ses["SesionCatedra_numero"], "subsesiones"=>array());
                    $ses_old = $ses["SesionCatedra_numero"];
                }
                $sesionesArr[$i]["subsesiones"][] = array("desc"=>$ses["SesionCatedra_desc"], "tipo_id"=>$ses["SesionCatedraTipo_id"], "tipo"=>$ses["SesionCatedraTipo_desc"], "color"=>$ses["SesionCatedraTipo_color"]);
                //$diasMatArr[] = array( "dia"=> $dia["Dia_id"], "hora"=>substr($dia["Horario_hora"],0, 5));
            }
        }
        
        //print_r($sesionesArr); exit();
        $stmt->closeCursor();
        $stmt = null;
    }
?>

<!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/richtext.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, "Syllabus de materias");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                
                //--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."; break;
                        case 1: $errorDesc = "Ocurrió un error al insertar los datos del syllabus."; break;
                        case 2: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                        case 3: $errorDesc = "Ocurrió un error al cargar los datos del syllabus."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "El syllaubus se actualizó correctamente."; break;
                        case 1: $successDesc = "El plan de cátedra se actualizó correctamente."; break;
                    }
                }
            ?>
            <main class="container-fluid content marco">
                <?php if($objSesion->puedeEditar() && 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");?>
                
                <!-- Filtro -->
                <div class="row">
                    <div class="col-12">
                        <form action="syllabus.php" method="post">
                        <input type="hidden" id="filter_materia_nom" name="materia_nom" value="<?php if(isset($filter_materia_nom)) echo $filter_materia_nom;?>">
                            <div class="form-box form-box-info">
                                <div class="form-group row">
                                    <label for="filter_materia" class="col-4 col-form-label">Materia y grupo</label> 
                                    <div class="col-6">
                                        <div class="datalist datalist-select mb-1 w-100" id="dlMateria">
                                            <div class="datalist-input">Mostrar todas</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <?php foreach($mat_rs as $mat) { ?>
                                                <li data-id="<?php echo $mat["Materia_id"]."_".$mat["Grupo_id"]."_".$mat["Submateria_id"];?>" <?php if(isset($filter_mat) && $filter_mat == ($mat["Materia_id"]."_".$mat["Grupo_id"]."_".$mat["Submateria_id"])){
                                                    echo "class='selected'";}?> ><?php echo $mat["Materia_desc"]." - ".$mat["Grupo_desc"].$mat["Carrera_prefijo"];?></li>
                                                <?php }?>
                                            </ul>
                                            <input type="hidden" id="filter_materia" name="materia" value="">
                                        </div>
                                    </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"]; ?> Ver Syllabus</button>
                                    <!--<button type="button" class="btn btn-outline-danger btn-reset"><?php echo $ICO["borrar"]?> Limpiar</button>-->
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <?php if(isset($_POST["materia"])){ ?>
                
                    <div class="mb-3"><a href="#" data-toggle="modal" data-target="#modal" class="btn btn-outline-secondary"><span class="ing-copiar"></span> Copiar datos desde...</a></div>

                <ul class="nav nav-tabs d-print-none mb-4" 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="syllabus" aria-selected="true">Syllabus</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="plan" aria-selected="false">Plan de cátedra</a>
                    </li>
                </ul>
                <div class="tab-content" id="TabContent">
                    <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">

                        <?php if (isset($syllabus_rs)){ ?>
                        
                            
                        <div class="d-flex mt-5 mb-4">
                            <div class="flex-grow-1"><h2 class="font-weight-bold subtitle pr-2"><?php echo $filter_materia_nom;?></h2> </div>
                            <div class="">
                                <form action="./export/pdf_syllabus.php" target="_blank" method="post">
                                    <input type="hidden" name="mat" value="<?php echo $matArr[0];?>">
                                    <input type="hidden" name="gpo" value="<?php echo $matArr[1];?>">
                                    <input type="hidden" name="sub" value="<?php if (isset($matArr[2])){ echo $matArr[2];}?>">
                                    <button type="submit" class="btn btn-outline-secondary"><?php echo $ICO["descargar"];?>Descargar pdf</button>
                                </form>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-12" id="accordion">
                                <form action="./action/syllabus_insert.php" method="post" id="formaSyllabus">
                                    <input type="hidden" value="<?php echo $filter_mat; ?>" name="materia">
                                    <div class="form-box py-0 px-3 mb-0">
                                        <div class="form-group row bg-light mb-0 py-4 rounded-top">
                                            <label for="texto" class="col-3 col-form-label">Información general *</label> 
                                            <div class="col-9">
                                                <textarea name="info" id="info" class="richtext" rows="4"><?php echo $syllabus_rs["Syllabus_desc"];?></textarea>
                                            </div>
                                        </div>
                                    </div>

                                    <h4 class="text-primary mb-0 alert-heading bg-light py-3 pl-5 pr-3 rounded ">
                                        <a data-toggle="collapse" href="#collapseInfo" role="button" aria-expanded="true" aria-controls="collapseExample" class="d-block">
                                            <i class="ing-caret ing-fw float-right"></i>INFORMACIÓN DE LA ASIGNATURA
                                        </a>
                                    </h4>
                                    <div class="form-box collapse show py-4 px-3 mb-0 border-light border" id="collapseInfo" data-parent="#accordion">
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Descripción *</label> 
                                            <div class="col-9">
                                                <textarea name="desc" id="desc" class="richtext" rows="5"><?php echo $syllabus_rs["Syllabus_desc"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Objetivos *</label> 
                                            <div class="col-9">
                                                <textarea name="obj" id="obj" class="richtext" rows="5"><?php echo $syllabus_rs["Syllabus_obj"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Capacidades y habilidades que desarrollar *</label> 
                                            <div class="col-9">
                                                <textarea name="capacidades" id="capacidades" class="richtext" rows="5"><?php echo $syllabus_rs["Syllabus_capacidades"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Prerrequisitos *</label> 
                                            <div class="col-9">
                                                <textarea name="prerrequisitos" id="prerrequisitos" class="richtext" rows="5"><?php echo $syllabus_rs["Syllabus_prerrequisitos"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Temario *</label> 
                                            <div class="col-9">
                                                <textarea name="temario" id="temario" class="richtext-table" rows="15"><?php echo $syllabus_rs["Syllabus_temario"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Construcción de la calificación final *</label> 
                                            <div class="col-9">
                                                <textarea name="calificacion" id="calificacion" class="richtext-table" rows="10"><?php echo $syllabus_rs["Syllabus_calificacion"];?></textarea>
                                            </div>
                                        </div>
                                    
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Fechas importantes *</label> 
                                            <div class="col-9">
                                                <textarea name="fechas" id="fechas" class="richtext-table" rows="10"><?php echo $syllabus_rs["Syllabus_fechas"];?></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <h4 class="text-primary mb-0 alert-heading bg-light py-3 pl-5 pr-3 rounded "ah >
                                        <a class="collapsed d-block" data-toggle="collapse" href="#collapseLin" role="button" aria-expanded="false" aria-controls="collapseExample">
                                        <i class="ing-caret ing-fw float-right"></i>LINEAMIENTOS GENERALES</a>
                                    </h4>
                                    <div class="form-box collapse py-4 px-3 mb-0 border-light border" id="collapseLin" data-parent="#accordion">
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">De la asistencia y puntualidad *</label> 
                                            <div class="col-9">
                                                <textarea name="asistencia" id="asistencia" class="richtext" rows="15"><?php echo $syllabus_rs["Syllabus_asistencia"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Del comportamiento en clase *</label> 
                                            <div class="col-9">
                                                <textarea name="comportamiento" id="comportamiento" class="richtext" rows="15"><?php echo $syllabus_rs["Syllabus_comportamiento"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">De los exámenes *</label> 
                                            <div class="col-9">
                                                <textarea name="examenes" id="examenes" class="richtext" rows="15"><?php echo $syllabus_rs["Syllabus_examenes"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">De las tareas, prácticas y exposiciones *</label> 
                                            <div class="col-9">
                                                <textarea name="tareas" id="tareas" class="richtext" rows="15"><?php echo $syllabus_rs["Syllabus_tareas"];?></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Trabajos de investigación *</label> 
                                            <div class="col-9">
                                                <textarea name="investigacion" id="investigacion" class="richtext" rows="15"><?php echo $syllabus_rs["Syllabus_investigacion"];?></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <h4 class="text-primary mb-0 alert-heading bg-light py-3 pl-5 pr-3 rounded "ah >
                                        <a class="collapsed d-block" data-toggle="collapse" href="#collapseBib" role="button" aria-expanded="false" aria-controls="collapseExample">
                                        <i class="ing-caret ing-fw float-right"></i>BIBLIOGRAFÍA</a>
                                    </h4>
                                    <div class="form-box collapse py-4 px-3 mb-0 border-light border" id="collapseBib" data-parent="#accordion">
                                        <div class="form-group row">
                                            <label for="texto" class="col-3 col-form-label">Bibliografía recomendada *</label> 
                                            <div class="col-9">
                                                <textarea name="bibliografia" id="bibliografia" class="richtext" rows="15"><?php echo $syllabus_rs["Syllabus_bibliografia"];?></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row mt-4">
                                        <div class="col-12 text-center">
                                            <button type="button" class="btn btn-outline-primary" id="submitBtn" data-tipo="1"><?php echo $ICO["aceptar"];?> Guardar Syllabus</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <?php } ?>
                    </div>
                    <!-- Plan de cátedra -->
                    <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
                        <div id="plan_catedra">
                            <div class="row mb-4">
                                <label for="semana" class="col-4 col-form-label text-right barra-right font-weight-bold">Ir a semana</label> 
                                <div class="col-8 col-md-3">
                                    <select id="secciones" class="custom-select">
                                        <?php for($i = 1; $i<=$sem; $i++){?>
                                        <option value="s<?php echo $i;?>">Semana <?php echo $i;?></option>
                                        <?php } ?>
                                    </select>
                                    <!--<div class="datalist datalist-select mb-1 w-100" id="dlSemana">
                                        <div class="datalist-input">Selecciona una semana</div>
                                        <span class="ing-buscar icono"></span>
                                        <ul style="display:none">
                                            <?php for($i = 1; $i<=$sem; $i++){?>
                                                <li data-id="<?php echo $i;?>"><a href="#s<?php echo $i;?>">Semana <?php echo $i;?></a></li>
                                            <?php } ?>
                                        </ul>
                                        <input type="hidden" id="semana" name="semana" value="">
                                    </div>-->
                                </div>
                                
                            </div>
                        <?php
                            $first = true;
                            
                            foreach($calendario as $semana){ ?>
                            <h4 class="text-primary mb-0 alert-heading bg-light py-3 pl-5 pr-3 rounded " id="s<?php echo $semana["semana"];?>">
                                <?php echo "Semana ".$semana["semana"];?><span class="float-right top pointer" title="Ir hasta arriba" style="font-size:11pt;color:#666;">Subir <span class="ing-caret ing-rotate-180"></span></span></small>
                            </h4>
                            
                            <div class="row border-bottom py-3">
                            <?php foreach($semana["fechas"] as $dia){ ?>
                                
                            <?php if($dia["habil"]){ ?>
                                <div class="col-4" data-sesion_num="<?php echo $dia["numSesion"];?>" >
                                    <div class="col-2 text-center ">
                                        <p class="font-weight-bold">Sesión <?php echo $dia["numSesion"];?></p>
                                    </div>
                                    <div class="col-10 sesion-box" data-sesion="<?php echo $dia["numSesion"];?>">
                                        <p class="mb-1"><?php echo $dia["dia"]." ".fechaTexto($dia["fecha"]);?></p>
                                        <?php $sesArr = getSesiones($sesionesArr, $dia["numSesion"]); 
                                        if( count($sesArr)==0){
                                        ?>
                                        <div class="row sesion-evento mb-1">
                                            <div class="col-9">
                                                <div class="input-group-append">
                                                    <input type="text" class="form-control sesion-desc" name="desc[]" placeholder="Temas de la sesión">
                                                    <div class="input-group-text rounded-0 sesion-color" style="width:40px; background-color:<?php echo $tipoSesionArr[0]["SesionCatedraTipo_color"];?>" title="<?php echo $tipoSesionArr[0]["SesionCatedraTipo_desc"];?>"  data-tipo="<?php echo $tipoSesionArr[0]["SesionCatedraTipo_id"];?>">
                                                    </div>
                                                    <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                    </button>
                                                    <div class="dropdown-menu">
                                                        <?php foreach($tipoSesionArr as $tses){?>
                                                        <a class="dropdown-item" href="#" data-color="<?php echo $tses["SesionCatedraTipo_color"];?>" data-tipo="<?php echo $tses["SesionCatedraTipo_id"];?>"><span class="ing-bullet ing-lg mr-2" style="color:<?php echo $tses["SesionCatedraTipo_color"];?>"></span> <?php echo $tses["SesionCatedraTipo_desc"];?></a>
                                                        <?php } ?>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-3 botones">
                                                <button class="btn btn-outline-success btn-agregar"><span class="ing-mas"></span></button>
                                                <button class="btn btn-outline-danger  btn-quitar d-none"><span class="ing-menos"></span></button>
                                            </div>
                                        </div>
                                        <?php }else{
                                            foreach($sesArr as $ses){?>
                                        <div class="row sesion-evento mb-1">
                                            <div class="col-9">
                                                <div class="input-group-append">
                                                    <input type="text" class="form-control sesion-desc" name="desc[]" placeholder="Temas de la sesión" value="<?php echo $ses["desc"] ?>">
                                                    <div class="input-group-text rounded-0 sesion-color" style="width:40px; background-color:<?php echo $ses["color"];?>" title="<?php echo $ses["tipo"];?>"  data-tipo="<?php echo $ses["tipo_id"];?>">
                                                    </div>
                                                    <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                    </button>
                                                    <div class="dropdown-menu">
                                                        <?php foreach($tipoSesionArr as $tses){?>
                                                        <a class="dropdown-item" href="#" data-color="<?php echo $tses["SesionCatedraTipo_color"];?>" data-tipo="<?php echo $tses["SesionCatedraTipo_id"];?>"><span class="ing-bullet ing-lg mr-2" style="color:<?php echo $tses["SesionCatedraTipo_color"];?>"></span> <?php echo $tses["SesionCatedraTipo_desc"];?></a>
                                                        <?php } ?>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-3 botones">
                                                <button class="btn btn-outline-success btn-agregar"><span class="ing-mas"></span></button>
                                                <button class="btn btn-outline-danger  btn-quitar d-none"><span class="ing-menos"></span></button>
                                            </div>
                                        </div>
                                        <?php
                                            }
                                        ?>

                                        <?php } ?>
                                    </div>
                                </div>
                                
                                <?php } else{ //no hàbil?>
                                <div class="col-4 alert-success">
                                    <div class="col-10 offset-2">
                                    <p><?php echo $dia["dia"]." ".fechaTexto($dia["fecha"]);?></p>
                                        <h4 class=""><?php echo $dia["titulo"];?></h4>
                                    </div>
                                </div>
                                <?php } ?>
                                <?php }//for días ?>
                            </div>
                            <?php }//for semanas ?>
                            <div class="row mt-4">
                                <div class="col-12 text-center">
                                    <button type="button" class="btn btn-outline-primary" id="submitBtn2"><?php echo $ICO["aceptar"];?> Guardar Plan de cátedra</button>
                                </div>
                            </div>
                        </div>
                        <form action="./action/plancatedra_insert.php" method="post" id="formPCatedra">
                            <input type="hidden" name="materia" value="<?php echo $filter_mat;?>">
                            <input type="hidden" name="json" value="" id="datos">
                        </form>
                    </div>
                </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">Copiar datos desde&hellip;</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">
                            
                            <input type="hidden" name="id" id="id">
                            <input type="hidden" name="estado" value="1">
                            <div class="form-box">
                                <p>Selecciona la materia de la que deseas obtener los datos para copiarlos a la materia actual.</p>
                                <div class="form-group row" id="periodoBlock">
                                    <label for="prof" class="col-4 col-form-label">Periodo *</label> 
                                    <div class="col-8">
                                        <div class="datalist datalist-select mb-1 w-100" id="dlPeriodoCopy">
                                            <div class="datalist-input">Periodos</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <?php foreach($periodosN_rs as $per){?>
                                                    <li data-id="<?php echo $per["Periodo_id"];?>"><?php echo $per["Periodo_desc"];?></li>
                                                <?php } ?>
                                            </ul>
                                            <input type="hidden" id="periodo_copy" name="periodo" value="">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row" id="materiaBlock">
                                    <label for="horario" class="col-4 col-form-label">Materia original*</label> 
                                    <div class="col-8">
                                        <div class="datalist datalist-select mb-1 w-100" id="dlMateriaCopy">
                                            <div class="datalist-input">Selecciona una materia</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <?php if(isset($mat_rs)){ ?>
                                                <?php foreach($mat_rs as $materia) {
                                                    $nombre = $materia["Materia_desc"]." - ".$materia["Grupo_desc"]." ".$materia["Carrera_prefijo"];
                                                ?>
                                                <li data-id="<?php echo $materia["Materia_id"]."_".$materia["Grupo_id"]."_".$materia["Submateria_id"];?>" <?php if($filter_materia == $materia["Materia_id"] && $filter_grupo == $materia["Grupo_id"]){ echo 'class="selected"'; }?>>
                                                    <?php echo $nombre;?></li>
                                                <?php }?>
                                            <?php } ?>
                                            </ul>
                                            <input type="hidden" id="materia_copy" name="materia" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row" id="periodoBlock">
                                    <label for="prof" class="col-4 col-form-label">Copiar *</label> 
                                    <div class="col-8">
                                        <div class="datalist datalist-select mb-1 w-100" id="dlPeriodoCopy">
                                            <div class="datalist-input">Syllabus y Plan de Cátedra</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <li data-id="1">Syllabus y Plan de Cátedra</li>
                                                <li data-id="2">Syllabus</li>
                                                <li data-id="3">Plan de Cátedra</li>
                                            </ul>
                                            <input type="hidden" id="periodo_copy" name="periodo" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="form-group row mt-3">
                                <div class="col-12 text-center">
                                    <button type="button" class="btn btn-outline-primary" id="copiarBtn" data-tipo="1"><?php echo $ICO["aceptar"];?> Copiar estos datos</button>
                                    <button type="reset" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                                </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 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="">
                            <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/bootstrap/popper.min.js"></script>
        <script src="../js/bootstrap/bootstrap.min.js"></script>
        <script src="../js/fechas.js"></script>
        
        <script src="../js/tinymce/tinymce.min.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();
            });

            tinymce.init({
                selector: '.richtext',
                statusbar: false,
                plugins:["lists link"],
                toolbar: 'undo redo | bold italic underline forecolor backcolor | bullist numlist indent outdent | alignleft aligncenter alignright alignjustify| h3 link | removeformat',
                branding: false,
                menubar: false,
                //valid_elements: "a[href|target=_blank],h3,strong/b,em/i,u,ul,ol,li,blockquote,p[align],br,hr,span[style],-strong/-b,-em/-i,-u,-ul,-ol,-li,-h3,-a,-blockquote,-p,-br,-hr,-span",
                //paste_as_text: true,
                formats: {
                    // Changes the default format for the underline button to produce a span with a class and not merge that underline into parent spans
                    underline: { inline: 'span', styles: { 'text-decoration': 'underline' }, exact: true },
                    strikethrough: { inline: 'span', styles: { 'text-decoration': 'line-through' }, exact: true }
                }
                
            });
            tinymce.init({
                selector: '.richtext-table',
                statusbar: false,
                plugins:["lists link table"],
                toolbar: 'undo redo | bold italic underline forecolor backcolor | bullist numlist indent outdent | alignleft aligncenter alignright alignjustify| h3 link | table removeformat',
                branding: false,
                menubar: false,
                //valid_elements: "a[href|target=_blank],h3,strong/b,em/i,u,ul,ol,li,blockquote,p[align],br,hr,span[style],table,thead,tbody,tr,td,th,-strong/-b,-em/-i,-u,-ul,-ol,-li,-h3,-a,-blockquote,-p,-br,-hr,-span",
                //paste_as_text: true,
                formats: {
                    // Changes the default format for the underline button to produce a span with a class and not merge that underline into parent spans
                    underline: { inline: 'span', styles: { 'text-decoration': 'underline' }, exact: true },
                    strikethrough: { inline: 'span', styles: { 'text-decoration': 'line-through' }, exact: true }
                  }
            });
        </script>
        <?php if($objSesion->puedeEditar()){
            
        ?>
        <script>
            var _periodo_fecha_inicial = "<?php echo fechaSlash($periodo_rs["Periodo_fecha_inicial"]); ?>";
            var _periodo_fecha_final = "<?php echo fechaSlash($periodo_rs["Periodo_fecha_final"]); ?>";
            
            
            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");
                
                if($("#fecha_inicial").val() == ""){
                    $("#fecha_inicial").addClass("is-invalid");
                    error = true;
                }
                if($("#fecha_falta").val() == ""){
                    $("#fecha_falta").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 valida(){
                var  ids=["info", "desc", "obj", "capacidades", "prerrequisitos", "temario", "calificacion", "fechas", "asistencia", "comportamiento", "examenes", "tareas", "investigacion", "bibliografia"];
                var i;
                for(i=0; i<ids.length; i++){
                    if(tinyMCE.get(ids[i]).getContent() == ""){
                        $("#errorBox").collapse('show');
                        $("#errorBox_text").html("Debes completar todos los campos");
                        $('#messageBox')[0].scrollIntoView({ block: "end" });
                        return false;
                    }
                }
                return true;
            }

            
            $(document).ready(function(){
                //$('.richtext').richText();
                setDatalist("#periodo_copy", <?php echo $_SESSION["periodo_id"]; ?>);
                setDatalistFirst("#materia_copy");

                $("#dlMateria ul li").click(function(){//cambia datalist de materia principal
                    var texto = $(this).text();
                    $("#filter_materia_nom").val(texto);
                });

                $('#modal').on('show.bs.modal', function (e) {
                    $("#dlPeriodoCopy ul li:first").click();
                })
                
                $("#dlPeriodoCopy ul li").click(function(){//cambia datalist de modal
                    var per = $(this).data("id");
                    console.log(per);
                    $.ajax({
                        url:  './action/materiasrelacionadasprofesor_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { "id": <?php echo $_SESSION["usuario_id"];?>, "per":per, "mat": $(filter_materia).val()},
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }else{
                                html = "";
                                var total = 0;
                                for(i=0; i<result["materias"].length; i++){
                                    var sub_id = ""
                                    if(result["materias"][i]["Submateria_id"] !== null){
                                        sub_id = result["materias"][i]["Submateria_id"];
                                    }
                                    if(result["materias"][i]["Materia_id"]+'_'+result["materias"][i]["Grupo_id"]+'_'+sub_id != $("#filter_materia").val() ){
                                        nombre = result["materias"][i]["Grupo_desc"]+" "+result["materias"][i]["Carrera_prefijo"]+" - "+result["materias"][i]["Materia_desc"]
                                        html += '<li data-id="'+result["materias"][i]["Materia_id"]+'_'+result["materias"][i]["Grupo_id"]+'_'+sub_id+'">'+nombre+'</li>';
                                        total++;
                                    }
                                }
                                $("#dlMateriaCopy ul").html(html);
                                setDatalistFirst("#materia_copy");
                                if(total==0){
                                    $("#dlMateriaCopy .datalist-input").html("Sin materias relacionadas");
                                }
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            modal.modal('hide');
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax
                });
/*
                $("#dlMateriaCopy ul li").click(function(){//cambia datalist de materia principal
                    
                });*/
                
                $("#submitBtn").click(function(){//Enviar Syllabus
                    if(valida()){
                        $("#formaSyllabus").submit();
                    }
                });
                $("#submitBtn2").click(function(){//Enviar Plan de cátedra
                    var plan = [];
                    var sesion=[];
                    var pos=1;
                    $.each($('.sesion-box'), function(){
                        sesion=[];
                        pos=1;
                        $(this).find('.sesion-evento').each(function(){
                            if($(this).find(".sesion-desc").val().trim()!=""){
                                sesion.push({"pos":pos, "desc": $(this).find(".sesion-desc").val().trim(), "tipo":$(this).find(".sesion-color").data("tipo") });
                            }
                            pos++;
                        });
                        if(sesion.length>0)
                            plan.push({"sesion": $(this).data("sesion"), "contenido":sesion});
                    });
                    
                    $("#datos").val(JSON.stringify(plan));
                    $("#formPCatedra").submit();

                    
                });
                $("#copiarBtn").click(function(){
                    var per =  $("#periodo_copy").val();
                    var mat =  $("#materia_copy").val();
                    console.log(per+" "+mat);
                    $.ajax({
                        url:  './action/syllabus_Select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { "periodo": per, "materia": mat},
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                            }else{
                                var  ids=["info", "desc", "obj", "capacidades", "prerrequisitos", "temario", "calificacion", "fechas", "asistencia", "comportamiento", "examenes", "tareas", "investigacion", "bibliografia"];
                                var i;
                                for(i=0; i<ids.length; i++){
                                    //console.log(result["syllabus"][ids[i]])
                                    tinyMCE.get(ids[i]).setContent(result["syllabus"][ids[i]])
                                }
                            }
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax
                    $('#modal').modal("hide");
                });
                

                // Manejador del cambio de semana
                $("#secciones").change(function() {
                    var seccion = $(this).val();
                    // Movemos la vista a la sección correspondiente
                    $('html, body').animate({
                    scrollTop: $("#" + seccion).offset().top - 120
                    }, 800);
                });
                $(".top").click(function() {
                    $('html, body').animate({
                    scrollTop: $("#tab2").offset().top - 120
                    }, 800);
                });
            });

            $(document).on( "click", ".btn-agregar", function(e){
                var contenedor = $(this).parents(".sesion-box");
                if(contenedor.find(".sesion-evento").length<5){
                    var renglon = $(this).parents(".sesion-evento");
                    new_reng = renglon.clone().appendTo(contenedor);
                    if(contenedor.find(".sesion-evento").length>1){
                        contenedor.find(".btn-quitar").removeClass("d-none");
                        if(contenedor.find(".sesion-evento").length==5){
                            contenedor.find(".sesion-evento .btn-agregar").attr("disabled", true);
                        }
                    }else{
                        contenedor.find(".btn-quitar").addClass("d-none");
                    }
                }
            });

            $(document).on( "click", ".btn-quitar", function(e){
                var contenedor = $(this).parents(".sesion-box");
                if(contenedor.find(".sesion-evento").length>1){
                    var renglon = $(this).parents(".sesion-evento");
                    renglon.remove();
                    contenedor.find(".sesion-evento .btn-agregar").attr("disabled", false);
                }
                if(contenedor.find(".sesion-evento").length==1){
                    contenedor.find(".btn-quitar").addClass("d-none");
                }
            });

            $(document).on( "click", ".dropdown-item", function(e){
                e.preventDefault(); // Evita que se siga el enlace
                var selectedColor = $(this).data('color'); // Obtiene el color seleccionado
                var selectedText = $(this).text();
                var selectedTipo = $(this).data("tipo");
                $(this).parents(".input-group-append").find('.sesion-color').css('background-color', selectedColor).attr("title", selectedText).data("tipo", selectedTipo); // Cambia el color de fuente
                // Cierra el menú desplegable después de seleccionar un ítem
                $(this).closest('.dropdown-menu').prev('.dropdown-toggle').dropdown('toggle');
            });

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