@extends('layout.master')
@section('parentPageTitle', 'Boletas pendientes')
@section('title', 'Boletas pendientes')


@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">
@stop

@section('content')


<meta name="csrf-token" content="{{ csrf_token() }}">

    <div class="row clearfix">
        
        <!--<div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        
        <div class="col-sm-8 col-sm-8 col-sm-8">-->
        <div class="col-md-12 d-flex justify-content-center"> 
            <div class="card patients-list">
                

                <div class="body">
                    <!-- Nav tabs -->

                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                        <big style="color: black;font-size: 25px;"class="">@yield('title')</big>
                    </div>
 
                    <div class="row clearfix" align="center">          
                        <div class="col-sm-4">
                            <button style="border-color:#18ce0f; color:#18ce0f;" type="button" class="btn btn-default btn-round btn-simple" id="btngenerarboletaspendientes" name="btngenerarboletaspendientes">Descargar</button>
                        
                            <button style="border-color:#FF3636; color:#FF3636;" type="button" id="btncancelarboletaspendientes" name="btncancelarboletaspendientes" class="btn btn-default btn-round btn-simple" onclick="window.history.back()">Cancelar</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
 <div id="dialog_alerta" title="{{config('maestro.nombresistema')}}" align="center">
    <p id="dialog_texto"></p>
 </div>   

@stop


@section('page-script')
<script src="{{asset('assets/bundles/datatablescripts.bundle.js')}}"></script>
<script src="{{asset('assets/jquery-ui.js')}}"></script>

<script>

    var lenguaje = {
        "lengthMenu": "Listar _MENU_ ",
        "zeroRecords": "A&uacute;n no tiene registros",
        "info": "P&aacute;gina _PAGE_ de _PAGES_",
        "infoEmpty": "",
        "Search": "Buscar",
        "infoFiltered": "(filtered from _MAX_ total records)",
        "search": "Buscar",
        "zeroRecords": "Sin resultados encontrados",
        "paginate": {
            "first": "Primero",
            "last": "Ultimo",
            "next": "Siguiente",
            "previous": "Anterior"
        }
    }


    $(document).ready(function() {

        var user = "{{Auth::user()->id}}";

        //listarboletaspendientesindex();
        
    } );

    $("#btngenerarboletaspendientes").click(function(){

        var url_global='{{url("/")}}';

        var token = $('meta[name="csrf-token"]').attr('content');
        var url='ajax_verificar_boletaspendientes';
        var data={};

        $.ajax({

            type:'POST',
            url: url,
            data: data,
            headers: {
                    'X-CSRF-TOKEN': token
            },
            success:function(data){

                if(data!=""){

                   var url = url_global+'/boletaspendientes/ajax_descargar_boletaspendientes';

                    //alert(url);

                    //window.location.href = url;

                    //window.open(url, '_blank');

                    

                    //alert(tiposalida);

                    fetch(url)  
                        .then(response => response.blob())  // Recibimos el archivo como blob
                    .then(blob => {
                        // Crear un enlace para descargar el archivo
                        const link = document.createElement('a');
                        link.href = URL.createObjectURL(blob);  // Creamos un objeto URL para el blob
                        link.download = 'boletas_pendientes.xls';    // Nombre del archivo Excel
                        link.click();  // Simula un clic para iniciar la descarga
                    })
                    .catch(error => console.error('Error al generar la descarga de las boletas pendientes:', error));

                }

                /*if(data=="No existen boletas pendientes por procesar"){

                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append(data);
                    $( "#dialog_alerta" ).dialog('open');*/

                    /*setTimeout(function(){
                        $("#dialog_alerta").dialog('close');
                    },2500);*/

                /*}
                else{

                    $( "#dialog_texto" ).empty();
                    $( "#dialog_texto" ).append(data);
                    $( "#dialog_alerta" ).dialog('open');

                    var url = url_global+'/boletaspendientes/ajax_descargar_boletaspendientes';

                    //alert(url);

                    //window.location.href = url;
                    //window.open(url, '_blank');

                    //alert(tiposalida);

                    fetch(url)  
                        .then(response => response.blob())  // Recibimos el archivo como blob
                    .then(blob => {
                        // Crear un enlace para descargar el archivo
                        const link = document.createElement('a');
                        link.href = URL.createObjectURL(blob);  // Creamos un objeto URL para el blob
                        link.download = 'boletas_pendientes.xls';    // Nombre del archivo Excel
                        link.click();  // Simula un clic para iniciar la descarga
                    })
                    .catch(error => console.error('Error al generar la descarga de las boletas pendientes:', error));

                } */    
            }
        });
       
    });


$("#dialog_alerta").dialog({ autoOpen: false });



</script>
@stop