@extends('layout.master', [
    'activePage' => $activePage,
    'categoria' => $categoria,
    'menuParent' => $menuParent,
    'titlePage' => $titlePage
])


@push('plugin-styles')
    {!! Html::style('assets/css/loader.css') !!}
    {!! Html::style('assets/css/apps/tickets.css') !!}
    {!! Html::style('assets/css/elements/tooltip.css') !!}
    {!! Html::style('plugins/table/datatable/datatables.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}
    {!! Html::style('plugins/flatpickr/flatpickr.css') !!}
    {!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
@endpush

@section('content')
<style>
    .ui-autocomplete-input {
        /*border: none;*/
        font-size: 14px;
        /* width: 300px; */
        /* height: 24px; */
        /*margin-bottom: 5px;
  /*padding-top: 2px;
  border: 1px solid #DDD !important;*/
        padding-top: 0px !important;
        z-index: 1000;
        position: relative;
    }

    .ui-menu .ui-menu-item a {
        font-size: 12px;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000 !important;
        float: left;
        display: none;
        min-width: 160px;
        width: 160px;
        padding: 4px 0;
        margin: 2px 0 0 0;
        list-style: none;
        background-color: #ffffff;
        border-color: #ccc;
        border-color: rgba(0, 0, 0, 0.2);
        border-style: solid;
        border-width: 1px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        *border-right-width: 2px;
        *border-bottom-width: 2px;
    }
        .ui-autocomplete {
            max-height: 200px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
        }

    .ui-menu-item>a.ui-corner-all {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #555555;
        white-space: nowrap;
        text-decoration: none;
    }

    .ui-state-hover,
    .ui-state-active {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        background-image: none;
    }
    option {
         font-size:10px; 
    }
    .form-control{
        font-size: 10px;
    }
    .form-1-box { padding-top: 30px; text-align: left; }
 
.form-1-box legend {
    font-size: 4px;
    line-height: 10px;
    font-weight: 100;
    text-transform: uppercase;
    color: #555;
}
 
.form-1-box .form-check-label {
    line-height: 1.5;
    vertical-align: top;
}
.tableFixHead          { overflow: auto; height: 30vh; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#0b305d; }
.numeros{
    text-align: right;
}
.selectF{
    font-size: 8px !important;
    !important; padding: 0;
}
</style>
    <!--  Navbar Starts / Breadcrumb Area Starts -->
    <!--<div class="sub-header-container">
        <header class="header navbar navbar-expand-sm">
            <ul class="navbar-nav flex-row">
                <li>
                    <div class="page-header">
                        <nav class="breadcrumb-one" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('CR')}}</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('Clientes')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    <span> {{__('Complemento Pagos CFDI v4.0')}}</span></li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>-->
    <div class="row">
        <div class="col-12" align="left">
            <h5>Timbrado Pagos CFDI 4.0</h5>
        </div>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->
    <input type="hidden" value="{{ $data['fecha'] }}" id="fechaHoy">
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <fieldset class="form-group border p-1">
                <legend class="w-auto px-1" style="font-size: 15px !important;">Parametros</legend>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group row">
                            <label class="col-4 col-form-label" for="">Fecha Inicial</label>
                            <div class="col-6">
                                <input type="date" class="form-control form-control-sm" id="desde" value="{{ $data['fecha'] }}" style="padding-top: 4px;">
                            </div> 
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group row">
                            <label class="col-4 col-form-label" for="">Fecha Final</label>
                            <div class="col-6">
                                <input type="date" class="form-control form-control-sm" id="hasta" value="{{ $data['fecha'] }}" style="padding-top: 4px;">
                            </div> 
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" id="inlineCheckbox1" value="0" name="tipoFacts" onclick="revisaUsocfdi()" >
                          <label class="form-check-label" for="inlineCheckbox1">Pre-Anticipos</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" id="inlineCheckbox1" value="1" name="tipoFacts" onclick="revisaUsocfdi()" >
                          <label class="form-check-label" for="inlineCheckbox1">Anticipos</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" id="inlineCheckbox2" value="2" name="tipoFacts" onclick="revisaUsocfdi()" checked>
                          <label class="form-check-label" for="inlineCheckbox2">Pagos</label>
                        </div>
                    </div>
                    <div class="col-md-2" id="divUsocfdi" style="display: none;">
                        
                            <label>Uso CFDI</label>
                            <select class="form-control form-control-sm" id="usocfdi">
                                <option value="0">-Selecciona-</option>
                                @foreach ($data['usocfdi'] as $u)
                                    <option value="{{ $u->c_UsoCFDI }}">{{ $u->Descripcion }} ({{ $u->c_UsoCFDI }})</option>
                                @endforeach
                            </select>
                        
                    </div>
                    <!--<div class="col-md-2" id="divRelaciona" style="display: none;">
                        <button class="btn btn-primary" onclick="buscaRelaciones();">Relaciona CFDI</button>
                    </div>-->
                </div>
                <div class="row">
                    
                    <div class="col-md-4">
                        <button class="btn btn-warning btn-block" onclick="cargaPrevia();">Carga Previo</button>
                    </div>
                    <div class="col-md-4">
                        <button class="btn btn-info btn-block" id="generaXML">Genera XML</button>
                    </div>
                    <div class="col-md-4" id="mayoresA" style="display:none;">
                        <div class="form-group row">
                            <label class="col-4 col-form-label" for="">Mayores a :</label>
                            <div class="col-6">
                                <input type="text" class="form-control form-control-sm" id="mayoresa">
                            </div> 
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <p>Total sin UUID:<strong id="totalsiuuidLabel">0</strong></p>
            <input type="hidden" id="totalsiuuid" value='0'>
        </div>
        <div class="col-md-4">
            <p>Total a timbrar MXN:<strong>$0.00</strong></p>
        </div>
        <div class="col-md-4">
            <p>Total a timbrar USD:<strong>$0.00</strong></p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table table-hover" id="gridDocumentos">
                    <thead>
                        <tr>
                            <th>Cuenta</th>
                            <th>Nombre</th>
                            <th>Recibos</th>
                            <th>Documento</th>
                            <th>Importe</th>
                            <th>Concepto</th>
                            <th>Fecha</th>
                            <th align="center"><input type="checkbox" class="checkDocu" onclick="allfs();" checked="true"></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalResultados">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Facturacion</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6" align="center">
                        <h4 class="text-success">Correctos</h4>
                        <p id="facCorrectos"></p>
                    </div>
                    <div class="col-md-6" align="center">
                        <h4 class="text-danger">Errores</h4>
                        <p id="factErrores"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" id="erroresFact">
                        
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="tieneRelacionModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Relaciona CFDI</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                    <div class="form-group row">
                        <label class="col-1 col-form-label font-weight-bold" for="">Serie:</label>
                        <div class="col-lg-2">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="serieRel" name="serieRel">
                            </div>
                        </div>
                        <label class="col-1col-form-label font-weight-bold" for="">Folio:</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="folioRel" name="folioRel">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <button class="btn btn-primary" onclick="buscarCFDREL();">Buscar</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th width="10%">Serie</th>
                                        <th>Folio</th>
                                        <th width="10%">Accion</th>
                                    </tr>
                                </thead>
                                <tbody id="divCFDIRelaciones">
                                </tbody>
                            </table>
                        </div>
                    </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Guardar</button>
            </div>
        </div>
    </div>
</div>

@endsection

@push('plugin-scripts')
    {!! Html::script('plugins/table/datatable/datatables.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
    {!! Html::script('assets/js/apps/companies.js') !!}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.9/jquery.inputmask.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
      {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
@endpush

@push('custom-scripts')
<script type="text/javascript">
    $(document).ready(function() {
        /*$('#cuentaCliente').focus()
        $(".fechas").flatpickr({
            dateFormat: "Y-m-d",
        });*/
    });
    let clicando2 = false;
    $('#generaXML').click(function(){
        if(clicando2==false){
            clicando2 = true
               var allPages = $('#gridDocumentos').dataTable().fnGetNodes();
                console.log(allPages)
                var string = '';
                $('input:checked', allPages).each(function() {
                    string+=$(this).val()+'-'
                });
                if(string==''){
                    Swal.fire({
                             title: 'Selecciona al menos un documento',
                             type: 'error',
                        })
                        clicando2 = false
                        return false;
                }
                var relaciones = new Array;
                $('.uuidsRelacion').each(function(index, el) {
                    dat = {
                        uuidrel: $(this).attr('uuid'),
                    }
                    relaciones.push(dat)
                });
                clicando2 = false
  
                 var tipo = $('input:radio[name=tipoFacts]:checked').val();

                 if(tipo==1 || tipo==0){
                    urlFact = "{{url('configuracion/facturar_documentos')}}"
                    prefijo = 'I'
                    usocfdi = $('#usocfdi').val();
                    prefactura = tipo;
                    if(usocfdi=='0'){
                        Swal.fire({
                             title: 'Selecciona el Uso de CFDI',
                             type: 'error',
                        })
                        clicando2 = false
                        return false;
                    }
                 }else{
                    urlFact = "{{url('configuracion/facturar_histor')}}"
                    prefijo = 'P'
                    usocfdi = ''
                    prefactura = 1;
                 }
                 $("#loadingModal").modal('show')
                $.ajax({
                    url: urlFact,
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        ids: string,
                        usocfdi: usocfdi,
                        relaciones: relaciones,
                        prefactura: prefactura,
                    },
                })
                .done(function(resp) {
                    console.log(resp);
                    //$("#loadingModal").modal('hide')
                    if(resp.estatus > 0){
                        $('#erroresFact').html('')
                        $('#gridDocumentos').dataTable().fnDestroy();
                        console.log(resp.errores)
                        console.log(resp.facturados)
                        $('.uuidsRelacion').remove()
                        $.each(resp.facturados, function(index, val) {
                            creapdf(val,prefijo);
                        });
                        $('#facCorrectos').html(resp.facturados.length)
                        $('#factErrores').html(resp.errores.length)
                        html = '';
                        $.each(resp.errores, function(index, val) {
                             html +='<p>'+val.error+'</p>';
                        });
                        $('#erroresFact').append(html)

                         setTimeout(function(){
                            clicando2 = false;
                            $("#loadingModal").modal('hide')
                            $('#modalResultados').modal('show')
                        }, 5000)
                        clicando2 = false;
                        /*Swal.fire({
                             title: 'Facturado correctamente',
                             type: 'success',
                        })*/
                        cargaPrevia();
                        return false;
                    }else{
                        setTimeout(function(){
                            clicando2 = false;
                            $("#loadingModal").modal('hide')
                        }, 3000)
                        clicando2 = false;
            
                         Swal.fire({
                             title: 'Error al Facturar',
                             type: 'error',
                        })
                         return false;
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
        }
    })








  let clicando = false
$("#btnActivar").click(function() {
  // Si ha sido clicado
  if (clicando==false){
        clicando = true
        var documentos = new Array;
        $('.rowsTotales').each(function(index, el) {
            var id = $(this).attr('iddocu')
            $('#importe_'+id).val()
            if($('#importe_'+id).val()!=''){
                dat = {
                    id: id,
                    importe: $('#importe_'+id).val(),
                }
                documentos.push(dat)
            }
        });
        var id_sucursal = $('#idSucursal').val()
        if(id_sucursal==''){
              Swal.fire({
                     title: 'Selecciona una Sucursal',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var idcliente = $('#idCliente').val()
        if(idcliente==''){
              Swal.fire({
                     title: 'Selecciona un cliente',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var chequera = $('#chequera').val()
        var fecha_de_pago = $('#fecha_de_pago').val()
        var importeExcedente = $('#importeExcedente').val()
        if(importeExcedente==''){
            importeExcedente = 0
        }
        var tasa_iva = $('#tasaIva').val()
        diferecnia = $('#totalDiferenciado').val()
        var referencia =  $('#referencia').val();
        if(parseFloat(diferecnia)!=0){
                Swal.fire({
                     title: 'Existe una diferencia entre los importes',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        if(fecha_de_pago==''){
                Swal.fire({
                     title: 'Agrega una fecha de pago',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        if($('#fecha_aplicacion').val()==''){
                Swal.fire({
                     title: 'Agrega una fecha de aplicacion',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        $("#loadingModal").modal('show')
        $.ajax({
            url: "{{url('operaciones/guarda_pagos')}}",
            type: 'POST',
            dataType: 'json',
            data: {
                documentos: documentos,
                id_sucursal: id_sucursal,
                idcliente: idcliente,
                fecha: $('#fecha_aplicacion').val(),
                chequera: chequera,
                fecha_de_pago: fecha_de_pago,
                importeExcedente: importeExcedente,
                tasa_iva: tasa_iva,
                referencia: referencia,
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                setTimeout(function(){
                    $("#loadingModal").modal('hide')
                    restaura();
                    Swal.fire({
                         title: resp.mensaje,
                         type: 'success',
                    })
                }, 2000)

                clicando = false
                return false;
            }else{
                 $("#loadingModal").modal('hide')
                 var strerr = '';
                 $.each(resp.errores, function(index, val) {
                      strerr+=val+',';
                 });
                 Swal.fire({
                     title: strerr,
                     type: 'error',
                })
                clicando = false
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
  } 
});


    function cargaPrevia_(){
        alert($('input:radio[name=tipoFacts]:checked').val());
        var desde = $('#desde').val();
        var hasta = $('#hasta').val();
        var mayoresa = $('#mayoresa').val();
        var tipo = $('input:radio[name=tipoFacts]:checked').val();
        $.ajax({
            url: "{{url('configuracion/get_documentos_timbrado')}}",
            type: 'POST',
            dataType: 'json',
            data: {
               desde: desde,
               hasta: hasta,
               tipo: tipo,
               mayoresa: mayoresa,
            },
        })
        .done(function() {
            console.log("success");
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        

    }
    function cargaPrevia(){
        var desde = $('#desde').val();
        var hasta = $('#hasta').val();
        var mayoresa = $('#mayoresa').val();
        var tipo = $('input:radio[name=tipoFacts]:checked').val();


        $('#totalsiuuid').val(0)
        $('#totalsiuuidLabel').html(0)
    $('#gridDocumentos').dataTable().fnDestroy();
    var table = $('#gridDocumentos').DataTable({
      lengthMenu: [10, 20, 50, 100, 200, 500],
      // processing: true,
      //dom: 'Blfrtip',
       ordering: false,
      ajax: {
        url: "{{url('configuracion/get_documentos_timbrado')}}",
        type: "POST",
        data: {
               desde: desde,
               hasta: hasta,
               tipo: tipo,
               mayoresa: mayoresa,
        },
      },
      columns: [{
          data: "codigo"
        },
        {
          data: "nombre"
        },
        {
          data: "recibo",render: function(data, type, row){

                if(tipo=='1' || tipo=='0'){
                    return row.serie1+row.serie2+'-'+row.folio
                }else{
                    return row.serie1_referencia+row.serie2_referencia+'-'+row.folio_referencia
                }
                
          }
        },
        {
          data: "documento",render: function(data, type, row){
                if(tipo=='1' || tipo=='0'){
                    return row.serie1+row.serie2+'-'+row.folio
                }else{
                    return row.documento_rel.serie1+row.documento_rel.serie2+'-'+row.documento_rel.folio
                }
                
          }
        },
        {
          data: "importe", className: 'text-right'
        },
        {
          data: "conce"
        },
        {
          data: "fecha_documento"
        },
        {
          data: "acciones"
        },
      ],
      order: [
        [2, "desc"]
      ],
      "createdRow": function( row, data, dataIndex){
        //console.log(data.tiene_cfdi)
                if( data.tiene_cfdi ==  '0'){
                    $(row).addClass('bg-danger');
                    aumenta = parseFloat($('#totalsiuuid').val()) + 1
                    $('#totalsiuuid').val(aumenta)
                }
            },
        "initComplete": function( settings, json ) {
            $('#totalsiuuidLabel').html($('#totalsiuuid').val())   
        }
    });

        
    }

    function isNumeric(val) {
        return /^-?\d+$/.test(val);
    }

    function numfom(monto){
        return new Intl.NumberFormat('es-MX',{style:'currency',currency:'MXN'}).format(monto);
    }
    function generaXML___(){

        var allPages = $('#gridDocumentos').dataTable().fnGetNodes();
        console.log(allPages)
        var string = '';
        $('input:checked', allPages).each(function() {
            string+=$(this).val()+'-'
        });
        if(string==''){
            Swal.fire({
                     title: 'Selecciona al menos un documento',
                     type: 'error',
                })
                clicando = false
                return false;
        }
         $("#loadingModal").modal('show')
         var tipo = $('input:radio[name=tipoFacts]:checked').val();
   
         if(tipo==1){
            urlFact = "{{url('configuracion/facturar_documentos')}}"
            prefijo = 'I'
         }else{
            urlFact = "{{url('configuracion/facturar_histor')}}"
            prefijo = 'P'
         }
        $.ajax({
            url: urlFact,
            type: 'POST',
            dataType: 'json',
            data: {
                ids: string,
            },
        })
        .done(function(resp) {
            console.log(resp);
            $("#loadingModal").modal('hide')
            if(resp.estatus > 0){
                $('#erroresFact').html('')
                $('#gridDocumentos').dataTable().fnDestroy();
                console.log(resp.errores)
                console.log(resp.facturados)
                $.each(resp.facturados, function(index, val) {
                    creapdf(val,prefijo);
                });
                $('#facCorrectos').html(resp.facturados.length)
                $('#factErrores').html(resp.errores.length)
                html = '';
                $.each(resp.errores, function(index, val) {
                     html +='<p>'+val.error+'</p>';
                });
                $('#erroresFact').append(html)

                 setTimeout(function(){
                    $("#loadingModal").modal('hide')
                    $('#modalResultados').modal('show')
                }, 2000)
                
                /*Swal.fire({
                     title: 'Facturado correctamente',
                     type: 'success',
                })*/
                cargaPrevia();
                return false;
            }else{
                 Swal.fire({
                     title: 'Error al Facturar',
                     type: 'error',
                })
                 return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
  
    }
function allfs(){
    var allPages = $('#gridDocumentos').dataTable().fnGetNodes();
    var string = 0;
    $('.checkDocu', allPages).each(function() {
        $(this).click()
    });
}

    function creapdf(data,prefijo){
        $.ajax({
            url: "{{url('operaciones/genera_pdf_fact')}}",
            type: 'POST',
            dataType: 'json',
            data: {data: data,prefijoname: prefijo},
        })
        .done(function(resp) {
            console.log("success");
            return 1;
            //modalComprobanteFact(resp.urlPdf,0);
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }

function revisaUsocfdi(){
     var tipo = $('input:radio[name=tipoFacts]:checked').val();
     if(tipo==1 || tipo==0){
        $('#usocfdi').val(0)
        $('#divUsocfdi').show()
        $('#divRelaciona').hide()
        $('#mayoresA').show()
        
     }else{
        $('#divUsocfdi').hide()
        $('#divRelaciona').show()
        $('#mayoresA').hide()

     }
}
function quitaRelacionados(id,actual){

    var estado = $('#docu_'+id).prop('checked') 
    var allPages = $('#gridDocumentos').dataTable().fnGetNodes();

    $('.checkDocu2', allPages).each(function() {
        if($(this).attr('serfol') == actual){
           $(this).prop('checked',estado)
        }   
    });
}

function buscaRelaciones(){
    $('#tieneRelacionModal').modal('show')
}
function buscarCFDREL(){
    var serieRel = $('#serieRel').val()
    var folioRel = $('#folioRel').val()
    var allPages = $('#gridDocumentos').dataTable().fnGetNodes();
    console.log(allPages)
    var string = '';
    $('input:checked', allPages).each(function() {
        string+=$(this).val()+'-'
    });
    if(string==''){
        Swal.fire({
                 title: 'Selecciona al menos un documento',
                 type: 'error',
            })
            clicando2 = false
            return false;
    }
    $.ajax({
        url: '{{ url('configuracion/get_uuid_relacion') }}',
        type: 'POST',
        dataType: 'json',
        data: {
            serieRel: serieRel,
            folioRel: folioRel,
            string: string,
        },
    })
    .done(function(resp) {
        console.log("success");
        if(resp.estatus > 0){
            html = '<tr class="uuidsRelacion" id="row_'+resp.uuid+'" uuid="'+resp.uuid+'">'
            html+='<td>'+resp.serie+resp.folio+'</td>'
            html+='<td>'+resp.uuid+'</td>'
            html+='<td><button class="btn btn-primary btn-sm" onclick="removeRelacion(\''+resp.uuid+'\');">X</button></td>'
            html += '</tr>'
            $('#divCFDIRelaciones').append(html)
        }else{
            Swal.fire({
                 title: resp.msj,
                 type: 'error',
            })

            return false;
        }
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function removeRelacion(uuid){
    $('#row_'+uuid).remove()
}
</script>
  @include('comunes.busca_cuenta')

@endpush