<?php
session_start();
require_once 'include/bd_pdo.php';
require_once 'classes/MainMenu.php';
require_once 'classes/Template.php';
require_once 'classes/ValidaSesion.php';

//CONSTANTES Y VARIABLES GLOBALES
$menu = 44;
$submenu = 442;
$titulo = '';

if (!isset($_SESSION['usuario_id']))
    ValidaSesion::salirPagina();
else {
    if(isset($_SESSION['usuario_id']))
        $objSesion = new ValidaSesion($pdo, $submenu);
    else 
        ValidaSesion::salirPagina();
}
if (isset($objSesion)) { 
    $titulo = $objSesion->nombrePagina(); ?>
<!DOCTYPE html>
<html>
    <head>
	<title>Alumnos - <?php echo $titulo; ?></title>
        <?php if ($objSesion->tieneAcceso())
            Template::getCSS(array('jquery-ui.css','richtext.css','elementos.css','month-picker.css','secciones/empleo.css'));
        else
            Template::getCSS(); ?>
    </head>
    <body>
        <input id="idUser" type="hidden" value="<?php echo $_SESSION['usuario_id']; ?>" />
        <?php $menuObj = new MainMenu($_SESSION["RolUsuario_id"], $menu, $submenu, $pdo);
        $menuObj->printMenu($titulo);
    if ($objSesion->tieneAcceso()) { ?>
        <main class="container-fluid marco d-flex flex-column acceso">
            <button class="btn btn-verde align-self-end" id="btnAgregar"><i class="ing-mas mr-1"></i>Agregar un empleo</button>
            <div class="flex-grow-1"></div>
        </main>
        <div class="modalGral modal fade" id="modalEmpleo" tabindex="-1" data-backdrop="static" aria-labelledby="modalConfirmar" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="titModal"></h5>
                    </div>
                    <div class="modal-body d-flex flex-column justify-content-start align-items-start">
                        <label class="lblTit">Puesto</label>
                        <input id="inputPuesto" name="puesto" type="text" placeholder="Escribe el puesto" class="mb-3">
                        <label class="lblTit">Empresa</label>
                        <div id="dlEmpresa" class="position-relative datalist mb-3">
                            <input id="inputEmpresa" class="datalist-input" type="text" placeholder="Escribe el nombre de la empresa" autocomplete="off">
                            <span id="iconEmpresa" class="text-primary input-buscar"></span>
                            <?php
                                $listaEmpresas = array();
                                $stmt = $pdo->prepare("SELECT * FROM alu_fs_empresa()");
                                if(!$stmt->execute())
                                    print_r($stmt->errorInfo());
                                else
                                    $listaEmpresas = $stmt->fetchAll();
                                $stmt->closeCursor();
                                $stmt = null; ?>
                            <ul style="display:none">
                                <?php foreach ($listaEmpresas as $empresa) { ?>
                                <li><?php echo $empresa['Trabajo_empresa']; ?></li>
                                <?php } ?>
                            </ul>
                        </div>
                        <label class="lblTit">Periodo</label>
                        <div class="d-inline-flex justify-content-start align-items-center mb-3">
                            <label class="mb-1 mr-2">Actualmente tengo este cargo</label>
                            <div class="switch switch-SiNo" data-on="SI" data-off="NO" id="switchActual">
                                <div class="span">NO</div>
                                <input type="checkbox" id="actual" name="actual" />
                            </div>
                            <!--input type="checkbox" data-toggle="toggle" data-onstyle="success" data-offstyle="danger" data-on="SI" data-off="NO" id="actual" name="actual" /-->
                        </div>
                        <div class="alert alert-warning mb-1" role="alert">La fecha de término <b>no</b> puede ser anterior a la fecha de inicio</div>
                        <div class="d-flex flex-row justify-content-between align-items-center mb-3">
                            <input id="inputFechaInicio" name="fecha1" type="text" class="datepicker inputAjustado month-year-input" placeholder="Fecha de inicio" readonly>
                            <span class="endDate mx-2">-</span>
                            <label id="lblActualidad" class="inputAjustado mb-0" style="display: none">Actualidad</label>
                            <input id="inputFechaFin" name="fecha2" type="text" class="datepicker endDate inputAjustado month-year-input" placeholder="Fecha de Término" readonly>
                        </div>
                        <label class="lblTit">Funciones</label>
                        <textarea id="txtDescripcion" name="funciones" class="richtext" rows="10"></textarea>
                    </div>
                    <div class="modal-footer">                            
                        <button type="button" class="btn btn-verde btnIcon" id="btnOkEmpleo"><span class="ing-aceptar"></span></button>
                        <button type="button" class="btn btn-rojo btnIcon" data-dismiss="modal"><span class="ing-cancelar"></span></button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modalGral modal fade" id="modalEliminar" tabindex="-1" data-backdrop="static" aria-labelledby="modalEliminar" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-body text-center display-5">¿Estás seguro de querer eliminar el empleo de <span class="text-azul1"></span>?</div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-verde btnIcon" id="btnOkEliminar"><span class="ing-aceptar"></span></button>
                        <button type="button" class="btn btn-rojo btnIcon" data-dismiss="modal"><span class="ing-cancelar"></span></button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="modalAviso" tabindex="-1" aria-labelledby="modalAviso" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content msgAviso d-flex flex-row justify-content-between align-items-stretch">
                    <div class="modal-header iconAviso d-flex justify-content-center align-items-center"><i class="display-3 "></i></div>
                    <div class="modal-body txtAviso flex-grow-1 d-flex flex-column justify-content-center align-items-center">
                        <div class="display-5 msg1 indivisa-text-black mb-3"></div>
                        <div class="mb-3 msg2"></div>
                        <div class="rounded-pill p-2 text-white" data-dismiss="modal" aria-label="Close">Cerrar</div>
                    </div>
                </div>
            </div>
        </div>
    <?php } else { ?>
        <main class="container-fluid content marco">
            <div class="row justify-content-center" style="min-height: 600px;">
                <img id="errorImg" class="col-sm-3" src="img/nico_error.svg" />
                <div class="col-sm-9 display-4 d-flex flex-row justify-content-center align-items-center text-center">No tienes acceso a ésta página</div>
            </div>
        </main>
    <?php } ?>
        <div style="isolation: isolate;">
        <?php Template::footer(); ?>
        </div>
        <?php if ($objSesion->tieneAcceso())
            Template::getJS(array('jquery-ui.js','richtext.js','month-picker.js','elementos.js','secciones/empleo.js'));
        else 
            Template::getJS(); ?>
    </body>
</html>
<?php } else 
    ValidaSesion::salirPagina();