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

<asp:Content ID="Content1" ContentPlaceHolderID="Content" runat="server" ClientIDMode="Static">
    <div class="container-fluid" style="margin-left: 0px; margin-right: 0px;">
        <div class="row pag">
            <div id="navLateral" class="col-3">
                <ul>
                    <li id='NominasBL' class='obtListLat listActivo'><a onclick="redirigir()" href="Nominas.aspx">Nóminas</a></li>
                 <%--   <li id='SolAnticRetBL' class='obtListLat'>Solicitud de anticipo de retribuciones</li>
                    <li id='OtRetBL' class='obtListLat'>Otras retribuciones</li>--%>
                </ul>
            </div>
            <div id="Nomina" class="col">
                <p class="tituloMobile">Nóminas</p>
                <div class="migasDePan">
                    <ul>
                        <li class="migaActiva">/ Retribuciones</li>
                        <li class="migaActiva">/ Nóminas</li>
                    </ul>
                </div>

                <%--<div style="padding-left: 30px; padding-block: 5px; background-color: lightgray; margin-block: 15px; display: flex;">--%>
                <%--   <div class="DesgIncAtras">
            <input type='button' value='Atrás' style='width: 100%;' onclick="history.back()" class='btnAtras' />
        </div>--%>

                <%--<h2 class="m-0" style="line-height: 50px; margin-left: 25px !important;">NÓMINAS</h2>--%>
                <%--</div>--%>

                <div class="container-fluid" style="margin-left: 0px; margin-right: 0px;">
                    <div class="row  justify-content-center intAnyoNominas">
                        <p>NÓMINAS DEL AÑO </p>
                        <input id="inAnno" type="text" maxlength="4" minlength="4" placeholder="introduce el año" runat="server" />
                        <input type="button" class="btnAzul btnAlargado" runat="server" onserverclick="Unnamed_ServerClick" value="Buscar" />
                    </div>
                    <p id="mensajeError"></p>
                    <div class="row d-d-flex justify-content-around" style="height: calc(100vh - 230px);">
                        <div class="col-md-4 buscadorNominas">
                            <div runat="server" class="listadoNominas" style="margin-top: 2rem">
                                <ul id="lisNominasTrabajador" runat="server" style="margin: 0px; padding: 0px">
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-8" id="iframepdf" style="height: calc(100vh - 260px); width: 100%;" runat="server">
                        </div>
                        <div id="btnDescargaPDF" style="display: none; min-width: 400px;">
                            <input type="button" style="width: 100%; margin-top: 10px;" onclick="descargarPDF()" value="Descargar PDF" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            var nombreArchivo = ""

            function mostrarPDF(idNomina, descripcion) {

                nombreArchivo = descripcion
                $.ajax({
                    type: "post",
                    url: "./Nominas.aspx/ObtenerPdf",
                    data: '{"idNomina":"' + idNomina + '"}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (result) {
                        if (result.d != "") {
                            $("#iframepdf").html = ""
                            var archivo = JSON.parse(result.d)
                            var base64String = archivo[0].base64String
                            //console.log(base64String)

                            if ($(window).width() < 767) {

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

                                document.body.appendChild(downloadLink);
                                downloadLink.click();
                                document.body.removeChild(downloadLink);

                            }
                            else {
                                $("#iframepdf").html('<iframe  height="100%" width="100%" src="data:application/pdf;base64,' + base64String + '#toolbar=0"></iframe>')
                            }
                        }
                    },
                    error: function (result) {
                        alert('error occured');
                        alert(result.responseText);
                    },
                    async: true
                });



            }

        </script>
</asp:Content>
