@extends('layouts.dashboard')
@section('css')
    <style>
        .swal-modal {
            width: 40%;
        }

        .lista_69_b {
            max-height: 250px;
            overflow: scroll !important;
        }
    </style>
@endsection
@include('modal.rfc_lista_negra')
@section('content')
    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-4">
                <div class="page-title-heading">
                    <div>{{ $title }}
                        <div class="page-title-subheading">
                            {{ $subtitle }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-8">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Clientes</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-lg-4 col-md-12"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif
    @if (session('danger_free') && session('limite_excedido'))
        @include('errors.bloqueo_funciones')
    @endif

    @can('receptores.create')
        <div class="animated fadeIn">
            <!-- /Widgets -->
            <div class="h4 mb-0" style="margin-top: 0px;text-align: end;padding-bottom: 15px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="{{ route('receptores.create') }}" class="btn btn-primary">
                    <i class="fa fa-plus"></i>&nbsp;&nbsp; Nuevo cliente&nbsp;&nbsp;
                </a>
            </div>
            <!-- .row -->
        </div>
    @endcan
    <br>
    <div id="loading_indicators_fondo" class=""
        style="display: none; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute;opacity:0;z-index:-1">
    </div>
    <div id="loading_indicators_animacion" class="blockUI undefined blockPage"
        style="display:none;position: fixed; opacity: 1;z-index:-1">
        <div class="body-block-example-3 d-none"
            style="cursor: default; box-shadow: 20px 20px 0px -24px rgba(255, 183, 0, 0.66);">
            <div class="loader">
                <div class="ball-grid-pulse">
                    <div class="bg-primary"></div>
                    <div class="bg-primary"></div>
                    <div class="bg-primary"></div>
                    <div class="bg-primary"></div>
                    <div class="bg-primary"></div>
                    <div class="bg-primary"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-card mb-3 card">
        <div class="card-body">
            <div id="example_wrapper" class="dataTables_wrapper dt-bootstrap4">
                @can('receptores.ln_all')
                    <div class="row justify-content-end">
                        <div class="justify-content-end  ">
                            <button class="mb-2 mr-2 btn-icon btn btn-warning " onclick="buscar_all_clientes()"><i
                                    class="fa fa-user-secret btn-icon-wrapper"> </i>Validar listas negras</button>
                        </div>
                    </div>
                @endcan
                <div class="row">
                    <div class="col-sm-12 " id=>
                        <table style="width: 100%;" id="tbl_users"
                            class="table table-hover table-striped table-bordered dataTable dtr-inline" role="grid"
                            aria-describedby="example_info">
                            <thead style="font-size: 14px;">
                                <tr role="row">
                                    <th class="sorting" tabindex="1" aria-controls="example" rowspan="1" colspan="1"
                                        style="width: 20%;" aria-sort="ascending">Razón social</th>

                                    <th class="sorting" tabindex="2" aria-controls="example" rowspan="1" colspan="1"
                                        style="width: 10%;">
                                        RFC</th>

                                    <th class="sorting" tabindex="3" aria-controls="example" rowspan="1" colspan="1"
                                        style="width: 10%;">
                                        Identificador (Alias)</th>

                                    <th class="sorting" tabindex="4" aria-controls="example" rowspan="1" colspan="1"
                                        style="width: 10%;">
                                        Código postal</th>

                                    <th class="sorting" tabindex="6" aria-controls="example" rowspan="1" colspan="1"
                                        aria-label="last date: activate to sort column ascending" style="width: 10%;">
                                        Status listas negras</th>

                                    <th class="sorting" tabindex="6" aria-controls="example" rowspan="1" colspan="1"
                                        aria-label="last date: activate to sort column ascending" style="width: 10%;">
                                        Última fecha de busqueda</th>
                                    <th class="sorting" tabindex="5" aria-controls="example" rowspan="1"
                                        colspan="1" aria-label="start date: activate to sort column ascending"
                                        style="width: 10%;">
                                        Fecha Alta</th>

                                    <th class="sorting" tabindex="6" aria-controls="example" rowspan="1"
                                        colspan="1" aria-label="last date: activate to sort column ascending"
                                        style="width: 10%;">
                                        Última Modificación</th>

                                    <th class="sorting" tabindex="7" aria-controls="example" rowspan="1"
                                        colspan="1" style="width: 10%;">
                                        Acciones</th>
                                </tr>
                            </thead>
                            <tbody style="font-size: 14px;">
                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@php
    $ln_lista_all = 'false';
@endphp
@can('receptores.ln_check')
    @php
        $ln_lista_all = true;
    @endphp
@endcan
@section('js')
    <script src="{{ asset('js/receptores/_actions.js') }}"></script>
    <script>
        var __receptores__ = '';
        var __lista_negras__ = "{{ $ln_lista_all }}"
        if (__lista_negras__ == 'false') {
            ln_col_4_visible = 4
            ln_col_5_visible = 5
        } else {
            ln_col_4_visible = '';
            ln_col_5_visible = '';
        }
        $(document).ready(function() {
            __receptores__ = $('#tbl_users').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                ajax: {
                    url: "{{ route('datatable_receptores') }}",
                    type: 'POST',
                },
                dataType: "JSON",
                buttons: [{
                        extend: 'copy',
                        className: 'btn buttom_datatables'
                    },
                    {
                        extend: 'excel',
                        className: 'btn buttom_datatables'
                    },
                    {
                        extend: 'colvis',
                        className: 'btn buttom_datatables'
                    },
                ],
                "columnDefs": [{
                    'visible': false,
                    'targets': [ln_col_4_visible,ln_col_5_visible]
                }],
                "columns": [{
                        "data": "razon_social"
                    },
                    {
                        "data": "rfc_receptor"
                    },
                    {
                        "data": "identificador"
                    },
                    {
                        "data": "cp"
                    },
                    {
                        "data": "lista_negra",
                        render: function(data, type) {
                            if (data == 'S') {
                                return '<span class=" text-danger" style="font-size:12px!important"> Encontrado </span>';
                            }
                            if (data == 'N') {
                                return 'Sin irregularidades';
                            } else {
                                return ''
                            }
                        }
                    },
                    {
                        "data": "ln_ultima_fecha"
                    },
                    {
                        "data": "created_at",
                        render: function(data, type) {
                            const MESES = [
                                "enero",
                                "febrero",
                                "marzo",
                                "abril",
                                "mayo",
                                "junio",
                                "julio",
                                "agosto",
                                "septiembre",
                                "octubre",
                                "noviembre",
                                "diciembre",
                            ];
                            let out = '';
                            const fecha = new Date(data);
                            if (type === 'display') {
                                out = '<p><i class="lnr-calendar-full"> </i>' + fecha.getDate() +
                                    ' de ' + MESES[fecha.getMonth()] + ' de ' + fecha
                                    .getFullYear() + '</p><p> <i class="lnr-clock"> </i>' + fecha
                                    .getHours() +
                                    ':' + fecha.getMinutes() + ':' + fecha.getSeconds() + ' ' + (
                                        fecha.getHours() >= 12 ? 'PM' : 'AM') + '</p>';
                            }
                            return out;
                        },
                        "visible": false
                    },
                    {
                        "data": "updated_at",
                        render: function(data, type) {
                            const MESES = [
                                "enero",
                                "febrero",
                                "marzo",
                                "abril",
                                "mayo",
                                "junio",
                                "julio",
                                "agosto",
                                "septiembre",
                                "octubre",
                                "noviembre",
                                "diciembre",
                            ];
                            let out = '';
                            const fecha = new Date(data);
                            if (type === 'display') {
                                out = '<p><i class="lnr-calendar-full"> </i>' + fecha.getDate() +
                                    ' de ' + MESES[fecha.getMonth()] + ' de ' + fecha
                                    .getFullYear() + '</p><p> <i class="lnr-clock"> </i>' + fecha
                                    .getHours() +
                                    ':' + fecha.getMinutes() + ':' + fecha.getSeconds() + ' ' + (
                                        fecha.getHours() >= 12 ? 'PM' : 'AM') + '</p>';
                            }
                            return out;
                        },
                        "visible": false
                    },
                    {
                        data: 'action',
                        name: 'Acciones',
                        orderable: false,
                        searchable: false
                    }
                ]
            });
        });

        function check_lista_negra(id_receptor) {
            $('#loading_indicators_fondo').css('z-index', '999')
            $('#loading_indicators_fondo').css('opacity', '0.4')
            $('#loading_indicators_animacion').css('display', '')
            $('#loading_indicators_animacion').css('z-index', '1000')

            _Ajax_lista_negra_receptor(id_receptor).then(
                (datos) => {
                    if (datos.error) {
                        swal({
                                // title: __msg__,
                                text: datos.error,
                                icon: 'error',
                                buttons: true,
                                buttons: "Aceptar",
                                dangerMode: true,
                            })
                            .then((willDelete) => {
                                __receptores__.ajax.reload();
                                $('#loading_indicators_fondo').css('z-index', '-1')
                                $('#loading_indicators_fondo').css('opacity', '0')
                                $('#loading_indicators_animacion').css('display', 'none')
                                $('#loading_indicators_animacion').css('z-index', '-1')
                            });
                        return true
                    }
                    console.log(datos)
                    $('#ln_msg_ajax').text(datos.msg)
                    ln_title = document.getElementById('l_n_receptor')
                    __ln_receptor__ = ''
                    if (datos.rfc) {
                        __ln_receptor__ = datos.rfc + '<br>' + datos.razon_social
                    }
                    ln_title.innerHTML = __ln_receptor__
                    if (datos.msg === 'RFC con irregularidades.') {

                        /// datos de la lista 69
                        // (datos.lista_69)?datos.lista_69.nombre:''
                        // (datos.lista_69)?datos.lista_69.motivo:''
                        $('.listas_lista_69__b').css('display', '')
                        $('.ln_con_irregularidad').css('display', '')
                        $('.ln_sin_irregularidad').css('display', 'none')
                        for (let index = 0; index < datos.lista_69.length; index++) {
                                const element = datos.lista_69[index];
                                content_lista_69(index)
                                $('#ln_tipo_' + index).text((element) ? element.tipo : '')
                                $('#ln_nombre_' + index).text((element) ? element.nombre : '')
                                $('#ln_motivo_' + index).text((element) ? element.motivo : '')
                                $('#ln_enitdad_' + index).text((element) ? element.entidad : '')
                                $('#ln_tipoper_' + index).text((element) ? element.tipoper : '')
                                $('#ln_anio_' + index).text((element) ? element.anio : '')
                                $('#ln_supuesto_' + index).text((element) ? element.supuesto : '')
                                $('#ln_importe_' + index).text((element) ? element.importe : '')
                                $('#ln_fecha_primerapub_' + index).text((element) ? element.fecha_primerapub : '')
                                $('#ln_fecha_transparencia_' + index).text((element) ? element.fecha_transparencia : '')
                                if(element&&element.tipo!=''&&
                                    element.nombre!=''&&
                                    element.motivo!=''&&
                                    element.entidad!=''&&
                                    element.tipoper!=''&&
                                    element.anio!=''&&
                                    element.supuesto!=''&&
                                    element.importe!=''&&
                                    element.fecha_primerapub!=''&&
                                    element.fecha_transparencia!=''){
                                        $('#ln_tipo_' + index).text('No localizado en lista 69')
                                }
                        }
                        for (let index = 0; index < datos.lista_69_b.length; index++) {
                                const element = datos.lista_69_b[index];
                                content_lista_69_b(index)
                                    /// datos de la lista 69 B
                                $('#ln_b_nombre_' + index).text((element) ? element.nombre : '')
                                $('#ln_b_tipo_' + index).text((element) ? element.tipo : '')
                                $('#ln_situacion_'+index).text((element) ? element.situacion : '')
                                $('#ln_presun_fechaoficio_'+index).text((element) ? element.presun_fechaoficio : '')
                                $('#ln_presun_fechasat_'+index).text((element) ? element.presun_fechasat : '')
                                $('#ln_presun_fechadof_'+index).text((element) ? element.presun_fechadof : '')
                                $('#ln_desvi_fechasat_'+index).text((element) ? element.desvi_fechasat : '')
                                $('#ln_desvi_fechaoficio_'+index).text((element) ? element.desvi_fechaoficio : '')
                                $('#ln_desvi_fechadot_'+index).text((element) ? element.desvi_fechadot : '')
                                $('#ln_defin_fechaoficio_'+index).text((element) ? element.defin_fechaoficio : '')
                                $('#ln_defin_fechasat_'+index).text((element) ? element.defin_fechasat : '')
                                $('#ln_defin_fechadof_'+index).text((element) ? element.defin_fechadof : '')
                                $('#ln_senfav_fechaoficio_'+index).text((element) ? element.senfav_fechaoficio : '')
                                $('#ln_senfav_fechasat_'+index).text((element) ? element.senfav_fechasat : '')
                                $('#ln_senfav_fechadof_'+index).text((element) ? element.senfav_fechadof : '')
                        }

                        $('#modal_ln_receptor').trigger('click')
                    } else {
                        $('.listas_lista_69__b').css('display', 'none')
                        $('.ln_con_irregularidad').css('display', 'none')
                        $('.ln_sin_irregularidad').css('display', '')
                        $('#modal_ln_receptor').trigger('click')
                    }
                    __receptores__.ajax.reload();
                    $('#loading_indicators_fondo').css('z-index', '-1')
                    $('#loading_indicators_fondo').css('opacity', '0')
                    $('#loading_indicators_animacion').css('display', 'none')
                    $('#loading_indicators_animacion').css('z-index', '-1')
                }).catch((error) => {
		            // console.log(error)
                    if (error.status = 403) {
                        swal("Su paquete no cuenta con los permisos suficientes para realizar esta acción.");
                        $('#loading_indicators_fondo').css('z-index', '-1');
                        $('#loading_indicators_fondo').css('opacity', '0');
                        $('#loading_indicators_animacion').css('display', 'none');
                        $('#loading_indicators_animacion').css('z-index', '-1');
                    }
                })
        }

        function buscar_all_clientes() {
            $('#loading_indicators_fondo').css('z-index', '888')
            $('#loading_indicators_fondo').css('opacity', '0.6')
            $('#tbl_users').css('opacity', '0.1')
            $('#loading_indicators_animacion').css('display', '')
            $('#loading_indicators_animacion').css('z-index', '999')

            _Ajax_listas_n_all().then(
                    (datos) => {
                        console.log(datos)
                        if (datos.error) {
                            swal({
                                    // title: __msg__,
                                    text: datos.error,
                                    icon: 'error',
                                    buttons: true,
                                    buttons: "Aceptar",
                                    dangerMode: true,
                                })
                                .then((willDelete) => {
                                    __receptores__.ajax.reload();
                                    $('#loading_indicators_fondo').css('z-index', '-1')
                                    $('#loading_indicators_fondo').css('opacity', '1')
                                    $('#tbl_users').css('opacity', '0')
                                    $('#loading_indicators_animacion').css('display', 'none')
                                    $('#loading_indicators_animacion').css('z-index', '-1')
                                });
                            return true
                        } else {
                            swal({
                                    // title: __msg__,
                                    text: "Clientes verificados",
                                    icon: 'success',
                                    buttons: true,
                                    buttons: "Aceptar",
                                    dangerMode: true,
                                })
                                .then((willDelete) => {
                                    __receptores__.ajax.reload();
                                    $('#loading_indicators_fondo').css('z-index', '-1')
                                    $('#loading_indicators_fondo').css('opacity', '0')
                                    $('#tbl_users').css('opacity', '1')
                                    $('#loading_indicators_animacion').css('display', 'none')
                                    $('#loading_indicators_animacion').css('z-index', '-1')
                                });
                            return true
                        }
                    }
                )
                .catch((error) => {
                    $('#tbl_users').css('opacity', '1')
                    if (error.status = 403) {
                        swal("Su paquete no cuenta con los permisos suficientes para realizar esta acción.")
                    }
                })
            __receptores__.ajax.reload();
            $('#loading_indicators_fondo').css('z-index', '-1')
            $('#loading_indicators_fondo').css('opacity', '0')
            
            $('#loading_indicators_animacion').css('display', 'none')
            $('#loading_indicators_animacion').css('z-index', '-1')
        }

        function _Ajax_listas_n_all(id_receptor, rfc_ = null) {
            return new Promise((resolve, project) => {
                resolve($.ajax({
                        url: base_url + "/lista-negra/all",
                        type: 'get',
                    })
                    .done(function(response) {
                        return (response);
                    })
                    .fail(function(jqXHR, textStatus, errorThrown) {
                        return jqXHR;
                    }))
            })
        }
    </script>
@endsection