<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.master" Async="true" CodeBehind="AnularPicadas.aspx.vb" Inherits="WebIntranet.AnularPicadas" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Content" runat="server">

    <div class="row pag">
        <div id="navLateral" class="col-3">
            <ul>
                <%--<li id='intPicadaBL' runat="server" class='obtListLat'><a onclick="redirigir()" href="intPicada.aspx">Introducir picada</a></li>--%>
                <li id='intPicadaPersBL' runat="server" class='obtListLat'><a onclick="redirigir()" href="intPicadaPersonal.aspx">Introducir picada a personal</a></li>
                <li id='Li1' runat="server" class='obtListLat listActivo'><a onclick="redirigir()" href="intPicadaPersonal.aspx">Anular picada a personal</a></li>
                <li id='informPicadasBL' class='obtListLat'><a onclick="redirigir()" href="listPicadas.aspx">Informe de listado de picadas</a></li>
                <li id='informIncidenciasBL' class='obtListLat'><a onclick="redirigir()" href="listSolicitudesComunicaciones.aspx">Informe de permisos y comunicaciones</a></li>
                <%--<li id='bolsaDeHorasBL' runat="server" class='obtListLat'><a onclick="redirigir()" href="/bolsaDeHoras.aspx">Bolsa de horas extraordinarias</a></li>--%>
                <%--<li id='VAAPBCBL' runat="server" class='obtListLat'><a onclick="redirigir()" href="/VAAPBC.aspx">Situación de vacaciones, asuntos particulares y días compensatorios</a></li>--%>
                <li id='VAAPBCBLpers' runat="server" class='obtListLat'><a onclick="redirigir()" href="/VAAPBCpers.aspx">Situación de vacaciones, asuntos particulares y días compensatorios</a></li>
                <li id='resumenIncidenciasEntreFechasBL' class='obtListLat'><a onclick="redirigir()" href="/resumenSolicitudesComunicacionesEntreFechas.aspx">Resumen de permisos y comunicaciones entre fechas</a></li>
                <li id='estIncPicBL' runat="server" class='obtListLat'><a onclick="redirigir()" href="/estadoInciPicada.aspx">Estado de incidencias y picadas</a></li>
            </ul>
        </div>
        <div class="col">
            <p class="tituloMobile">Introducir picada a personal</p>
            <div class="migasDePan">
                <ul>
                    <li class="migaActiva">/ Control Horario</li>
                    <li class="migaActiva">/ Anular picada a personal</li>
                </ul>
            </div>
             <p id="mensajeResultado" style="text-align:center; font-weight:bold"></p>
            <div class="secPicada d-flex justify-content-center align-items-center">
               
                <div class="incidencias" style="width: 400px">
                    <p style="margin-right: 15px; font-family: 'Satoshi';">Persona:</p>
                    <dx:ASPxComboBox CssClass="selectIn" Width="100%" TextField="Nombre" ValueField="Dni" ID="cbPersonas" runat="server">
                    </dx:ASPxComboBox>
                </div>
                </div>
             <div class="row IntroducirFechas align-items-center wrap" style="margin-left: auto !important; margin-right: auto !important; margin-bottom: 25px !important; margin-top: 0px;">
                <div class="col-md-3 d-flex" style="gap: 15px">
                    <p style="margin-bottom: 0px; width: 50px; line-height: 35px">Del</p>
                    <input id="fechaInicioListInc" runat="server" class="inFecha" style="height: 35px;" runat="server" type="date" max="9999-12-31" />
                </div>
                <div class="col-md-3 d-flex" style="gap: 15px">
                    <p style="margin-bottom: 0px; width: 50px; line-height: 35px;">al</p>
                    <input id="fechaFinListInc" class="inFecha" runat="server" style="height: 35px;" runat="server" type="date" max="9999-12-31" />
                </div>
                <div class="col-md-3" style="display: flex; justify-content: center;">
                    <input type="button" class="btnAzul btnAlargado" id="btnAnuPic" runat="server" onserverclick="cargarPicadas" value="Buscar" />
                </div>
            </div>
                    <div id="tablaPicadasAnular" style="max-height: 325px !important; max-width:600px; display:none" class="tablaPicadas" runat="server">

</div>
            <div style="width:100%;margin-top:20px;display:flex">
            <input type="button" value="Guardar cambios" style="margin-inline:auto;" class="btnAzul btnAlargado" onclick="GuardarCambios()"/>
                </div>
        </div>       
    </div>
    <script>

        function GuardarCambios() {
            $("#divLoading").css("display", "flex")
            var checks = $(".cbPic")
            var cbList = ""
            for (var i = 0; i < checks.length; i++) {
                if (i == 0) {
                    cbList += checks[i].value + "-" + checks[i].checked.toString()
                }
                else {
                    cbList +="/" + checks[i].value + "-" + checks[i].checked.toString()
                }
            }
            //cbList = [
            $.ajax({
                type: "post",
                url: "/AnularPicadas.aspx/ModificarPicadas",
                data: '{"cbList":"' + cbList+ '"}',
                async: true,
                contentType: "application/json; charset=utf-8",
                success: function (result) {
                    if (result.d != "") {
                        if (result.d.Result == "Picadas actualizadas con exito") {
                            $("#mensajeResultado").css("color", "green")
                            $("#mensajeResultado").text(result.d.Result)
                        }
                        else {
                            $("#mensajeResultado").css("color", "red")
                            $("#mensajeResultado").text(result.d.Result)
                        }
                        $("#divLoading").css("display", "none")
                    }
                },
                error: function (result) {
                    $("#divLoading").css("display", "none")
                    alert('error occured');                   
                },
            });
        }

    </script>
</asp:Content>
