@extends('Wscanguroazul.layouts.master_liquidacion')
@section('content')

    <style>
        div.myButton input {
            background:url(images/pdf.jpg) no-repeat;
            cursor:pointer;
            width: 64px;
            height: 64px;
            border: none;
        }

        .pdf {
            margin-top: 2px;
            background-color: #dc2f2f !important;
            color: white;
            border-color:#dc2f2f !important ;
        }
        .pdf:hover{
            transform: scale(1.1);
            border-color: #aaa;
            transition: all .2s;
        }
    </style>


    <div class="col-md-12 margen">
        <div class="col-md-10 offset-md-1 margen">
            <div class="panel panel-theme">
                <div class="panel-heading"><h5 class="text-center card-subtitle">Guia Generada Nro. </h5></div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-10 offset-md-1" style="margin-top: 2%;">
                            <div class="p-3 mb-2 bg-light text-dark">
                                {{--<p class="text-justify" style="font-size: 14px;"><b>Paso 1:</b> Seleccionar el estatus que desea colocar a todas las guias que desea actualizar </p>--}}
                                <p class="text-justify" style="font-size: 14px;">Se ha generado la Guia con exito.</p>
                                <p class="text-justify" style="font-size: 14px;">Para Imprimir la Guia presionar el boton</p>
                            </div>
                            </div>
                            <center><button class="btn btn-app-pdf export pdf" onclick="generar_pdf()"><i class="fa fa-file-pdf-o"></i> PDF</button></center>
                            <br>
                        </div>
                        <div id="respuesta" style="display: none"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- MODAL PARA LA IMAGEN DE FACTURA -->
    <div class="modal fade"  style="margin-top:5%;" id="verArchivo" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content ">
                <div class="modal-header modal-header-primary">
                    <h5 class="modal-title" id="myModalLabel">Guia Generada</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="window.location='devolucion'">&times;</button>
                </div>
                <div class="modal-body">
                    <div id="divVerArchivo">
                        <div style="max-height: 500px;overflow-y: scroll;" id="printFac">
                            <p>

                            </p>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button"  class="base-button" data-dismiss="modal" onclick="window.location='devolucion'"><span>Cerrar</span></button>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript" src="{!! URL::asset('../../../proveedores/frontend/webservicesge/documentacion/lib/jquery.zoomwebservices.js')!!}"></script>
    {{--<script type="text/javascript" src="{!! URL::asset('../../../proveedores/frontend/webservicesge/documentacion/lib/zoomcert_original.php')!!}"></script>--}}
    {{--<script type="text/javascript" src="{!! URL::asset('../../../proveedores/frontend/webservicesge/documentacion/lib/class.zoom.json.services.php')!!}"></script>--}}
    <script>
    var urlServicio = 'http://desarrollo3.grupozoom.com/proveedores/frontend/webservicesge/';
        function generar_pdf(){
            var codcliente =;
            var password='{!!  $_GET['clave']; !!}';
            var nueva_guia=;
            var pass_ecrip ="1";
           // alert('codcliente: '+codcliente +' pass ' +password +' guia ' +nueva_guia);
            $.ZoomWebServices(urlServicio, {
                service: 'generarPDF',
                data: {
                    "codcliente": codcliente,
                    "password": password,
                    "numguia": nueva_guia,
                    "pass_ecrip":pass_ecrip
                },
                onSuccess: function(datos) {
                    var $tabla = '';
                    if (datos.errormessage == undefined) {
                       // alert('entro crea pdf');
                        console.debug('pdf ' +datos.objetopdf);
                         pdf_ =datos.objetopdf;
                        imprimir_pdf(pdf_);
                    }else{
                        alert(datos.errormessage);
                    }

                },
                onError: function (mensaje) {
                    alert(mensaje);
                }

            });
        }

   function imprimir_pdf(pdf) {
       $('#divVerArchivo').find('div').html('');
       var style = 'width:100%; height: 600px; margin-top:5px; margin-bottom:-100px; text-align: center;';
       $("#verArchivo").modal('show');
       $("#divVerArchivo").find('div').append('<object data="data:application/pdf;base64,'+pdf+'" style="'+style+'" >');


   }
    function printdiv()
    {
        var divToPrint=document.getElementById('printFac');
        var newWin=window.open('','Print-Window');
        newWin.document.open();
        newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
        newWin.document.close();
        setTimeout(function(){newWin.close();},10);
    }
    </script>

@endsection