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

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

            <p class="tituloMobile">Situación de vacaciones, asuntos particulares y días compensatorios</p>
            <div class="migasDePan">
                <ul>
                    <li class="migaActiva">/ Control Horario</li>
                    <li onclick="MostrarPagina('VAAPBC','ControlHorario','VAAPBCBL')" class="migaActiva">/ Situación de vacaciones, asuntos particulares y días compensatorios </li>
                </ul>
            </div>
            <div class="row justify-content-center intAnyoNominas">
                <input id="inpAnyoVAAPBC" style="margin-inline: 10px;" type="text" maxlength="4" minlength="4" placeholder="introduce el año" runat="server" />
                <input type="button" style="margin-inline: 10px;" class="btnAzul btnAlargado" onclick="ListaVAAPBC()" value="Buscar" />
            </div>
            <div id="mensajeVAAPBC" runat="server"></div>
            <div id="tablaVAAPBC" class="cajaTabla">
            </div>

        </div>
    </div>
    <script>
        function ListaVAAPBC() {

            var html = ""
            var inpAnyo = $('#inpAnyoVAAPBC').val()
            $("#divLoading").css("display", "flex")
            $.ajax({
                type: "post",
                url: "/VAAPBC.aspx/VacacionesAsuntos",
                data: '{"anyo":"' + inpAnyo + '"}',
                async: true,
                contentType: "application/json; charset=utf-8",
                //dataType: "json",
                success: function (result) {
                    if (result.d != "") {
                        var tablaVAAPBC = JSON.parse(result.d.Result)

                        if (tablaVAAPBC[0].resultado == "0") {
                            $('#mensajeVAAPBC').html("")
                            html += "<div class='d-flex flex-column justify-content-center'><div class='cabeceraTabla d-flex justify-content-center mt-3' ><h4 style='margin-bottom:30px;'>" + $('#usuarioNav').text() + "</h4></div>"
                            html += "<div class='row'>"
                            html += "<div class='col-md-6 cajaTabla' style='max-height: 565px; overflow-y: scroll;'>"
                            html += "<table class='tablaPicadas tblVAAPBC' style='max-heigth:700px; overflow:auto'><col style='width:12%'><col style='width:12%'><col style='width:10%'><col style='width:50%'> <tr><th>Fecha inicio</th><th>Fecha final</th><th>Total de días</th><th>Descripción</th></tr>"
                            if (tablaVAAPBC[0].ListadoVAAPBC.length != 0) {
                                for (var i = 0; i < tablaVAAPBC[0].ListadoVAAPBC.length; i++) {
                                    html += "<tr><td style='text-align:end'>" + tablaVAAPBC[0].ListadoVAAPBC[i].FechaIni +
                                        "</td><td style='text-align:end'>" + tablaVAAPBC[0].ListadoVAAPBC[i].FechaFin +
                                        "</td><td style='text-align:end'>" + tablaVAAPBC[0].ListadoVAAPBC[i].TotalDias +
                                        "</td><td style='text-align:start'>" + tablaVAAPBC[0].ListadoVAAPBC[i].Descripcion +
                                        "</td></tr>"
                                    //"</td><td style='text-align:center'>" + tablaVAAPBC[0].ListadoVAAPBC[i].HorasManana +
                                        //"</td><td style='text-align:center'>" + tablaVAAPBC[0].ListadoVAAPBC[i].HorasTarde +

                                }
                            }
                            else {
                                html += "<tr><td></td><td></td><td></td></tr>"
                            }
                            html += "</table class='tablaPicadas tblVAAPBC'>"
                            html += "</div><div class='col-md-6'>"
                            html += "<table class='tablaPicadas'>"
                            html += "<tr><td class=''celdaBlanca></td><th>Total permitido</th><th>Disfrutado</th><th>Diferencia</th></tr>"
                            html += "<tr><th>Vacaciones</th><td style='text-align:center'>" + tablaVAAPBC[0].TotPerVa + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDisVa + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDifVa + "</td></tr>"
                            html += "<tr><th>Asuntos particulares</th><td style='text-align:center'>" + tablaVAAPBC[0].TotPerAp + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDisAp + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDifAp + "</td></tr>"
                            html += "<tr><th>Días Compensatorios</th><td style='text-align:center'>" + tablaVAAPBC[0].TotPerBc + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDisBc + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDifBc + "</td></tr>"
                            //html += "<tr><th>Días horas recuperables</th><td style='text-align:center'>" + tablaVAAPBC[0].TotPerDr + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDisDr + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDifDr + "</td></tr>"
                            //html += "<tr><th>Horas recuperables</th><td style='text-align:center'>" + tablaVAAPBC[0].TotPerHr + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDisHr + "</td><td style='text-align:center'>" + tablaVAAPBC[0].TotDifHr + "</td></tr>"
                            html += "</table>"
                            html += "</div></div>"

                            $("#divLoading").css("display", "none")
                            $('#tablaVAAPBC').css('display', 'block')
                            document.getElementById('tablaVAAPBC').innerHTML = html
                        }
                        else {
                            $("#divLoading").css("display", "none")
                            $('#mensajeVAAPBC').html("<p>ESTE AÑO NO CONTIENE DATOS</p>")
                            $('#tablaVAAPBC').css('display', 'none')
                            document.getElementById('tablaVAAPBC').innerHTML = ""
                        }
                    }

                },

                error: function (result) {

                    $("#divLoading").css("display", "none")
                    alert('error occured');
                    alert(result.responseText);
                },
            });
        }
    </script>
</asp:Content>
