<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.master" CodeBehind="intPicadaPersonal.aspx.vb" Inherits="WebIntranet.intPicadaPersonal" %>
<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 listActivo'><a onclick="redirigir()" href="intPicadaPersonal.aspx">Introducir picada a personal</a></li>
                    <li id='Li1' runat="server" class='obtListLat'><a onclick="redirigir()" href="AnularPicadas.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">/ Introducir picada a personal</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" class="cajaIntPicada">
                    <div class="incidencias">
                        <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 class="incidencias" style="margin-bottom: 45px">
                        <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 style="display: flex; gap: 5px;">
                        <p style="width: 80px; font-family: 'Satoshi'; font-size: 15px;">Fecha: </p>
                        <input style="width: 100%; font-family: 'Satoshi'; font-size: 15px;" class="inHora" type="date" id="inpFecha" />
                    </div>
                    <div style="display: flex; gap: 5px;">
                        <p style="width: 80px; font-family: 'Satoshi'; font-size: 15px;">Hora:</p>
                        <input style="width: 100%; font-family: 'Satoshi'; font-size: 15px;" class="inHora" type="time" step="1" id="inpTime" />
                    </div>


                    <%--  <div id="fechaActual" style="margin: auto" runat="server">
                       <p>Fecha / Hora de picada: <span id="fechaHoraPicada"></span></p>
                   </div>--%>


                    <div class="d-flex justify-content-center">
                        <input type="button" style="width: 30%; margin-top: 50px;" class="btnAzul" onclick="Picar()" value="PICAR" />
                    </div>

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

            </div>

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

        </div>
    </div>
    <script>
       //selIncidencia.ValueChanged(function () { lockTime() })
       //function lockTime() {
       //    var incidencia = selIncidencia.GetText()

       //    if (incidencia.includes("DIA COMPLETO") || incidencia.includes("DÍA COMPLETO")) {
       //        $("#inpTime").css("background-color", "light-gray")
       //        $("#inpTime").attr("readonly", "readonly")
       //    }
       //    else {
       //        $("#inpTime").css("background-color", "white")
       //        $("#inpTime").removeattr("readonly")
       //    }

       //}

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

           var Incidencia = selIncidencia.GetValue()
           var nuevaIncidencia = []
           var fecha = $("#inpFecha").val()
           var time = $("#inpTime").val()
           var dni = cbPersonas.GetValue()
           $("#divLoading").css("display", "flex")

           if (time == "" && (selIncidencia.GetText().includes("DIA COMPLETO") || selIncidencia.GetText().includes("DÍA COMPLETO")) == false) {
               $("#divLoading").css("display", "none")
               $('#mensajePicada').css('color', 'red')
               $('#mensajePicada').html("<p>Si la incidencia no es de día completo la hora es necesaria</p>")
               return
           }

           $.ajax({
               type: "post",
               url: "/intPicadaPersonal.aspx/Picar",
               data: '{"incidencia":"' + Incidencia + '", "fecha":"' + fecha + '","hora":"' + time + '","dni":"' + dni + '"}',
               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);

               },

           });
       }
        
   </script>

</asp:Content>
