PAAD
/
paad


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764
							<?php

require_once 'class/c_login.php';
$user = Login::get_user();


$user->access();
//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; //

function duracionMinutos($fechahora_i, $fechahora_f){
    return round((strtotime($fechahora_f) - strtotime($fechahora_i)) / 60,2);
}

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


    $profesores_rs = array();
    $tab_inicial = 1;
    if($user->jefe_carrera){
        $carrera_rs = $db->query('SELECT * FROM fs_usuario_carrera(:usr, NULL)', [':usr'=>$user->user["id"]]);
        foreach($carrera_rs as $carr){
            $rs = $db->query('SELECT * FROM fs_profesor_carrera(:carr, :periodo)', [':carr' => $carr['carrera_id'], ':periodo' => $user->periodo]);
            $profesores_rs = array_merge($profesores_rs, $rs);
        }
        
    }else if($write){// $user->supervisor || $user->admin
        $profesores_rs = $db->query('SELECT * FROM fs_profesor_carrera(NULL, :periodo)', [':periodo' => $user->periodo]);
        $tab_inicial = 2;
    }else{
        die(header('Location: index.php'));
    }


    $salones_rs = $db->query('SELECT * FROM salon_view WHERE tiene_salones IS true');


    //Periodo
    $periodo_rs = $db->querySingle('SELECT periodo_fecha_inicio, periodo_fecha_fin FROM periodo WHERE periodo_id = :periodo_id', [':periodo_id' => $user->periodo]);
    $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{
        $dias = 3;
        if( intval(date("w")) >=3 && intval(date("w"))<=5 )//Mie a Vie
            $dias+=3;
        else if( intval(date("w")) ==6 )//Sab
            $dias+=2;
        else if( intval(date("w")) ==0 )//Do
            $dias+=1;
        
        $fecha_man = date("d/m/Y", strtotime("+".$dias." day"));
    }

    // Fechas filtro
    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"]));


    //Reposiciones
    $repEdo_rs = $db->query('SELECT * FROM fs_estado_reposicion' );

    $repoParams = array();
    $query = "";//carrera, prof
    if($user->jefe_carrera){
        $query .= ":jefe, ";
        $repoParams[":jefe"] = $user->user["id"];
    }else{
        $query .= "NULL, ";
    }
    if((isset($_POST["prof"]) && is_numeric($_POST["prof"])) ){
        $query .= ":prof,";
        $repoParams[":prof"] = filter_input(INPUT_POST, "prof", FILTER_SANITIZE_NUMBER_INT);//limpia texto
    }else{
        $query .= "NULL,";
    }
    $query .= ":f_ini, :f_fin, :edo, ";
    $repoParams[":f_ini"] = $fecha_ini;
    $repoParams[":f_fin"] = $fecha_fin;
    $repoParams[":edo"] = 1;//se sobreescribe
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Reposiciones autorizar | <?= $user->facultad['facultad'] ?? 'General' ?></title>

    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/plain; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <?php include_once "import/html_css_files.php"; ?>
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link rel="stylesheet" href="css/richtext.css" type="text/css">
    <link rel="stylesheet" href="css/clockpicker.css">
    <link rel="stylesheet" href="css/calendar.css">
    <link rel="stylesheet" href="css/fa_all.css" type="text/css">

    <script src="js/scrollables.js" defer></script>
    <script>
        const write = <?= $write ? 'true' : 'false' ?>;
    </script>
    <script src="js/moment.js" defer></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 style="display: block;">
    <?php
    include('include/constantes.php');
    include("import/html_header.php");
    html_header("Reposiciones de clase", "Sistema de gestión de checador");
    ?>
    <?= "<!-- $user -->" ?>
    <main class="container content marco content-margin" id="local-app">
        
        <section id="message"></section>
        <?php require('import/periodo.php') ?>
        
        <?php if(!empty($user->periodo)){ ?>
        <form id="asistencia" method="post" onsubmit="return validaFechas()">
            <div class="form-box">
                <input type="hidden" name="facultad" value="5">
                
                <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 class="form-group row">
                    <label for="filtro_prof" class="col-4 col-form-label">Profesor</label>
                    <div class="col-8 col-sm-4">
                        <input list="lista_profesores" name="dlProfesor" id="dlProfesor" class="form-control" placeholder="Profesor">
                        <div class="valid-feedback">
                            Profesor encontrado
                        </div>
                        <div class="invalid-feedback">
                            Profesor no encontrado
                        </div>
                        <datalist id="lista_profesores">
                            <?php
                            foreach ($profesores_rs as $profesor) {
                                extract($profesor);
                            ?>
                                <option data-clave="<?= $profesor_clave ?>" data-profesor="<?= $profesor_nombre ?>" data-id="<?= $profesor_id; ?>" value="<?= "$profesor_clave | $profesor_nombre" ?>"></option>
                            <?php
                            }
                            ?>
                        </datalist>
                        <ul class="list-group" id="profesores"></ul>
                        <input type="hidden" id="editor_profesor" name="profesor" value="">
                    </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>

        <ul class="nav nav-tabs d-print-none mb-4" id="myTab" role="tablist">
            <li class="nav-item">
                <a class="nav-link" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="calendario" aria-selected="true">Nuevas reposiciones</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="lista" aria-selected="false">Aprobadas por jefe</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab3-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="lista" aria-selected="false">Autorizadas</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab4-tab" data-toggle="tab" href="#tab4" role="tab" aria-controls="lista" aria-selected="false">Rechazadas</a>
            </li>
        </ul>
        <div class="tab-content" id="TabContent">
            <?php
            $i=1;
            foreach($repEdo_rs as $redo){ ?>
            <div class="tab-pane fade" id="tab<?php echo $i;?>" role="tabpanel" aria-labelledby="tab<?php echo $i;?>-tab">
                <?php
                $repoParams[":edo"]=$redo["estado_reposicion_id"];
                $reposiciones_rs = $db->query('SELECT * FROM fs_reposicion(NULL, '.$query.'0, NULL) ', $repoParams );
                ?>
                
                <h4 class="mb-4" <?php echo "style='color:".$redo["estado_color"]."'>".$redo["estado_nombre"]; ?> </h4>

                <table class="table table-sm table-striped table-white">
                    <thead class="thead-dark">
                        <tr>
                            <th>Estado</th>
                            <th>Tipo</th>
                            <th>Profesor/Materia</th>
                            <th style="width:160px">Fecha falta</th>
                            <th style="width:160px">Fecha reposición</th>
                            <th>Salón</th>
                            <?php if($write){ ?><th>Acciones</th><?php } ?>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                    if(isset($reposiciones_rs)){
                        foreach($reposiciones_rs as $reposicion){
                        ?>
                        <tr data-id="<?php echo $reposicion["reposicion_id"]; ?>" data-edo="<?php echo $reposicion["estado_reposicion_id"];?>" id="id<?php echo $reposicion["reposicion_id"]; ?>">
                            <td class="align-middle">
                                <?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 if($reposicion["es_reposicion"]) echo "Resposición"; else echo "Cambio"; ?>
                            </td>
                            <td><?php
                                echo $reposicion["profesor_clave"]." - ".$reposicion["profesor_nombre"];
                                ?>
                                <br>
                                <small>
                                <?php echo $reposicion["materia_nombre"]; ?>
                                (<?php
                                    echo $reposicion["horario_grupo"];
                                ?>)
                                </small>
                            </td>
                            <td class="text-center align-middle text-nowrap"><?php
                                $fechaI = date("d/m/Y", strtotime($reposicion["fecha_clase"]));
                                echo $fechaI."<br>".substr($reposicion["horario_hora"],0, 5);
                                ?>
                            </td>
                            <td class="text-center align-middle text-nowrap"><?php
                                $fechaF = date("d/m/Y", strtotime($reposicion["fecha_nueva"]));
                                echo $fechaF."<br>".substr($reposicion["hora_nueva"],0, 5)." a ".substr($reposicion["hora_nueva_fin"],0, 5);
                                ?>
                            </td>
                            <td class="text-center align-middle"><?php
                                if($reposicion["salon_id"] != ""){
                                    echo $reposicion["salon_id"];
                                }else
                                    echo "Pendiente";
                                ?>
                            </td>
                            
                            <?php if($write){ ?>
                            <td class="text-center align-middle icono-acciones text-nowrap">
                                <?php if (duracionMinutos($reposicion["fecha_nueva"], date("Y-m-d H:i:00")) < 0){ ?>
                                    <?php //no se cumple la fecha de la reposicion, es jefe de carrera
                                    if(($user->jefe_carrera || $user->admin) && $reposicion["estado_reposicion_id"] == 1){?>
                                    <a href="#" data-toggle="modal" data-target="#modal_aprobar" data-tipo="2" title="Aprobar"><?php echo $ICO["ver"];?></a>
                                    <?php } //no se cumple la fecha de la reposicion, no es jefe de carrera
                                    else if((!$user->jefe_carrera || $user->admin) && $reposicion["estado_reposicion_id"] >= 2){?>
                                    <a href="#" data-toggle="modal" data-target="#modal_aprobar" data-tipo="3" title="Autorizar" ><?php echo $ICO["ver"];?></a>
                                    <?php } else { ?>
                                        <a href="#" data-toggle="modal" data-target="#modal_aprobar" data-tipo="1" title="Aprobar"><?php echo $ICO["ver"];?></a>
                                    <?php } ?>
                                    <?php
                                }else{ //fecha ya pasó?>
                                    <a href="#" data-toggle="modal" data-target="#modal_aprobar" data-tipo="1" title="Ver detalle"><span class="text-danger"><?php echo $ICO["ver"];?></span></a>
                                <?php } ?>

                                <?php
                                    if($reposicion["estado_reposicion_id"]<4){
                                        if(
                                            (($user->jefe_carrera || $user->admin) && $reposicion["estado_reposicion_id"] <= 2)
                                            || ((!$user->jefe_carrera || $user->admin) && $reposicion["estado_reposicion_id"] >= 2 )){
                                ?>
                                <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Cancelar"><span class="text-danger"><?php echo $ICO["cancelar"];?></span></a>
                                <?php }
                                    } //estado
                                ?>
                            </td>
                            <?php }//edición ?>
                        </tr>
                        <?php 
                        }//foreach
                    }//if ?>
                    </tbody>
                </table>
            </div>
            <?php
                $i++;
            } ?>
        </div>


        <!-- Modal -->
        <div class="modal fade" id="modal_aprobar" 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">Aprobar Reposición</span>
                        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button></h4>
                    </div>
                    <div class="modal-body">
                        <form action="./action/reposicion_autoriza.php" method="post" id="formaModal">
                            <input type="hidden" name="id" id="id">
                            <input type="hidden" name="edo" id="edo" value="">
                            
                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Profesor</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-prof"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Materia</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-mat"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Tipo</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-tipo"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Fecha de falta</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-falta"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Fecha de reposición</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-fecha"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Alumnos aproximados</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-alumnos"></p>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Tipo de aula</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-aula"></p>
                                </div>
                            </div>
                            <div class="row" id="salon-ver">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Salón</p>
                                </div>
                                <div class="col-6">
                                    <p class="rep-salon"></p>
                                </div>
                            </div>
                            
                            <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);
                                        ?>
                                            <option data-id="<?= $salon_id ?>" data-nombre="<?= $salon ?>" value="<?= $salon ?>"></option>
                                        <?php
                                        }
                                        ?>
                                    </datalist>
                                    <ul class="list-group" id="salones"></ul>
                                    <input type="hidden" id="salon" name="salon" value="">
                                </div>
                            </div>
                            
                            
                            <div class="row mt-4">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Comentarios</p>
                                </div>
                                <div class="col-6 bg-light">
                                    <p class="rep-comentarios"></p>
                                </div>
                            </div>
                            

                            <div class="form-group row mt-3">
                                <div class="col-12 text-center">
                                    
                                    <p class="aprobar-block">Una vez realizada la acción no se puede deshacer.</p>
                                    <p>
                                        <button type="button" class="btn btn-primary btn-enviar aprobar-block" id="submitBtn" data-edo="<?php echo $edo_new; ?>" ><?php echo $ICO["aceptar"];?> Aprobar</button>
                                        <button type="button" class="btn btn-outline-secondary" data-dismiss="modal" aria-label="Close">Cerrar</button>
                                    </p>
                                    
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="modal fade" id="modal_confirm" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col">
                                <p class="font-weight-bold">¿Estás seguro de que quieres declinar la reposición?</p>
                                <p>Esta acción no se puede deshacer.</p>
                            </div>
                        </div>
                    
                        <form action="./action/reposicion_autoriza.php" method="post">
                            <div class="row">
                                <div class="col-6 col-sm-4 barra-right text-right">
                                    <p class="font-weight-bold">Motivo</p>
                                </div>
                                <div class="col-6 col-sm-8">
                                    <textarea name="motivo" id="motivo" rows="3" class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 mt-4 text-center">
                                    <input type="hidden" id="id_borrar" name="id" value="">
                                    <input type="hidden" name="edo" value="4">
                                    <button type="submit" class="btn btn-outline-primary btn-borrar"><?php echo $ICO["aceptar"];?> Declinar</button>
                                    <button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><?php echo $ICO["cancelar"];?> Cerrar</button>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        <?php
        }
        ?>
    </main>
