<?php 
require_once './classes/MainMenu.php';
require_once 'classes/Template.php';
require_once './include/bd_pdo.php';
require_once './classes/SGI.php';

if(isset($_GET["error"]) && is_numeric($_GET["error"])){
    switch ($_GET["error"]){
        case 0: $errorDesc = 'No se reciberon datos'; break;
        case 1: $errorDesc = 'No fue posible validar su contraseña'; break;
        case 2: $errorDesc = 'El usuario y/o contraseña son incorrectos'; break;
        case 3: $errorDesc = 'El usuario no tiene permisos de ingresar'; break;
        case 4: $errorDesc = 'No tienes permiso de ingresar como otro usuario'; break;
        case 5: $errorDesc = 'Error al obtener datos del alumno'; break;
        case 6: $errorDesc = 'La clave del alumno no existe'; break;
        default: $errorDesc = 'Error';
    }
    $mt = ' mt-3';
}
?>
<!DOCTYPE html>
<html>
    <head>
	<title>Alumnos - ByPass 👻 </title>
        <?php Template::getCSS(array('elementos.css', 'secciones/index_bypass.css')); ?>
    </head>
    <body>
        <?php $menuObj = new MainMenu(0, -1, -1, null);
        $menuObj->printMenu('Iniciar sesión como', true); ?>
        <main class="container-fluid marco">
            <div class="d-flex flex-row justify-content-start align-items-center">
                <img id="nicoImg" src="img/nico_credencial.svg" />
                <div class="flex-grow-1 p-4">
                    <form id="formIngresar" class="borde d-flex flex-column p-4" method="post" action="action/index_action.php">
                        <label class="lblTit">Usuario</label>
                        <input id="username" name="username" type="text" autocomplete="username" class="mb-3" placeholder="Escribe aquí tú usuario (al | ad)" maxlength="8" />
                        <label class="lblTit">Contraseña</label>
                        <div class="position-relative">
                            <input id="passwd" name="passwd" type="password" autocomplete="current-password" class="mb-3" placeholder="Escribe aquí tú contraseña">
                            <span class="text-primary ing-ojo"></span>
                        </div>
                        <div class="d-flex flex-column flex-sm-row justify-content-start align-items-center mb-2">
                            <label class="lblTit">Buscar por:</label>
                            <div class="switch" data-on="Alumno" data-off="Clave" id="switchBuscar">
                                <div class="span">Clave</div>
                                <input type="checkbox" id="buscar"/>
                            </div>
                        </div>
                        <input id="clave" type="text" name="clave" placeholder="Escribe aquí la clave del alumno (alXXXXXX)" maxlength="8">
                        <div id="dlAlumno" class="position-relative datalist" data-id="0">
                            <input id="inputAlumno" class="datalist-input" type="text" placeholder="Escribe aquí el nombre del alumno" autocomplete="off">
                            <span id="iconAlumno" class="text-primary input-buscar"></span>
                            <ul style="display:none">
                            <?php $alumnos = SGI::getAlumnos($pdo);
                            foreach ($alumnos as $alumno) { ?>
                                <li data-id="<?php echo $alumno['id']; ?>"><?php echo $alumno['apellidos'] . ' ' . $alumno['nombre']; ?></li>
                            <?php } ?>
                            </ul>
                        </div>
                        <?php if(isset($_GET["error"])){ ?>
                        <p class="text-danger text-center font-weight-bold<?php echo $mt;?>">¡ERROR! <?php echo $errorDesc;?></p>
                        <?php } ?>
                        <div class="align-self-center text-center mt-3">                            
                            <button type="submit" class="btn btn-verde btnIcon" id="btnIngresar"><span class="ing-iniciar-sesion mr-1"></span>Ingresar</button>
                            <button type="button" class="btn btn-rojo btnIcon" id="btnLimpiar"><span class="ing-borrar mr-1"></span>Limpiar</button>
                        </div>
                    </form>
                </div>
            </div>
        </main>
        <!--- FOOTER--->
        <div style="isolation: isolate;">
        <?php Template::footer(); ?>
        </div>
        <?php Template::getJS(array('elementos.js','secciones/index.js')); ?>
        <script>        
        </script>
    </body>
</html>