<%@ Master Language="VB" AutoEventWireup="true" CodeBehind="Site.master.vb" Inherits="WebIntranet.SiteMaster" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Oficina Andaluza Antifraude</title>
    <link rel="icon" type="image/x-icon" href="Content/faviconOAAF.png" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Site.css?v=<%=asemVer %>" rel="stylesheet" />
    <link href="~/Content/all.min.css" rel="stylesheet" />
    <script src="/Scripts/all.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.min.js"></script>
    <script type="text/javascript" src="/Scripts/popper.min.js"></script>
    <script type="text/javascript" src="/Scripts/bootstrap.min.js"></script>

</head>
<body id="body" version="1.1" runat="server">
    <form runat="server">
        <div id="marcoSituacion" style="display: none;">
            <div class="row" id="divSituacion">
                <div class="col-12" style="display: none" id="textMensaje">
                    <p>En este momento no hay datos del personal en oficina.</p>
                </div>
                <div class="col-6 tablaPicadas" id="tAct">
                    <p style='font-weight: bold;'>Personal activo </p>
                    <div id="tablaActivos"></div>
                </div>
                <div class="col-6 tablaPicadas" id="tAus">
                    <p style='font-weight: bold;'>Personal ausente </p>
                    <div id="tablaInactivos"></div>
                </div>
                <div class="accordion" style="width: 100%; margin-top: 15px; z-index: 5" id="tablasPersonalMob">
                    <div id="Div1" runat="server" class="card">
                        <div class="card-header" id="heading1" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                            <h5 class="mb-0">
                                <input type="button" value="Personal activo" class="CardSubgrupo" />
                            </h5>
                        </div>
                        <div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#accordionExample">
                            <div class="card-body" id="Div2" runat="server">
                                <div class="col-12 tablaPicadas" style="padding: 0; width: 100%; font-size: 11px;" id="tablaActivosMob"></div>
                            </div>
                        </div>
                    </div>
                    <div id="Div3" runat="server" class="card">
                        <div class="card-header" id="heading2" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse2">
                            <h5 class="mb-0">
                                <input type="button" value="Personal ausente" class="CardSubgrupo" />
                            </h5>
                        </div>
                        <div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordionExample">
                            <div class="card-body" id="Div4" runat="server">
                                <div class="col-12 tablaPicadas" style="padding: 0; width: 100%; font-size: 11px;" id="tablaInactivosMob"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <input type="button" id="cerrarSituacion" style="margin-top: 10px" class="btnGris" value="Cerrar" onclick="cerrarSituacion()" />
                </div>
            </div>
        </div>
        <div id="divLoading">
            <img class="Loading" height="50px" src="../Content/images/cargaOAAF.gif" />
            <p id="txtLoading"></p>
        </div>
        <div id="btnAtrasGeneral" runat="server">
            <input type="button" class="btnGris" value="Atras" onclick="history.back()" />
        </div>
        <nav id="barraNavegacion" runat="server" class=" navbar navbar-expand navbar-light  pt-0" style="padding-inline: 0px; z-index: 5; flex-direction: column; position: fixed; width: 100%;">
            <div class="containerNavBar sombraNavegador padding-pag" style="padding-block: 15px;">
                <div>
                    <button id="NavbarMenuComp" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#topMenu" aria-controls="topMenu" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="contenedor">
                        <div class="textoParAnda">
                            <a runat="server" onserverclick="linkLogo_ServerClick" style="padding-block: 5px;">
                                <img id="imgNavBarPrincipal" class="navbar-brand" src="../Content/images/1-oaaf-logo.png" style="height: 60px;" />
                            </a>
                        </div>

                        <a runat="server" onserverclick="linkLogo_ServerClick" style="padding-block: 5px;" id="linkLogoParlamento">


                            <img class="navbar-brand" src="../Content/images/1-oaaf-logo.png" style="height: 80px;" />
                        </a>
                    </div>

                </div>

                <div id="usNav">
                    <%-- <a class="btnBack" onclick="history.back()" style="background-color: var(--AzulOscuro); padding-inline: 10px; border-radius: 50%; cursor: pointer; font-weight: bold; color: white; text-decoration: none; margin-right: 20px;"><