</body>
<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>
<script src="js/messages.js"></script>
    <?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 reposición/cambio el mismo día a la misma hora y no se puede guardar."; break;
            case 10: $errorDesc = "El profesor está asigndo a una materia el mismo día a la misma hora y no se puede guardar."; break;
            case 11: $errorDesc = "No hay clases asignadas para esa materia y grupo en la fecha de falta."; break;
        }
    }
    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 _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 = { dateFormat: "dd/mm/yy", minDate:_periodo_fecha_inicial, maxDate:_periodo_fecha_final };

    $(document).ready(function(){
        $(".date-picker-filtro" ).datepicker(datepickerOptions);
        $(".date-picker-filtro" ).datepicker( $.datepicker.regional[ "es" ] );
        $('#tab<?php echo $tab_inicial;?>-tab').tab('show');
    });

    function valida(){
        <?php
        if(!$user->jefe_carrera || $user->admin){ ?>
        $("#salon").removeClass("is-invalid");
        if($("#salon").val() === undefined || $("#salon").val() == 0 || $("#salon").val() == ''){
            $("#salon").addClass("is-invalid");
            return false;
        }
        <?php } ?>
        return true;
    }
    
    $(document).ready(function(){
        
        $('#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);
            $("#motivo").val("")
        });

        $('#modal_aprobar').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget); // Button that triggered the modal
            //console.log(button.data("tipo"));
            var id = button.parents("tr").data("id");
            var edo = button.data('tipo');

            $("#edo").val(edo);
            $("#id").val(id);
            
            
            $.ajax({
                url:  './action/reposicion_select.php',
                type: 'POST', 
                dataType: 'json',
                data: { id: id},
                success: function(result) {
                    if(result["error"]!= "" &&  result["error"] !== undefined){
                        triggerMessage(result["error"], "Error");
                        $('#modal_aprobar').modal("hide");
                    }else{

                        $("#modal_aprobar .rep-prof").text(result["profesor_nombre"]);
                        $("#modal_aprobar .rep-mat").text(result["materia_desc"]+" ["+result["grupo"]+"]" );
                        if(result["tipo"])
                            $("#modal_aprobar .rep-tipo").text("Reposición");
                        else
                            $("#modal_aprobar .rep-tipo").text("Cambio");
                        $("#modal_aprobar .rep-aula").text(result["aula_desc"])
                        $("#modal_aprobar .rep-aula").data("aula",result["aula"]);
                        $("#modal_aprobar .rep-falta").text(result["fecha_clase"]);
                        $("#modal_aprobar .rep-fecha").text(result["fecha_nueva"]+" de "+result["hora_ini"]+":"+result["min_ini"]+" a "+result["hora_fin"]+":"+result["min_fin"]);
                        if(result["salon"] =="" || result["salon"] === undefined){
                            $('#salon').prop("selectedIndex", 0);
                        }else{
                            $('#salon').val(result["salon"]);
                        }
                        $("#modal_aprobar .rep-salon").text(result["salon_desc"]);
                        $("#modal_aprobar .rep-comentarios").text(result["comentario"]);
                        $('#modal_aprobar .rep-alumnos').text(result["alumnos"]);

                        if(button.data("tipo") == 1){//ver
                            $("#modalLabel").text("Detalle de reposición");
                            $(".aprobar-block").hide();
                            $("#salon-ver").show();
                            $("#salon-editar").hide();
                            
                        }else{
                            if(parseInt($("#modal_aprobar .rep-aula").data("aula")) == 1){//ver
                                $("#modalLabel").text("Detalle de reposición");
                                $(".aprobar-block").hide();
                                $("#salon-ver").show();
                                $("#salon-editar").hide();
                            }else{
                                $("#modalLabel").text("Aprobar reposición");
                                $(".aprobar-block").show();
                                if(button.data("tipo") == 3){//aprobar (con salón)
                                    $("#salon-ver").hide();
                                    $("#salon-editar").show();
                                    
                                }
                            }
                        }

                        if(result["aula_supervisor"]){//Solo supervisor
                            <?php if($user->supervisor){ ?>
                                $("#salon-editar").attr("disabled", false);
                            <?php }else{?>
                                $("#salon-editar").attr("disabled", true);
                            <?php } ?>
                        }else{// Facultad
                            <?php if(!$user->supervisor){ ?>
                                $("#salon-editar").attr("disabled", false);
                            <?php }else{?>
                                $("#salon-editar").attr("disabled", true);
                            <?php } ?>
                        }                        

                    }
                },
                error: function(jqXHR, textStatus, errorThrown ){
                    triggerMessage(errorThrown, "Error");
                }
            });//ajax
        });
        /*
        $(".btn-borrar").click(function(){
            var cid =  $("#id_borrar").val();
            $.ajax({
                url:  './action/reposicion_autoriza.php',
                type: 'POST', 
                dataType: 'json',
                data: { id: cid, edo: 4},
                success: function(result) {
                    if(result["error"]!= "" &&  result["error"] !== undefined){
                        $("#errorBox").collapse('show');
                        $("#errorBox_text").html(result["error"]);
                    }else{
                        $("#successBox").collapse('show');
                        $("#successBox_text").html(result["ok"]);
                        $("#id"+cid).remove();
                    }
                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                },
                error: function(jqXHR, textStatus, errorThrown ){
                    $("#errorBox").collapse('show');
                    $("#errorBox_text").html(errorThrown);
                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                }
            });//ajax
            $('#modal_confirm').modal("hide");
        });*/


        $("#submitBtn").click(function(){
            var edo =  parseInt($("#edo").val());
            console.log(edo)
            if((edo == 3 && valida()) || edo == 2){
                $("#formaModal").submit();
            }      
        });

    });

    function validaFiltro(){
        if($('#filter_fecha_ini').val() != "" && !validaFecha($('#filter_fecha_ini').val()) ){
            $('#filter_fecha_ini').addClass("is-invalid");
            return false;
        }
        if($('#filter_fecha_fin').val() != "" && !validaFecha($('#filter_fecha_fin').val())){
            $('#filter_fecha_fin').addClass("is-invalid");
            return false;
        }
        if($('#filter_fecha_ini').val() != "" &&  $('#filter_fecha_fin').val() != "" && fechaMayor($('#filter_fecha_ini').val(), $('#filter_fecha_fin').val()) >= 0){
            $('#filter_fecha_fin').addClass("is-invalid");
            return false;
        }
        return true;
    }

    $(function() {
        $('[data-toggle="tooltip"]').tooltip()
    });

    /**@Auxiliary functions */
    function listProfesor({
        id,
        grado,
        profesor,
        clave
    }) {
        const lista = document.getElementById("dlProfesor");
        lista.innerHTML = "";
        lista.classList.remove("is-invalid");
        const li = document.createElement('li');
        li.setAttribute('data-id', id);
        li.classList.add('list-group-item', 'd-flex', 'justify-content-between', 'align-items-center');
        li.innerHTML = `${clave} | ${grado ?? ''} ${profesor}`

        const btn = document.createElement('button');
        btn.setAttribute('type', 'button');
        btn.classList.add('badge', 'badge-danger', 'badge-pill', 'border-0');
        btn.onclick = _ => li.remove();

        const i = document.createElement('i');
        i.classList.add('ing-cancelar');
        btn.appendChild(i);
        li.appendChild(btn);

        document.getElementById("profesores").appendChild(li);
    }

    function listSalon({
        id,
        nombre
    }) {
        const lista = document.getElementById("dlSalon");
        lista.innerHTML = "";
        lista.classList.remove("is-invalid");
        const li = document.createElement('li');
        li.setAttribute('data-id', id);
        li.classList.add('list-group-item', 'd-flex', 'justify-content-between', 'align-items-center');
        li.innerHTML = `${nombre}`
        
        const btn = document.createElement('button');
        btn.setAttribute('type', 'button');
        btn.classList.add('badge', 'badge-danger', 'badge-pill', 'border-0');
        btn.onclick = _ => li.remove();

        const i = document.createElement('i');
        i.classList.add('ing-cancelar');
        btn.appendChild(i);
        li.appendChild(btn);

        document.getElementById("salones").appendChild(li);
    }
</script>
</html>