PAAD
/
paad


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956
							<?php

require_once 'class/c_login.php';
if (!isset($_SESSION['user'])){
    die(header('Location: index.php'));
}

//$user = unserialize($_SESSION['user']);
$user = Login::get_user();

$user->access();

if ($user->acceso === null && !$user->admin){
    die(header('Location: index.php'));
    exit();
}

//if (!$user->admin && in_array($user->acceso, ['n']))
    //die(header('Location: main.php?error=1'));
//$user->print_to_log('Reposiciones');

//$write = $user->admin || in_array($user->acceso, ['w']);
$write = true; //

$en_fecha = $db->querySingle("SELECT ESTA_EN_PERIODO(NOW()::DATE, :periodo_id)", [':periodo_id' => $user->periodo_id])['esta_en_periodo'];


if($user->jefe_carrera){
    //$prof_rs = $db->query('SELECT DISTINCT * FROM fs_profesores(null, null, :fac) ORDER BY PROFESOR_NOMBRE', [':fac' => $user->facultad["facultad_id"]]);
    $prof_rs = $db->query('SELECT DISTINCT PROFESOR.* FROM PUESTO_USUARIO
        JOIN PUESTO_MATERIA USING (PUESTO_ID)
        JOIN HORARIO_VIEW USING (MATERIA_ID)
        JOIN HORARIO_PROFESOR USING (HORARIO_ID)
        JOIN PROFESOR USING (PROFESOR_ID)
        WHERE USUARIO_ID = :usr', [':usr' => $user->user["id"]]);
}else{
    $prof_rs = $db->query('SELECT DISTINCT PROFESOR.* FROM PROFESOR
        JOIN horario_profesor USING (profesor_id)
        JOIN HORARIO_VIEW USING (horario_id)
        WHERE FACULTAD_ID = :fac ORDER BY profesor.profesor_nombre', [':fac' => $user->facultad["facultad_id"]]);
}

//Duraciones
$duracion_rs = $db->query("select * from duracion order by duracion_interval");
$tiposol_rs = $db->query("select * from solicitudtipo order by solicitudtipo_id");

if(!is_null($user->periodo_id)){
    //Obtiene datos de periodo
    $periodo_rs = $db->querySingle('SELECT periodo_fecha_inicio, periodo_fecha_fin FROM periodo WHERE periodo_id = :periodo_id', [':periodo_id' => $user->periodo_id]);
    $periodo_fin = $periodo_rs["periodo_fecha_fin"];
    if(strtotime($periodo_rs["periodo_fecha_inicio"])>strtotime(date("Y-m-d")) )
        $fecha_man = date("d/m/Y", strtotime($periodo_rs["periodo_fecha_inicio"]));
    else{
        $dia_actual = intval(date("w"));
        $dias = 2;//días mínimos Lun a Jue
        if($dia_actual ==5 || $dia_actual ==4 )//Vie
            $dias=4;
        else if( $dia_actual ==6 )//Sab
            $dias=3;
        else if( $dia_actual ==0 )//Do
            $dias=2;
        
        $fecha_man = date("d/m/Y", strtotime("+".$dias." day"));
    }
    /*
    // Materias
    $id_prof = $user->profesor;
    //$facultad_id = 28;
    $materias_rs = $db->query('SELECT * FROM fs_materiasprofesor(:id)', [':id' => $id_prof]);
    */
    if(isset($_POST["fecha_inicial"]))
        $fecha_ini = $_POST["fecha_inicial"];
    else
        $fecha_ini = date("d/m/Y", strtotime($periodo_rs["periodo_fecha_inicio"]));

    if(isset($_POST["fecha_final"]))
        $fecha_fin = $_POST["fecha_final"];
    else
        $fecha_fin = date("d/m/Y", strtotime($periodo_rs["periodo_fecha_fin"]));

    $date = DateTime::createFromFormat('d/m/Y', $fecha_ini);
    $fecha_ini_db = $date->format('Y-m-d');

    $date = DateTime::createFromFormat('d/m/Y', $fecha_fin);
    $fecha_fin_db = $date->format('Y-m-d');
}

?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Solicitudes crear |
        <?= $user->facultad['facultad'] ?? "Administrador"; ?>
    </title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
        integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <?php
    include 'import/html_css_files.php';
    ?>
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link rel="stylesheet" href="css/calendar.css">
    <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>
    <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/jquery-ui.js"></script>
    <script src="js/datepicker-es.js"></script>
</head>
<!--  -->
<body style="display: block;">
    <?php
    include('include/constantes.php');
    include("import/html_header.php");
    html_header("Registro de solicitudes", "Sistema de gestión de checador");
    ?>

    <main class="container content marco content-margin" id="local-app">
        <?php
        if($write==true && isset($prof_rs) && count($prof_rs)>0)  {?>
        <!-- Botón para abrir el modal -->
        <div class="row mb-4">
            <div class="col-12 text-right">
                <div class="btn-group" role="group" aria-label="Basic example">
                    <?php foreach ($tiposol_rs as $tipo){ ?>
                    <button type="button" class="btn btn-outline-primary" data-accion="1" data-tipo="<?php echo $tipo["solicitudtipo_id"];?>" data-toggle="modal" data-target="#modal" <?php if (!$en_fecha ) { echo "disabled"; } ?>><span class="ing-mas ing-fw"></span><?php echo $tipo["solicitudtipo_nombre"];?></button>
                    <?php } ?>
                </div>
            </div>
        </div>
        <?php }?>
        <section id="message"></section>
        <?php require('import/periodo.php') ?>
        <?php if(!is_null($user->periodo_id)) { ?>
        <form id="asistencia" method="post" onsubmit="return validaFechas()">
            <div class="form-box">
                <input type="hidden" name="facultad" value="">
                
                <div class="form-group row">
                    <label for="filtro_inicial" class="col-4 col-form-label">Fecha inicial</label>
                    <div class="col-8 col-sm-4">
                        <input id="filtro_inicial" name="fecha_inicial" type="text" class="form-control date-picker-filtro" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="" value="<?php echo $fecha_ini;?>">
                        <div class="invalid-feedback">No es una fecha válida.</div>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="filtro_final" class="col-4 col-form-label">Fecha final</label>
                    <div class="col-8 col-sm-4">
                        <input id="filtro_final" name="fecha_final" type="text" class="form-control date-picker-filtro" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="" value="<?php echo $fecha_fin;?>">
                        <div class="invalid-feedback">El rango de fechas no es válido.</div>
                    </div>
                </div>
            </div>
            <div class="form-group row justify-content-center">
                <button type="submit" class="btn btn-outline-primary mr-2" id="btn-buscar"><span class="ing-buscar ing-fw"></span> Buscar</button>
                <button type="button" class="btn btn-outline-danger" onclick="window.location.href = window.location.href"><span class="ing-borrar ing-fw"></span> Limpiar</button>
            </div>
        </form>

        <?php
            $reposiciones_rs = $db->query('SELECT * FROM fs_solicitud(NULL, NULL, NULL, :f_ini, :f_fin, NULL,  :usr, null)', [':f_ini' => $fecha_ini_db, ':f_fin' => $fecha_fin_db, ':usr' => $user->user["id"]]);
        }
        ?>

        <div class="row">
            <?php
            if(isset($reposiciones_rs) && count($reposiciones_rs)>0){ ?>
            <h3 class="mb-3">Reposiciones creadas</h3>
            <div class="col-12 table-responsive px-0">
                <table class="table table-sm table-striped table-white">
                    <thead class="thead-dark">
                        <tr >
                            <th>Estado</th>
                            <th>Tipo</th>
                            <th>Materia</th>
                            <th style="width:160px">Fecha original</th>
                            <th style="width:160px">Fecha nueva</th>
                            <th style="width:160px">Duración</th>
                            <th>Salón</th>
                            <?php if($write){ ?><th>Acciones</th><?php } ?>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        foreach($reposiciones_rs as $reposicion){
                        ?>
                        <tr data-id="<?php echo $reposicion["reposicion_id"]; ?>" id="id<?php echo $reposicion["reposicion_id"]; ?>">
                            <td class="align-middle text-center" style="color:<?php echo $reposicion["estado_color"];?>" title="<?php echo $reposicion["estado_nombre"];?>">
                                <?php if($reposicion["estado_reposicion_id"] < 3){ ?>
                                <div class="wizard <?php if(intval($reposicion["estado_reposicion_id"])==2) echo "active";?> d-flex mx-auto">
                                    <div class="w-50 h-100"></div>
                                    <div class=""></div>
                                </div>
                                <?php } else if($reposicion["estado_reposicion_id"]==3){?>
                                <div class="text-success text-center pt-1">
                                    <span class="ing-autorizar ing-lg"></span>
                                </div>
                                <?php } else {?>
                                <div class="text-danger text-center pt-1">
                                    <span class="ing-negar ing-lg"></span>
                                </div>
                                <?php } ?>
                            </td>
                            <td class="align-middle">
                                <?php echo $reposicion["solicitudtipo_nombre"]; ?>
                            </td>
                            <td class="align-middle"><?php echo $reposicion["materia_nombre"]=="" ? "-":$reposicion["materia_nombre"]; ?></td>
                            <td class="align-middle text-center"><?php
                                if($reposicion["fecha_clase"] == "") echo "-";
                                else
                                    echo date("d/m/Y", strtotime($reposicion["fecha_clase"]))."<br>".substr($reposicion["horario_hora"],0,-3)." a ".substr($reposicion["horario_hora_fin"],0,-3)." hrs.";;
                                ?>
                            </td>
                            <td class="align-middle text-center"><?php
                                echo date("d/m/Y", strtotime($reposicion["fecha_nueva"])) ."<br>".substr($reposicion["hora_nueva"],0,-3)." a ".substr($reposicion["hora_nueva_fin"],0,-3)." hrs.";
                                ?>
                            </td>
                            <td class="align-middle text-center"><?php
                                echo $reposicion["duracion_total"];
                                ?>
                            </td>
                            <td class="align-middle text-center"><?php
                                if($reposicion["salon_id"] != ""){
                                    echo $reposicion["salon_id"];
                                }else
                                    echo "Pendiente";
                                ?>
                            </td>
                            
                            <?php if($write){ ?>
                            <td class="align-middle text-center icono-acciones">
                                <?php
                                
                                //no se ha aprobado
                                if(($reposicion["estado_reposicion_id"] == 1 && $user->jefe_carrera) || ($reposicion["estado_reposicion_id"] == 2 && !$user->jefe_carrera)){?>
                                <a href="#" data-tipo="2" title="Editar" data-toggle="modal" data-target="#modal"><?php echo $ICO["editar"];?></a>
                                <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Borrar"><?php echo $ICO["cancelar"];?></a>
                                <?php } ?>
                            </td>
                            <?php } ?>
                        </tr>
                        <?php }
                    ?>
                    </tbody>
                </table>
            </div>
            <?php } else { 
                if(is_null($user->periodo_id)){ ?>
            <div class="col-12 text-center">
                <h4 class="mt-4 text-danger">Selecciona un periodo</h4>
            </div>
            <?php } else {?>    
            <div class="col-12 text-center">
                <h4 class="mt-4 text-danger">No tienes solicitudes disponibles que cumplan con los filtros</h4>
            </div>
            <?php }
            } ?>
        </div>

        <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="col-12 modal-title text-center"><span id="modalLabel">Crear solicitud</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 submitForm()">
                            <input type="hidden" name="id" id="id">
                            <input type="hidden" name="estado" value="1">
                            <input type="hidden" name="ciclo" id="ciclo" value="0">
                            <input type="hidden" name="bloque" id="bloque" value="0">
                            <input type="hidden" name="tipo" id="tipo" value="1">
                            
                            <div class="form-box">

                                <div class="form-group row" id="profBlock">
                                    <label for="prof" class="col-4 col-form-label">Profesor *</label> 
                                    <div class="col-8">
                                        <div class="datalist datalist-select mb-1 w-100" id="dlProfesor">
                                            <div class="datalist-input">Selecciona un profesor</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <?php foreach($prof_rs as $prof){?>
                                                    <li data-id="<?php echo $prof["profesor_id"];?>" <?php if($prof["profesor_id"]==$user->profesor){ echo "class='selected'";} ?> ><?php echo $prof["profesor_nombre"];?></li>
                                                <?php } ?>
                                            </ul>
                                            <input type="hidden" id="prof" name="prof" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-box prof-selected">
                                <div class="form-group row" id="materiaBlock">
                                    <label for="horario" class="col-4 col-form-label">Materia *</label> 
                                    <div class="col-8">
                                        <div class="datalist datalist-select mb-1 w-100" id="dlMateria">
                                            <div class="datalist-input">Selecciona una materia</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                            
                                            </ul>
                                            <input type="hidden" id="horario" name="horario" value="">
                                        </div>
                                    </div>
                                </div>
                                

                                <div class="form-group row materia-block">
                                    <label for="duracion" class="col-4 col-form-label">Duración</label> 
                                    <div class="col-4">
                                        <select name="duracion" id="duracion" class="form-control" required="required">
                                            <?php foreach($duracion_rs as $dura){?>
                                            <option value="<?php echo $dura["duracion_id"];?>" data-duracion="<?php echo $dura["duracion_interval"];?>" ><?php echo $dura["duracion_nombre"];?></option>
                                            <?php } ?>
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="form-group row cambio_block materia-block" style="display: none;">
                                    <label for="fecha_cambio" class="col-4 col-form-label">Fecha de cambio *</label> 
                                    <div class="col-8">
                                        <input id="fecha_cambio" name="fecha_cambio" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="">
                                    </div>
                                </div>

                                <div class="form-group row repo_block materia-block">
                                    <label for="fecha_falta" class="col-4 col-form-label">Fecha de falta *</label> 
                                    <div class="col-8">
                                        <input id="fecha_falta" name="fecha_falta" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="">
                                    </div>
                                </div>
                                <div class="form-group row repo_block materia-block">
                                    <label for="fecha_nueva" class="col-4 col-form-label">Fecha nueva *</label> 
                                    <div class="col-8">
                                        <input id="fecha_nueva" name="fecha_nueva" type="text" class="form-control date-picker-future" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="">
                                        <small class="form-text text-muted">Las solicitudes se deben hacer con al menos 48hrs de anticipación.<br>
                                                    Recuerda que en sábado el límite para terminar la clase es a las 15:00hrs.
                                        </small>
                                    </div>
                                </div>
                                <div class="form-group row materia-block">
                                    <label for="hora_ini" class="col-4 col-form-label" id="hora_nombre">Hora nueva *</label>
                                    <?php
                                    //define("HORA_FINAL", 22);
                                    //define("FRACCION_HORA", 15);
                                    $default_h = 7; $default_m = 15;
                                    ?>
                                    <div class="col-4">
                                        <select name="hora_ini" id="hora_ini" class="form-control" required="required">
                                            <?php for($h = $default_h; $h < HORA_FINAL; $h++){?>
                                            <option value="<?php echo sprintf( '%02d', $h );?>" <?php if($default_h == $h){ echo 'selected="selected"';}?>><?php echo sprintf( '%02d', $h );?></option>
                                            <?php } ?>
                                        </select>
                                    </div>
                                    <div class="col-4">
                                        <select name="min_ini" id="min_ini" class="form-control" required="required">
                                            <?php for($m = 0; $m < 60; $m+=(60/FRACCION_HORA)){?>
                                            <option value="<?php echo sprintf( '%02d', $m );?>" <?php if($default_m == $m){ echo 'selected="selected"';}?>><?php echo sprintf( '%02d', $m );?></option>
                                            <?php } ?>
                                        </select>
                                    </div>
                                </div>

                                
                                <div class="form-group row materia-block">
                                    <label for="salon" class="col-4 col-form-label">Alumnos aproximados *</label> 
                                    <div class="col-8 col-md-4">
                                        <input type="number" name="alumnos" id="alumnos" class="form-control" value="1" min="1" max="50">
                                    </div>
                                </div>
                                
                                <div class="form-group row materia-block">
                                    <label for="aula" class="col-4 col-form-label">Tipo aula *</label> 
                                    <div class="col-8">
                                        <div class="datalist datalist-select mb-1 w-100" id="dlAula">
                                            <div class="datalist-input">Salón</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <?php
                                                $tipoaula_rs = $db->query('select * from tipoaula t order by t.tipoaula_id ');
                                                foreach($tipoaula_rs as $ta){ ?>
                                                    <li data-id="<?php echo $ta["tipoaula_id"];?>"><?php echo $ta["tipoaula_nombre"];?></li>
                                                <?php } ?>
                                            </ul>
                                            <input type="hidden" id="aula" name="aula" value="1">
                                        </div>
                                    </div>
                                </div>
                                <?php if(!$user->jefe_carrera){//es coordinador
                                    $salones_rs = $db->query('SELECT * from salon_view where es_salon is true');
                                ?>
                                <div class="row" id="salon-editar" style="display: none;">
                                    <div class="col-6 col-sm-4 barra-right text-right">
                                        <p class="font-weight-bold">Salón *</p>
                                    </div>
                                    <div class="col-6">
                                        <input list="lista_salones" name="dlSalon" id="dlSalon" class="form-control" placeholder="Salón">
                                        <div class="valid-feedback">
                                            Salón encontrado
                                        </div>
                                        <div class="invalid-feedback">
                                            Salón no encontrado
                                        </div>
                                        <datalist id="lista_salones">
                                            <?php
                                            foreach ($salones_rs as $salon) {
                                                extract($salon);
                                                $salon_json = json_decode($salon_array, true);
                                                if($salon_json[0]== "UNIVERSIDAD LA SALLE"){
                                                    unset($salon_json[0]);
                                                }
                                                $salon_nombre = join(" / ",$salon_json);
                                            ?>
                                                <option data-id="<?= $salon_id ?>" data-nombre="<?= $salon_nombre ?>" value="<?= $salon_nombre ?>"></option>
                                            <?php
                                            }
                                            ?>
                                        </datalist>
                                        <!-- <ul class="list-group" id="salones"></ul> -->
                                        <input type="hidden" id="salon" name="salon" value="">
                                    </div>
                                </div>
                                <?php } ?>
                            
                                <div class="form-group row materia-block">
                                    <label for="comentario" class="col-4 col-form-label">Comentarios</label> 
                                    <div class="col-8">
                                        <p><i>Requerimientos específicos del salón, software especializado, etc.</i></p>
                                        <textarea rows="3" class="form-control" id="comentario" name="comentario"></textarea>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="form-group row mt-3" id="submitGroup">
                                <div class="offset-4 col-8">
                                    <button type="submit" class="btn btn-outline-primary  materia-block" id="submitBtn" data-tipo="1"><?php echo $ICO["aceptar"];?> Guardar</button>
                                    <button type="reset" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                                </div>
                            </div>
                            <div class="form-group row mt-3" id="loadingGroup" style="display:none">
                                <div class="col-12 text-center">
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>


        <!-- Modal del formulario -->
        
        <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 solicitud?</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>
    </main>
    <? include "import/html_footer.php"; ?>
    
    <?php
    //--Manejo de errores y mensajes de exito
    if(isset($_GET["error"]) && is_numeric($_GET["error"])){
        switch ($_GET["error"]){
            case 0: $errorDesc = "No se reciberon los datos de la reposición."; break;
            case 1: $errorDesc = "Ocurrió un error al insertar los datos de la reposición/cambio."; break;
            case 2: $errorDesc = "Ocurrió un error al actualizar los datos de la reposición/cambio."; break;
            case 3: $errorDesc = "No tienes permisos para realizar esa acción."; break;
            case 4: $errorDesc = "Ocurrió un error al cargar los datos de la reposición/cambio."; break;
            case 6: $errorDesc = "La reposición/cambio que buscas no existe. Consulta la lista de reopsiciones disponibles en esta sección."; break;
            case 7: $errorDesc = "La reposición/cambio se empalma con el horario del grupo y no se puede guardar."; break;
            case 8: $errorDesc = "El salón de la reposición está siendo utilizado ese día a esa hora y no se puede guardar."; break;
            case 9: $errorDesc = "El profesor está asigndo a otra clase o reposición el mismo día a la misma hora y no se puede guardar."; break;
            case 10: $errorDesc = "El profesor está asigndo a una materia el mismo día a la misma hora y no se puede guardar."; break;
            case 11: $errorDesc = "No hay clases asignadas para esa materia y grupo en la fecha de falta."; break;
        }
    }
    if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
        switch ($_GET["ok"]){
            case 0: $successDesc = "La reposición se guardó correctamente."; break;
            case 1: $successDesc = "La reposición se actualizó correctamente."; break;
        }
    }
    require_once 'js/messages.php';
    ?>
    <script>
    <?php if(isset($errorDesc)){ ?>
    triggerMessage("<?php echo $errorDesc;?>", "Error");
    <?php } else if(isset($successDesc)){ ?>
    triggerMessage("<?php echo $successDesc;?>", "Éxito", "success");
    <?php } ?>

    var vacaciones=[
        <?php
        $vacaciones_rs = $db->query('SELECT diasfestivos_dia from diasfestivos d where :periodo = any(d.periodos_id)', [':periodo' => $user->periodo_id ]); 
        
            foreach($vacaciones_rs as $v){ echo '"'.$v["diasfestivos_dia"].'",';}
        ?>
    ];
    var _dias_asistencia = [];//ya registró asistencia, cambia con ajax
    var _dia_valido = 0;
    var _fecha_manhana = "<?php echo $fecha_man; ?>";
    var _periodo_fecha_inicial = "<?php echo date("d/m/Y", strtotime($periodo_rs["periodo_fecha_inicio"])); ?>";
    var _periodo_fecha_final = "<?php echo date("d/m/Y", strtotime($periodo_rs["periodo_fecha_fin"])); ?>";
    var datepickerOptions_filtro = { dateFormat: "dd/mm/yy", minDate:_periodo_fecha_inicial, maxDate:_periodo_fecha_final};
    var tiposolicitud = <?php echo json_encode($tiposol_rs); ?>;

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

    function diaAAno(fecha_str){//de dd/mm/yyyy a yyyy-mm-dd 
        if(fecha_str.charAt(2) == "/" && fecha_str.charAt(5) == "/"){//dd/mm/yyyy
            var fecha_arr = fecha_str.split("/");
            return fecha_arr[2]+"-"+fecha_arr[1]+"-"+fecha_arr[0];
        }
        return fecha_str;
    }
    function fechaMayor(fechaI, fechaF) {//cual es mayor >0 I mayor   <0 F mayor
        return (Date.parse(diaAAno(fechaI)) - Date.parse(diaAAno(fechaF)));
    }

    function validaFechas(){
        if(fechaMayor($('#filtro_inicial').val().trim(), $('#filtro_final').val().trim()) > 0){
            $('#filtro_final').addClass("is-invalid");
            return false;
        }
        return true;
    }

    function submitForm(){
        var myBtn = $('#submitBtn');
        var error = false;
        
        $("#gpo").removeClass("is-invalid");
        invalidDatalist("#materia", false);
        $("#fecha_nueva").removeClass("is-invalid");
        $("#fecha_falta").removeClass("is-invalid");
        $("#fecha_cambio").removeClass("is-invalid");

        
        if($("#tipo").val() == 1){//reposición
            if($("#fecha_falta").val() == ""){
                $("#fecha_falta").addClass("is-invalid");
                error = true;
            }
            if($("#fecha_nueva").val() == ""){//fecha reposición
                $("#fecha_nueva").addClass("is-invalid");
                error = true;
            }    
        }else{
            if($("#fecha_cambio").val() == ""){
                $("#fecha_cambio").addClass("is-invalid");
                error = true;
            }
        }
        if($("#horario").val().trim() == "" || $("#horario").val() === null){
            invalidDatalist("#horario", true);
            error = true;
        }
        
        if(myBtn.data("tipo") == 2 ){
            $('#formaModal').prop("action", "./action/solicitud_update.php");
        }else{
            $('#formaModal').prop("action", "./action/solicitud_insert.php");
        }
        if(!error){
            $("#loadingGroup").show();
            $("#submitGroup").hide();
        }
        return !error;
    }

    function cambiaTipo(tipo){
        $('#fecha_cambio').val("");
        $('#fecha_falta').val("");
        $('#fecha_nueva').val("");
        switch(tipo){
            case 1://reposición
                $('#fecha_cambio').parents('.row').hide();
                $('#fecha_falta').parents('.row').show();
                $('#fecha_nueva').parents('.row').show();

                $('#fecha_cambio').removeAttr("required");
                $('#fecha_falta').attr("required", true);
                $('#fecha_nueva').attr("required", true);

                $("#hora_nombre").text("Hora reposición *");
            break;
            case 2://cambio de salón
                $('#fecha_cambio').parents('.row').show();
                $('#fecha_falta').parents('.row').hide();
                $('#fecha_nueva').parents('.row').hide();

                $('#fecha_cambio').attr("required", true);
                $('#fecha_falta').removeAttr("required");
                $('#fecha_nueva').removeAttr("required");

                $("#hora_nombre").text("Hora cambio *");
                var hora = $("#dlMateria ul li.selected").data("hr");
                var min = $("#dlMateria ul li.selected").data("min");
                $("#hora_ini").val(hora);
                $("#min_ini").val(min);
            break;
            case 3:
                $('#fecha_cambio').parents('.row').hide();
                $('#fecha_falta').parents('.row').hide();
                $('#fecha_nueva').parents('.row').show();

                $('#fecha_cambio').removeAttr("required");
                $('#fecha_falta').removeAttr("required");
                $('#fecha_nueva').attr("required", true);

                $("#hora_nombre").text("Hora *");
            break;
            case 4:
                $('#fecha_cambio').parents('.row').show();
                $('#fecha_falta').parents('.row').hide();
                $('#fecha_nueva').parents('.row').show();

                $('#fecha_cambio').attr("required", true);
                $('#fecha_falta').removeAttr("required");
                $('#fecha_nueva').attr("required", true);

                $("#hora_nombre").text("Hora cambio *");
            break;
        }
    }
    
    $(document).ready(function(){
        $(".prof-selected").hide();
        //fecha de clase
        $(".date-picker" ).datepicker(datepickerOptions);
        $(".date-picker" ).datepicker( $.datepicker.regional[ "es" ] );

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

        //fecha nueva
        $(".date-picker-future" ).datepicker(datepickerOptions_future);
        $(".date-picker-future" ).datepicker( $.datepicker.regional[ "es" ] );
        
        
        function creaOpcion(id_horario, dia, hora, min, nombre, gpo, duracion){
            return '<li data-id="'+id_horario+'" data-dia="'+dia+'" data-hr="'+hora+'" data-min="'+min+'" data-gpo="'+gpo+'" data-duracion="'+duracion+'">'+nombre+'</li>';
        }

        $('#filtro_final').focus(function(){
            $("#filtro_final").removeClass("is-invalid");
        });

        function obtieneProf(pid){
            return $.ajax({
                url:  './action/reposicion_profesor_materias.php',
                type: 'POST', 
                dataType: 'json',
                data: { id: pid, },
                //async: false,
                success: function(result) {
                    if(result["error"]!= "" &&  result["error"] !== undefined){
                        triggerMessage(result["error"], "Error");
                        $("#modal").modal('hide');
                        $(".prof-selected").hide();
                    }else{
                        $(".prof-selected").show();
                        $("#dlMateria ul").html("");
                        for(i=0; i<result["materias"].length; i++){
                            var html = creaOpcion(result["materias"][i]["horario_id"],
                                result["materias"][i]["horario_dia"],
                                result["materias"][i]["horario_hora"],
                                result["materias"][i]["horario_min"],
                                result["materias"][i]["materia_nombre"],
                                result["materias"][i]["grupo"],
                                result["materias"][i]["duracion"]
                                );
                            $("#dlMateria ul").append(html);
                        }
                    }
                },
                error: function(jqXHR, textStatus, errorThrown ){
                    triggerMessage(errorThrown, "Error");
                }
            });//ajax
        }

        $(document).on( "click", "#dlProfesor ul li", function(event){//cambia datalist
            var pid = $(this).data('id');
            //busca materias del profesor
            var profCarga = obtieneProf(pid);
            profCarga.done(function(){
                $("#dlMateria ul li:first").click();
            });
        });
        
        
        //Actualiza días elegibles de calendario
        $(document).on( "click", "#dlMateria ul li", function(event){//manda al frente de todos
            _dia_valido = $(this).data('dia');//variable global
            var grupo = $(this).data("gpo");
            var duracionMateria = $(this).data("duracion");

            $(".date-picker" ).datepicker(datepickerOptions);
            var hora = $(this).data("hr");
            var min = $(this).data("min");
            $("#hora_ini").val(hora)
            $("#min_ini").val(min)
            console.log("Hora reset");

            return $.ajax({
                url:  './action/asistenciasprofesor_select.php',
                type: 'POST', 
                dataType: 'json',
                data: { "id": $("#prof").val(), "hor": $(this).data("id") },
                //async: false,
                success: function(result) {
                    if(result["error"]!= "" &&  result["error"] !== undefined){
                        triggerMessage(result["error"], "Error");
                        $('#modal').modal("hide");
                    }else{
                        _dias_asistencia = result["asistenciaArr"];
                        //Cambiar ciclo [6] y bloque [8]
                        $("#ciclo").val(parseInt(grupo[6]));
                        $("#bloque").val(parseInt(grupo[8]));
                        
                        $('#duracion option').each(function() {
                            if ($(this).data("duracion") === duracionMateria) {
                                // Selecciona la opción correspondiente en el select de "duracion"
                                $(this).prop('selected', true);
                            }
                        });
                    }

                },
                error: function(jqXHR, textStatus, errorThrown ){
                    triggerMessage(errorThrown, "Error");
                }
            });//ajax
            
            
        });
        
        $("#dlAula ul li").click(function(){//cambia datalist
            if($(this).data("id") == 1){
                $("#salon-editar").hide();
                $("#dlSalon").val("");
                $("#salon").val("");

            }else{
                $("#salon-editar").show();
            }
            
        });

        $('#modal_confirm').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget); // Button that triggered the modal
            var id = button.parents("tr").data("id");
            $("#id_borrar").val(id);
        });
        
        $(".btn-borrar").click(function(){
            var r_id =  $("#id_borrar").val();
            $.ajax({
                url:  './action/solicitud_delete.php',
                type: 'POST', 
                dataType: 'json',
                data: { id: r_id},
                success: function(result) {
                    if(result["error"]!= "" &&  result["error"] !== undefined){
                        triggerMessage(result["error"], "Error");
                    }else{
                        triggerMessage(result["ok"], "Éxito", "success");
                        $("#id"+r_id).remove();
                    }
                },
                error: function(jqXHR, textStatus, errorThrown ){
                    triggerMessage(errorThrown, "Error");
                }
            });//ajax
            $('#modal_confirm').modal("hide");
        });

        
        $('#modal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget); // Button that triggered the modal
            var tipo = button.data('tipo'); // 1 alta, 2 edicion
            var accion = button.data('accion'); 
            var modal = $(this);

            $("#loadingGroup").hide();
            $("#submitGroup").show();
            
            $("#modal .is-invalid").removeClass("is-invalid");
            //$(this).find(".form-control:first-child").focus();
            cambiaTipo(tipo);

            $("#errorBox").collapse('hide');
            $("#errorBox_text").html("");
            if(accion == 1){//alta
                $("#submitBtn").data('tipo', 1);
                $("#modalLabel").html("Crear "+tiposolicitud[tipo-1]["solicitudtipo_nombre"]);
                modal.find("input[type=text]").val("");
                modal.find("#alumnos").val("15");
                $("#plan").attr("readonly", false);
                $("#sem").attr("readonly", false);
                $("#gpo").attr("readonly", false);
                
                //$("#prof").attr("readonly", false);
                disableDatalist("#horario", false);
                disableDatalist("#tipo", false);
                if($("#prof").length>0)
                    disableDatalist("#prof", false);
                setDatalistFirst("#tipo");
                setDatalistFirst("#aula");
                setDatalistFirst("#horario");
                $("#dlMateria ul li:first").click();
                
                
            }else{//editar
                $("#submitBtn").data('tipo', 2);
                $("#modalLabel").html("Editar "+tiposolicitud[tipo-1]["solicitudtipo_nombre"]);
                $("#plan").attr("readonly", true);
                $("#sem").attr("readonly", true);
                $("#gpo").attr("readonly", true);
                //$("#materia").attr("readonly", true);
                disableDatalist("#horario");
                disableDatalist("#tipo");
                disableDatalist("#prof");
                /*if($("#prof").length>0)
                    disableDatalist("#prof");
                $("#prof").attr("readonly", true);*/
                var r_id = $(button).parents("tr").data("id");
                $("#id").val(r_id);
                $.ajax({
                    url:  './action/solicitud_select.php',
                    type: 'POST', 
                    dataType: 'json',
                    data: { id: r_id },
                    async: true,
                    success: function(result) {
                        if(result["error"]!= "" &&  result["error"] !== undefined){
                            triggerMessage(result["error"], "Error");
                            $("#modal").modal('hide');
                        }else{
                            //setDatalist("#prof", result["profesor"]);
                            setDatalist("#prof", result["profesor"]);
                            
                            var profCarga = obtieneProf(result["profesor"]);

                            //$('#salon').val(result["salon"]);
                            $("#fecha_falta").val(result["fecha_clase"]);
                            
                            
                            $('#comentario').val(result["comentario"]);
                            $('#alumnos').val(result["alumnos"]);
                            $('#ciclo').val(result["ciclo"]);
                            $('#bloque').val(result["bloque"]);
                            
                            $("#tipo", result["solicitudtipo_id"]);
                            cambiaTipo(result["solicitudtipo_id"]);
                            if(result["solicitudtipo_id"]==2){
                                $("#fecha_cambio").val(result["fecha_nueva"]);
                            }else{
                                $("#fecha_nueva").val(result["fecha_nueva"]);
                            }

                            _dia_valido = parseInt(result["dia"]);
                            $(".date-picker" ).datepicker(datepickerOptions);
                            $("#dlTipo ul li:selected").click();
                            
                            
                            profCarga.done(function(){
                                setDatalist("#horario", result["horario"]);// No se actualiza TODO
                                $('#hora_ini').val(result["hora_ini"]);
                                $('#min_ini').val(result["min_ini"]);
                            });
                            setDatalist("#aula", result["aula"]);
                            modal.modal('show');
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown ){
                        triggerMessage(errorThrown, "Error");
                        $("#modal").modal('hide');
                        //$('#messageBox')[0].scrollIntoView({ block: "end" });
                    }
                });//ajax
            }
        });//show
        
    });

    $(function() {
        $('[data-toggle="tooltip"]').tooltip()
    })
</script>
<script src="js/messages.js"></script>

</body>

</html>