</a>--%>
                    <a runat="server" id="usuarioNav"></a>
                    <a id="imgCambiarModo" runat="server" style="cursor: pointer" title="Gestionar Personal / Gestión Propia" runat="server" onclick="redirigir()" href="selModo.aspx">
                        <%--<a id="imgCambiarModo" style="cursor: pointer" title="Gestionar Personal / Gestión Propia" runat="server" onclick="botonCambiarModo()">--%>
                        <i style="color: black" id="imgCambiarModoDiv" class="fas fa-retweet fa-lg"></i>
                    </a>
                    <a id="imgGestDele" onclick="redirigir()" href="gestDelegados.aspx" class="gestPersonal" runat="server" style="cursor: pointer" title="Gestionar delegados">
                        <i style="color: black" id="imgGestDeleDiv" class="fa-solid fa-user-gear"></i>
                    </a>
                    <a class="gestPersonal" runat="server" id="selUsuIcon" style="cursor: pointer" title="Usuarios Seleccionados" onclick="redirigir()" href="selUsuarios.aspx">
                        <i style="color: black" id="imgUsers" class="fas fa-user-group fa-lg"></i>
                    </a>
                    <a title="Salir" onclick="redirigir()" href="/Default.aspx" style="color: black;" onclick="sessionStorage.clear()">
                        <i style="color: black" id="imgLogout" class="fas fa-power-off fa-lg"></i>
                    </a>
                </div>

                <div class="divConMenuHambur" runat="server" id="conMenuHambur" runat="server" style="align-items: center; justify-content: center;">
                    <div style="float: right; width: 60px; height: 60px; background-color: white;">
                        <a role="button" aria-expanded="false" onclick="MostrarElementos()">
                            <img src="../content/images/list.svg" style="width: 60px; height: 60px; align-items: center;" />
                        </a>
                    </div>
                </div>
            </div>
            <div id="divElementosCabecera">
            </div>
            <div class="separacion" id="topMenu" style="color: black">

                <nav class="navbar navbar-expand  justify-content-center" runat="server" id="navigation" role="navigation">
                    <div class="pa-header-row3">
                        <ul id="pa-main-menu" class="navbar-nav align-self-end" aria-label="Páginas del sitio web" role="menubar">
                           
                            <li class="nav-item dropdown" id="pestPermisos" runat="server" role="presentation">
                                <a class="nav-link gestPropia" href="#" id="navbarDropdown_rama2" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Permisos</a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown_rama2" id="menuSeccionVacacionesPermisos" runat="server">
                                </div>
                            </li>
                            <li class="nav-item dropdown" id="pestIncidencias" runat="server" role="presentation">
                                <a class="nav-link gestPropia" href="#" id="navbarDropdown_rama3" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Comunicaciones</a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown_rama3" id="menuSeccionIncidencias" runat="server">
                                </div>
                            </li>
                            <li class="nav-item dropdown" id="pestInciPers" runat="server" role="presentation">
                                <a class="nav-link gestPersonal" onclick="redirigir()" id="navbarDropdown_rama10" href="intIncidenciaPers.aspx" role="menuitem">Incidencias a personal</a>

                            </li>
                            <li class="nav-item dropdown" id="pestControlHorario" runat="server" role="presentation">
                                <a class="nav-link" href="#" id="navbarDropdown_rama4" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Control horario</a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown_rama4">
                                    <a class="dropdown-item gestPropia" id="pestIntPicada" runat="server" onclick="redirigir()" href="/intPicada.aspx" role="menuitem">Introducir picada</a>
                                    <a class="dropdown-item gestPropia" id="pestIntPicadaPers" runat="server" onclick="redirigir()" href="/intPicadaPersonal.aspx" role="menuitem">Introducir picada a personal</a>
                                    <a class="dropdown-item gestPropia" id="pestAnuPicadaPers" runat="server" onclick="redirigir()" href="/AnularPicadas.aspx" role="menuitem">Anular picada a personal</a>
                                    <a class="dropdown-item" id="pestlistPicadas" runat="server" onclick="redirigir()" href="/listPicadas.aspx" role="menuitem">Informe de listado de picadas</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/listSolicitudesComunicaciones.aspx" role="menuitem">Informe de permisos y comunicaciones</a>
                                    <%--<a class="dropdown-item gestPropia" id="pestBolsaHoras" runat="server" onclick="redirigir()" href="/bolsaDeHoras.aspx" role="menuitem">Bolsa de horas extraordinarias </a>--%>
                                    <a class="dropdown-item gestPropia" id="pestVAAPBCBL" runat="server" onclick="redirigir()" href="/VAAPBC.aspx" role="menuitem">Situación de vacaciones, asuntos particulares y días compensatorios </a>
                                    <a class="dropdown-item gestPropia" id="pestVAAPBCBLpers" runat="server" onclick="redirigir()" href="/VAAPBCpers.aspx" role="menuitem">Situación de vacaciones, asuntos particulares y días compensatorios </a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/resumenSolicitudesComunicacionesEntreFechas.aspx" role="menuitem">Resumen de permisos y comunicaciones entre fechas </a>
                                    <a class="dropdown-item" id="estInciPicada" runat="server" onclick="redirigir()" href="/estadoInciPicada.aspx" role="menuitem">Estado de incidencias y picadas </a>
                                </div>
                            </li>
                                                        <li class="nav-item dropdown" id="pestControlTT" runat="server" role="presentation">
                                <a class="nav-link" href="#" id="dropControlTT" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Control de Teletrabajo</a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown_rama4">
                                    <a class="dropdown-item" id="A1" runat="server" onclick="redirigir()" href="/gestionTeletrabajo.aspx" role="menuitem">Calendario de teletrabajo</a>
                                    <a class="dropdown-item" id="A2" runat="server" onclick="redirigir()" href="/gestionTeletrabajoPers.aspx" role="menuitem">Excepciones de personal</a>
                                </div>
                            </li>
                            <li class="nav-item dropdown" id="pestDatosPers" runat="server" role="presentation">
                                <a class="nav-link gestPropia" onclick="redirigir()" href="/datosPersonales.aspx" id="navbarDropdown_rama5" role="menuitem">Datos personales</a>
                            </li>
                                <li class="nav-item dropdown" id="pestGestDep" runat="server" role="presentation">
        <a class="nav-link gestPropia" onclick="redirigir()" href="/gestionDepartamentoEmp.aspx" id="navGestDep" role="menuitem">Gestion de departamentos</a>
    </li>
                            <li class="nav-item dropdown" id="DatosAdmMen" runat="server" role="presentation">
                                <a class="nav-link" href="#" id="navbarDropdown_rama9" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Datos Administrativos</a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown_rama9">
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/Puestos.aspx" role="menuitem">Puestos</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/vidaAdministrativa.aspx" role="menuitem">Vida administrativa</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/gradoPersonal.aspx" role="menuitem">Grado personal</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/formacion.aspx" role="menuitem">Formación</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/Idioma.aspx" role="menuitem">Idiomas</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/trienios.aspx" role="menuitem">Trienios</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/carHor.aspx" role="menuitem">Carrera horizontal</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/titulaciones.aspx" role="menuitem">Titulación académia oficial</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/docencia.aspx" role="menuitem">Docencia</a>
                                    <a class="dropdown-item" onclick="MostrarAcreditacionDatos()" role="menuitem">Hoja de acreditacion de datos</a>
                                </div>
                            </li>
                            <li class="nav-item dropdown" id="pestRetribuciones" runat="server" role="presentation">
                                <a class="nav-link gestPropia" href="#" id="navbarDropdown_rama7" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Retribuciones</a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown_rama5">
                                    <a class="dropdown-item" onclick="redirigir()" href="Nominas.aspx" role="menuitem">Nóminas</a>
                                    <%--    <a class="dropdown-item" role="menuitem">Solicitud de anticipo de retribuciones</a>
                        <a class="dropdown-item" role="menuitem">Otras retribuciones</a>--%>
                                </div>
                            </li>
                            <li class="nav-item dropdown" id="tabSituacionPersonal" runat="server" role="presentation">
                                <a class="nav-link gestPropia" onclick="situacionPersonal()" id="navbarDropdown_rama8" role="menuitem">Situación del personal oficina</a>
                            </li>
                        </ul>
                    </div>
                </nav>

            </div>
            <nav class="navegadorMobile" id="navMobile" style="display: none; max-height: calc( 100vh - 110px); overflow-y: auto; padding-bottom: 20px">
                <div class="fondoOscuro" onclick="MostrarElementos()"></div>
                <div class="accordion" style="width: 100%; margin-top: 15px; z-index: 5" id="accordionExample">
                    <div id="CardSolicitudesMob" runat="server" class="card">
                        <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                            <h5 class="mb-0">
                                <input type="button" value="Permisos" class="CardSubgrupo" />
                            </h5>
                        </div>
                        <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                            <div class="card-body" id="solicitudesMob" runat="server">
                            </div>
                        </div>
                    </div>
                    <div id="CardComunicacionesMob" runat="server" class="card">
                        <div class="card-header" id="headingTwo" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            <h5 class="mb-0">
                                <input type="button" value="Comunicaciones" class="CardSubgrupo" />
                            </h5>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                            <div class="card-body" id="comunicacionesMob" runat="server">
                            </div>
                        </div>
                    </div>
                    <div class="card" id="mobInciPersonal" runat="server">
                        <div class="card-header" id="headingnine" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                            <h5 class="mb-0">
                                <a class="CardSubgrupo" style="font-weight: normal" onclick="redirigir()" href="intIncidenciaPers.aspx">Incidencias a personal</a>
                            </h5>
                        </div>
                    </div>
                    <div class="card" id="cardControlHorario" runat="server">
                        <div class="card-header" id="headingThree" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                            <h5 class="mb-0">
                                <input type="button" value="Control horario" class="CardSubgrupo" />
                            </h5>
                        </div>
                        <div id="collapseThree" class="collapse show" aria-labelledby="headingThree" aria-expanded="true" data-parent="#accordionExample">
                            <div class="card-body">
                                <a class="dropdown-item gestPropia" id="intPicadaMob" runat="server" onclick="redirigir()" href="/intPicada.aspx" role="menuitem">Introducir picada</a>
                                <a class="dropdown-item gestPropia" id="intPicadaPersMob" runat="server" onclick="redirigir()" href="/intPicadaPersonal.aspx" role="menuitem">Introducir picada a personal</a>
                                <a class="dropdown-item gestPropia" id="AnularPicadaPersMob" runat="server" onclick="redirigir()" href="/AnularPicadas.aspx" role="menuitem">Anular picada a personal</a>
                                <a class="dropdown-item" id="infPicadasMob" runat="server" onclick="redirigir()" href="/listPicadas.aspx" role="menuitem">Informe de listado de picadas</a>
                                <a class="dropdown-item" onclick="redirigir()" href="/listSolicitudesComunicaciones.aspx" role="menuitem">Informe de permisos y comunicaciones</a>
                                <%--<a class="dropdown-item gestPropia" id="BolsaHorasMob" runat="server" onclick="redirigir()" href="/bolsaDeHoras.aspx" role="menuitem">Bolsa de horas extraordinarias </a>--%>
                                <a class="dropdown-item gestPropia" id="VacacionesMob" runat="server" onclick="redirigir()" href="/VAAPBC.aspx" role="menuitem">Situación de vacaciones, asuntos particulares y días compensatorios </a>
                                <a class="dropdown-item gestPropia" id="VacacionesMobpers" runat="server" onclick="redirigir()" href="/VAAPBCpers.aspx" role="menuitem">Situación de vacaciones, asuntos particulares y días compensatorios </a>
                                <a class="dropdown-item" onclick="redirigir()" href="/resumenSolicitudesComunicacionesEntreFechas.aspx" role="menuitem">Resumen de permisos y comunicaciones entre fechas </a>
                                <a class="dropdown-item" id="estInciPicadaMob" runat="server" onclick="redirigir()" href="/estadoInciPicada.aspx" role="menuitem">Estado de incidencias y picadas </a>

                            </div>
                        </div>

                    </div>

                    <div class="card" id="cardControlTT" runat="server">
                        <div class="card-header" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                            <h5 class="mb-0">
                                <input type="button" value="Control de Teletrabajo" class="CardSubgrupo" />
                            </h5>
                        </div>
                        <div class="collapse show" aria-labelledby="headingThree" aria-expanded="true" data-parent="#accordionExample">
                            <div class="card-body">
                                <a class="dropdown-item" id="A3" runat="server" onclick="redirigir()" href="/gestionTeletrabajo.aspx" role="menuitem">Calendario de teletrabajo</a>
                                <a class="dropdown-item" id="A4" runat="server" onclick="redirigir()" href="/gestionTeletrabajoPers.aspx" role="menuitem">Excepciones de personal</a>
                            </div>
                        </div>
                    </div>

                    <div class="card" id="cardSitucaionPersonal" runat="server">
                        <div class="card-header" id="headingFour" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                            <h5 class="mb-0">
                                <a class="CardSubgrupo" style="font-weight: normal; color: white" onclick="situacionPersonal();MostrarElementos()">Situación del personal oficina</a>
                                <%--<input type="button" value="Datos administrativos" class="CardSubgrupo" />--%>
                            </h5>
                        </div>
                        <%--   <div class="card" id="CardDatosPersMob" runat="server">
                        <div class="card-header" id="headingFour" onclick="redirigir(); window.location.href='datosPersonales.aspx'">
                            <h5 class="mb-0">
                                <input type="button" value="Datos personales" class="CardSubgrupo" />
                            </h5>
                        </div>
                    </div>--%>
                        <div class="card" id="CardDatosAdminMob" runat="server">
                            <div class="card-header" id="headingFive" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                <h5 class="mb-0">
                                    <a class="CardSubgrupo" style="font-weight: normal" onclick="redirigir()" href="datosPersonales.aspx">Datos personales</a>                                 
                                </h5>
                            </div>                         
                        </div>
                         <div class="card" id="cardGestDep" runat="server">
     <div class="card-header" id="headingSeven" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
         <h5 class="mb-0">
             <a class="CardSubgrupo" style="font-weight: normal" onclick="redirigir()" href="gestionDepartamentoEmp.aspx">Gestion de departamentos</a>                                 
         </h5>
     </div>                         
 </div>
                        <div class="card" id="Div6Mov" runat="server">
                            <div class="card-header" id="headingDA" data-toggle="collapse" data-target="#collapseDA" aria-expanded="false" aria-controls="collapseDA">
                                <h5 class="mb-0">
                                    <%--<a class="CardSubgrupo" style="font-weight:normal"  onclick="redirigir()" href="datosPersonales.aspx">Datos personales</a>--%>
                                    <input type="button" value="Datos administrativos" class="CardSubgrupo" />
                                </h5>
                            </div>
                            <div id="collapseDA" class="collapse" aria-labelledby="headingDA" data-parent="#accordionExample">
                                <div class="card-body">
                                    <%--<a class="dropdown-item"  onclick="redirigir(); window.location.href='datosPersonales.aspx'" role="menuitem">Datos personales</a>--%>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/Puestos.aspx" role="menuitem">Puestos</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/vidaAdministrativa.aspx" role="menuitem">Vida administrativa</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/gradoPersonal.aspx" role="menuitem">Grado personal</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/formacion.aspx" role="menuitem">Formación</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/Idioma.aspx" role="menuitem">Idiomas</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/trienios.aspx" role="menuitem">Trienios</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/carHor.aspx" role="menuitem">Carrera horizontal</a>
                                    <a class="dropdown-item" onclick="redirigir()" href="/DatosAdministrativos/titulaciones.aspx" role="menuitem">Titulación académia oficial</a>
                                    <a class="dropdown-item" onclick="MostrarAcreditacionDatos()" role="menuitem">Hoja de acreditacion de datos</a>
                                </div>
                            </div>
                        </div>
                        <div class="card" id="CardRetribucionesMob" runat="server">
                            <div class="card-header" id="headingSix" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                <h5 class="mb-0">
                                    <input type="button" value="Retribuciones" class="CardSubgrupo" />

                                </h5>
                            </div>
                            <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
                                <div class="card-body">
                                    <a class="dropdown-item" onclick="redirigir()" href="Nominas.aspx" role="menuitem">Nóminas</a>
                                    <a class="dropdown-item" role="menuitem">Solicitud de anticipo de retribuciones</a>
                                    <a class="dropdown-item" role="menuitem">Otras retribuciones</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <p id="nombreUsuarioMob" runat="server" style="position: relative; z-index: 5; font-weight: bold; padding-inline: 25px; margin-top: 15px; color: white"></p>
                    <div style="display: flex; justify-content: space-around; position: relative; z-index: 5">
                        <a id="imgCambiarModoMob" runat="server" style="cursor: pointer" title="Gestionar Personal / Gestión Propia" runat="server" onclick="redirigir()" href="selModo.aspx">
                            <%--<a id="imgCambiarModo" style="cursor: pointer" title="Gestionar Personal / Gestión Propia" runat="server" onclick="botonCambiarModo()">--%>
                            <i style="color: white" id="imgCambiarModoDivMob" class="fas fa-retweet fa-lg"></i>
                        </a>
                        <a id="imgGestDeleMob" onclick="redirigir()" href="gestDelegados.aspx" class="gestPersonal" runat="server" style="cursor: pointer" title="Gestionar delegados">
                            <i style="color: white" id="imgGestDeleDivMob" class="fa-solid fa-user-gear"></i>
                        </a>
                        <a class="gestPersonal" runat="server" id="imgUsersMob" style="cursor: pointer" title="Usuarios Seleccionados" onclick="redirigir()" href="selUsuarios.aspx">
                            <i style="color: white" id="imgUsersDivMob" class="fas fa-user-group fa-lg"></i>
                        </a>
                        <a title="Salir" onclick="redirigir()" href="/Default.aspx" style="color: black;" onclick="sessionStorage.clear()">
                            <i style="color: white" id="imgLogoutMob" class="fas fa-power-off fa-lg"></i>
                        </a>
                    </div>
            </nav>
        </nav>

        <div class="container-fluid">
            <asp:ContentPlaceHolder ID="Content" runat="server" ClientIDMode="Static">
            </asp:ContentPlaceHolder>
        </div>
    </form>
    <script>
        function MostrarAcreditacionDatos() {
            $("#divLoading").css("display", "flex")
            $.ajax({
                type: "post",
                url: "../home.aspx/ObtenerAcredDatos",
                contentType: "application/json; charset=utf-8",
                success: function (result) {
                    if (result.d != "") {
                        $('#btnDescargaRIM').css('display', 'none')
                        $("#iframeRIM").html = ""
                        $('#textoErrorRIM').html("")
                        var archivo = JSON.parse(result.d.Result)
                        var base64String = archivo.archivo

                        datosNomina = base64String
                        /* if ($(window).width() < 767) {*/

                        var uri = 'data:application/octet-stream;base64,' + base64String;
                        var downloadLink = document.createElement("a");
                        downloadLink.href = uri;
                        downloadLink.download = "HojaAcrecitacionDeDatos.pdf";

                        document.body.appendChild(downloadLink);
                        downloadLink.click();
                        document.body.removeChild(downloadLink);
                        $("#divLoading").css("display", "none")
                        //$('#textoErrorGestPers').css("color", "#02bd02")
                        //$('#textoErrorGestPers').text("ARCHIVO DESCARGADO")


                        /* }*/
                        //else {
                        //    $('#iFrameRIMdiv').css('display', 'block')
                        //    $('#btnDescargaPDF').css('display', 'block')
                        //    $("#iFrameRIMdiv").html('<iframe  height="100%" width="100%" src="data:application/vnd.ms-excel;base64,' + base64String + '&action=embedview&wdbipreview=True."></iframe>')
                        //}

                    }
                },
                error: function (result) {
                    alert('error occured');
                    alert(result.responseText);
                    $("#divLoading").css("display", "none")

                },
                async: true
            });
        }

        window.addEventListener("load", function (event) {
            setTimeout(() => {
                SessionAcabada();
            }, 1470000);
        })
        function SessionAcabada() {
            window.location.href = "/Default.aspx"
        }

        function MostrarConsolidacionGrado() {
            $("#divLoading").css("display", "flex")
            $.ajax({
                type: "post",
                url: "../home.aspx/ObtenerConsolidacionGrado",
                contentType: "application/json; charset=utf-8",
                success: function (result) {
                    if (result.d != "") {
                        $('#btnDescargaRIM').css('display', 'none')
                        $("#iframeRIM").html = ""
                        $('#textoErrorRIM').html("")
                        var archivo = JSON.parse(result.d.Result)
                        var base64String = archivo.FicheroExcel

                        datosNomina = base64String
                        /* if ($(window).width() < 767) {*/

                        var uri = 'data:application/octet-stream;base64,' + base64String;
                        var downloadLink = document.createElement("a");
                        downloadLink.href = uri;
                        downloadLink.download = "SolicitudConsolidacionGrado.pdf";

                        document.body.appendChild(downloadLink);
                        downloadLink.click();
                        document.body.removeChild(downloadLink);
                        $("#divLoading").css("display", "none")
                        $('#textoErrorGestPers').css("color", "#02bd02")
                        $('#textoErrorGestPers').text("ARCHIVO DESCARGADO")


                        /* }*/
                        //else {
                        //    $('#iFrameRIMdiv').css('display', 'block')
                        //    $('#btnDescargaPDF').css('display', 'block')
                        //    $("#iFrameRIMdiv").html('<iframe  height="100%" width="100%" src="data:application/vnd.ms-excel;base64,' + base64String + '&action=embedview&wdbipreview=True."></iframe>')
                        //}

                    }
                },
                error: function (result) {
                    alert('error occured');
                    alert(result.responseText);
                    $("#divLoading").css("display", "none")

                },
                async: true
            });
        }
        function MostrarElementos() {
            ($("#navMobile").css("display") == "none" ? $("#navMobile").css("display", "block") : $("#navMobile").css("display", "none"))
        }
        function situacionPersonal() {
            $.ajax({
                type: "post",
                url: "../home.aspx/SituacionEmpleados",
                contentType: "application/json; charset=utf-8",
                success: function (result) {
                    if (result.d != "") {
                        var resultado = JSON.parse(result.d.Result)
                        var tablaActivos = ""
                        var tablaAusentes = ""
                        if (resultado.PerconIncidencia.length == 0 && resultado.PerenlaOficina.length == 0) {
                            $("#textMensaje").css("display", "flex")
                            $("#tablaActivos").css("display", "none")
                            $("#tablaInactivos").css("display", "none")
                            $("#marcoSituacion").css("display", "flex")
                        }
                        else {
                            tablaActivos += "<table>" +
                                "<tr><th>Nombre y apellidos</th><th>Situación</th></tr>"//<th>NIF</th>
                            for (var i = 0; i < resultado.PerenlaOficina.length; i++) {
                                tablaActivos += "<tr><td>" + resultado.PerenlaOficina[i].ApeNom + "</td><td>" + resultado.PerenlaOficina[i].Situacion + "</td></tr>"//<td>" + resultado.PerenlaOficina[i].Nif + "</td>
                            }
                            tablaActivos += "</table>"
                            //SERGIO:Agu dijo de quitar el nif en administrador, no se si esto se reusa en otra cosa no admin, si no deberias ponerlo en selmodo.aspx en lugar de aqui o cualquiera puede acceder a esto por javascript y liarla
                            tablaAusentes += "<table>" +
                                "<tr><th>Nombre y apellidos</th><th>Situación</th></tr>"//<th>NIF</th>
                            for (var i = 0; i < resultado.PerconIncidencia.length; i++) {
                                tablaAusentes += "<tr><td>" + resultado.PerconIncidencia[i].ApeNom + "</td><td>" + resultado.PerconIncidencia[i].Situacion + "</td></tr>" //<td>" + resultado.PerconIncidencia[i].Nif + "</td>
                            }
                            tablaAusentes += "</table>"
                            $("#textMensaje").css("display", "none")
                            $("#tablaActivos").css("display", "flex")
                            $("#tablaInactivos").css("display", "flex")
                            $("#tablaActivos").html(tablaActivos)
                            $("#tablaInactivos").html(tablaAusentes)
                            $("#tablaActivosMob").html(tablaActivos)
                            $("#tablaInactivosMob").html(tablaAusentes)
                            $("#marcoSituacion").css("display", "flex")
                        }
                    }
                },
                error: {

                },
            });
        }
        function mostrarTooltip(id) {
            $("#tooltip" + id.toString()).css("visibility", "Visible")
            $("#tooltip" + id.toString()).css("opacity", 1)
        }
        function ocultarTooltip(id) {
            $("#tooltip" + id.toString()).css("visibility", "none")
            $("#tooltip" + id.toString()).css("opacity", 0)
        }
        $("#cerrarSituacion").on("click", function () {
            $("#tablaActivos").html("")
            $("#tablaInactivos").html("")
            $("#marcoSituacion").css("display", "none")
        })
        function cerrarSituacion() {
            $("#tablaActivos").html("")
            $("#tablaInactivos").html("")
            $("#marcoSituacion").css("display", "none")
        }

    </script>
</body>
</html>
