<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.master" CodeBehind="intPicada.aspx.vb" Inherits="WebIntranet.intPicada" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Content" runat="server" ClientIDMode="Static">
    <div class="row pag">
        <div id="navLateral" class="col-3">
            <ul>
                <li id='intPicadaBL' runat="server" class='obtListLat listActivo'><a onclick="redirigir()" href="intPicada.aspx">Introducir picada</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>
            </ul>

        </div>
        <div class="col">
            <p class="tituloMobile">Introducir picada</p>
            <div class="migasDePan">
                <ul>
                    <li class="migaActiva">/ Control Horario</li>
                    <li class="migaActiva">/ Introducir picada</li>
                </ul>
            </div>

            <div class="secPicada d-flex justify-content-center align-items-center">

                <div class="d-flex flex-column justify-content-center mt-3">
                    <div id="fechaActual" style="margin: auto" runat="server">
                        <p>Fecha / Hora de picada: <span id="fechaHoraPicada"><% %></span></p>
                    </div>

                    <div class="incidencias">
                        <p style="margin-right: 15px; font-family: 'Satoshi';">Incidencia:</p>
                        <dx:ASPxComboBox CssClass="selectIn" Width="100%" TextField="Descripcion" ValueField="idIncidencias" ID="selIncidencia" runat="server">
                        </dx:ASPxComboBox>
                    </div>

                    <div class="d-flex justify-content-center">
                        <input type="button" id="btnPicar" class="btnAzul btnAlargado" onclick="Picar()" value="PICAR" />
                    </div>

                </div>
                <p id="mensajePicadaAnno" runat="server"></p>

            </div>

            <div id="mensajePicada" runat="server">
            </div>

        </div>
    </div>
    <script>

        /***RELOJ PICADAS***/
        function Picar() {

            var Incidencia = selIncidencia.lastSuccessValue
            //if (Incidencia != null && Incidencia != "0") {
            $("#divLoading").css("display", "flex")
            $.ajax({
                type: "post",
                url: "/intPicada.aspx/Picar",
                data: '{"incidencia":"' + Incidencia + '"}',
                contentType: "application/json; charset=utf-8",
                //dataType: "json",
                async: true,
                success: function (result) {
                    if (result.d != "") {
                        resultadoPicada = JSON.parse(result.d)
                        if (resultadoPicada[0].result == "0") {
                            $("#divLoading").css("display", "none")
                            $('#mensajePicada').css('color', '#02bd02')
                            $('#mensajePicada').html("<p>" + resultadoPicada[0].mensaje + "</p>")
                        }
                        else {
                            $("#divLoading").css("display", "none")
                            $('#mensajePicada').css('color', 'red')
                            $('#mensajePicada').html("<p>" + resultadoPicada[0].mensaje + "</p>")
                        }
                    }
                },
                error: function (result) {
                    $("#divLoading").css("display", "none")
                    alert('error occured');
                    alert(result.responseText);

                },

            });
            //}
            //else {
            //    $('#mensajePicada').css('color', 'red')
            //    $('#mensajePicada').html("<p>Se debe seleccionar un tipo de incidencia</p>")
            //}
        }

        function clockTick() {
            var currentTime = new Date(),
                month = (currentTime.getMonth() + 1).toString(),
                day = currentTime.getDate().toString(),
                year = currentTime.getFullYear(),
                hours = currentTime.getHours(),
                minutes = currentTime.getMinutes().toString(),
                seconds = currentTime.getSeconds(),


                text = (day.padStart(2, "0") + " / " + month.padStart(2, "0") + " / " + year + ' ' + hours + ':' + minutes.padStart(2, "0"));


            document.getElementById('fechaHoraPicada').innerHTML = text;
        }

        setInterval(clockTick, 1000);

    </script>
</asp:Content>
