@extends('layouts.app', ['activePage' => 'contabilidad', 'menuParent' => 'contabilidad', 'titlePage' => __('Contabilidad')])

@section('content')

<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-primary card-header-icon">
                        <div class="card-icon d-flex align-items-center justify-content-center" style="width: 65px; height: 65px;">
                            <h3 class="font-weight-bold">T</h3>
                        </div>
                        <h4 class="card-title">Cuentas contables</h4>
                    </div>
                    <div class="card-body ">
                        <div class="row ">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Cuenta de mayor: <span class="text-danger">*</span></label>
                                    <select id="cuentaMayorFilter" class="selectpicker listado-cuentas-mayor" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                        <option value="" disabled selected>-Todas-</option>
                                        @foreach($data['cuentasMayor'] as $c)
                                        <option value="{{$c->id}}" data-cuenta="{{$c->cuenta}}">({{$c->cuenta}}) {{$c->descripcion}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-4 ">
                                <button class="btn btn-primary" onclick="getCuentasContables()">Buscar</button>
                            </div>
                            <div class="col-5 text-right ">
                                <button class="btn btn-primary" onclick="nuevaCuenta()">Nueva cuenta</button>
                                <button class="btn btn-success" data-toggle="modal" data-target="#importarExcel">Importar</button>
                                <!-- <button class="btn btn-primary" onclick="migrarCuentas()">Migrar cuentas</button> -->
                                <!-- <button class="btn btn-primary" onclick="configuracionCuentas()"><i class="las la-cog"></i></button> -->
                            </div>
                        </div>
                        <div class="material-datatables">
                            <table class="table table-striped table-bordered table-hover display nowrap" cellspacing="0" width="100%" style="width:100%" id="list-cuentas-contables">
                                <thead>
                                    <tr>
                                        <th class="no-content"></th>
                                        <th>ID</th>
                                        <th>Cuenta</th>
                                        <th>Descripción</th>
                                        <th>Tipo</th>
                                        <th>Subtipo</th>
                                        <th>Agrupador SAT</th>
                                        <th>Moneda</th>
                                        <th>Cuenta complementaria</th>
                                        <th>Estatus</th>
                                        <th>Creado el</th>
                                        <th>Última act.</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade draggable" id="modal-cuentas-contables" tabindex="-1" role="dialog" aria-hidden="true" style="z-index: 1500;">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="title-modal-cuentas-contables">Agregar cuenta contable </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="material-icons">close</i>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <label style="display: block;">Tipo de cuenta: <span class="text-danger">*</span></label>
                        <div class="form-check form-check-radio form-check-inline">
                            <label class="form-check-label">
                                <input class="form-check-input" type="radio" name="tipo_cuenta" id="tipo_cuentaMay" value="Cuenta mayor" checked> Cuenta de mayor
                                <span class="circle">
                                    <span class="check"></span>
                                </span>
                            </label>
                        </div>
                        <div class="form-check form-check-radio form-check-inline">
                            <label class="form-check-label">
                                <input class="form-check-input" type="radio" name="tipo_cuenta" id="tipo_cuentaSub" value="Cuenta menor"> Subcuenta
                                <span class="circle">
                                    <span class="check"></span>
                                </span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row" id="is_cuenta_menor" style="display: none;">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Cuenta de mayor: <span class="text-danger">*</span></label>
                            <select id="id_cuenta_mayor" class="selectpicker listado-cuentas-mayor" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                <option value="0" selected>-Selecciona-</option>
                                @foreach($data['cuentasMayor'] as $c)
                                <option value="{{$c->id}}" data-cuenta="{{$c->cuenta}}" data-naturaleza="{{$c->naturaleza}}" data-tipo="{{$c->tipo}}" data-subtipo="{{$c->subtipo}}">({{$c->cuenta}}) {{$c->descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row ">
                    @if(isset($data['nivelescuentas']))
                    <input type="hidden" id="nivel_1" value="{{$data['nivelescuentas'][0]->nivel_1}}">
                    <input type="hidden" id="nivel_2" value="{{$data['nivelescuentas'][0]->nivel_2}}">
                    <input type="hidden" id="nivel_3" value="{{$data['nivelescuentas'][0]->nivel_3}}">
                    <input type="hidden" id="nivel_4" value="{{$data['nivelescuentas'][0]->nivel_4}}">
                    <input type="hidden" id="nivel_5" value="{{$data['nivelescuentas'][0]->nivel_5}}">
                    <input type="hidden" id="longitud" value="{{$data['nivelescuentas'][0]->longitud}}">
                    <input type="hidden" id="caracter" value="{{$data['nivelescuentas'][0]->caracter}}">
                    @endif
                    <div class="col-md-4">
                        <div class="form-group ">
                            <label>Mascara: @if(isset($data['nivelescuentas'])){{$data['nivelescuentas'][0]->estructura}} @endif <span class="text-danger">*</span></label>
                            <!-- <input type="text" class="form-control" id="cuenta" @if(isset($data['nivelescuentas'])) maxlength="{{$data['nivelescuentas'][0]->longitud}}" @endif onkeyup="estruturarCuenta(this.value)" onclick="javascript:$(this).val('');" onblur="a()"> -->
                            <input type="text" class="form-control" id="cuenta" @if(isset($data['nivelescuentas'])) maxlength="{{$data['nivelescuentas'][0]->longitud}}" @endif onkeyup="estruturarCuenta(this.value)" onblur="borrarUltimoCaracter()">
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="form-group ">
                            <label for="exampleEmail">Descripción: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="descripcion">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group   2">
                            <label for="exampleEmail">Tipo: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="tipo" disabled>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group  2">
                            <label for="exampleEmail">Subtipo: <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="subtipo" disabled>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Moneda:</label>
                            <select id="moneda" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true" onchange="validateMoneda()">
                                <option value="0" selected>-Selecciona-</option>
                                @foreach($data['monedas'] as $m)
                                <option value="{{$m->id}}" descripcion="{{$m->nombre}}">({{$m->nombre}}) {{$m->descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 ">
                        <div class="form-group">
                            <label>Agrupador SAT: </label>
                            <select id="agrupador_sat" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                <option value="" selected>-Selecciona-</option>
                                @foreach($data['agrupador'] as $c)
                                <option value="{{$c->codigo_agrupador}}">
                                    ({{$c->codigo_agrupador}}) {{$c->descripcion}}
                                </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Cuenta complementaria: <span id="labelComp" class="text-danger" style="display: none;">*</span></label>
                            <select id="cuenta_complementaria" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                <option value="" selected>-Selecciona-</option>
                                @foreach($data['cuentas'] as $c)
                                <option value="{{$c->id}}">({{$c->cuenta}}) {{$c->descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Natulareza: <span class="text-danger">*</span></label>
                            <select id="naturaleza" class="selectpicker" data-size="7" data-width="100%" data-style="select-with-transition" data-live-search="true">
                                <option value="0" selected>-Selecciona-</option>
                                @foreach($data['naturaleza'] as $item)
                                <option value="{{$item}}"> {{$item}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-link" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarCuenta();">Guardar</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade draggable" id="importarExcel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Importar archivo EXCEL</h4>
            </div>
            <div class="modal-body">
                <h6 class="text-center card-description">Selecciona tu archivo de cuentas contables a importar</h6>
                <h6 class="text-center">
                    <a href="{{asset('assets/material/plantilla_cuentas.xlsx')}}" download>(Descargar plantilla)</a>
                    <a href="{{asset('assets/material/guia_cuentas.docx')}}" download>(Descargar guía)</a>
                </h6>
                <form method="post" enctype="multipart/form-data" id="formImportExcel">
                    @csrf
                    <div class="row">
                        <div class="col-md-6 mt-1">
                            <input type="file" name="file" id="file" style="width:130%">
                        </div>
                        <div class="col-md-6 text-right">
                            <button type="submit" id="btn_import" class="btn btn-sm btn-success">Importar</button>
                            <button type="submit" id="btn_validate" class="btn btn-sm btn-primary" title="Validar cuentas contables antes de importar"><i class="las la-sync"></i></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade draggable" id="modalCuentasErr" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Validación de cuentas contables</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="material-icons">close</i>
                </button>
            </div>
            <div class="modal-body">
                <h5 class="text-center card-description" style="margin-top: -20px;">Corrige las cuentas contables e importa tu archivo</h5>
                <div class="material-datatables">
                    <table class="table table-bordered" width="100%" style="width:100%">
                        <thead>
                            <tr>
                                <th width="20%">Cuenta</th>
                                <th>Errores</th>
                            </tr>
                        </thead>
                        <tbody id="listCuentasErr">

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


<input type="hidden" id="compl_hidden" value="0">
<input type="hidden" id="idCuentaHidden">

@endsection


@push('js')
<script>
    $(document).ready(function() {

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $('#list-cuentas-contables').DataTable({
            lengthMenu: [10, 25, 50, 100],

        });
        // getCuentasContables();
        @if(isset($data['mensaje']))
        showNotification('error', 'top', 'center', 'danger', '¡ERROR!', $data['mensaje']);
        @endif
    });


    function getCuentasContables() {
        var cuentaMayorFilter = $('#cuentaMayorFilter option:selected').data('cuenta');
        // if (cuentaMayorFilter == '') {
        //     $('#error_message').text('Debes seleccionar una cuenta de mayor para filtrar.');
        //     $('#error').show();
        //     return false
        // }

        var logo = @json($data['logo']);
        $('#list-cuentas-contables').dataTable().fnDestroy();

        var table = $('#list-cuentas-contables').DataTable({
            lengthMenu: [10, 15, 20, 50, 100, 200, 500],
            dom: 'Bfrtip',
            language: {
                url: "{{asset('material/datatable_sp.json')}}"
            },
            ajax: {
                url: "{{route('cuentas-contables.get-cuentas-contables')}}",
                type: "POST",
                data: {
                    cuentaMayor: cuentaMayorFilter,
                }
            },
            columns: [{
                    data: "acciones"
                },
                {
                    data: "id"
                },
                {
                    data: "cuenta"
                },
                {
                    data: "descripcion"
                },
                {
                    data: "tipo"
                },
                {
                    data: "subtipo"
                },
                {
                    data: "agrupadorDes"
                },
                {
                    data: "monedaDes"
                },
                {
                    data: "cuenta_complementariaDes"
                },
                {
                    data: "estatus"
                },

                {
                    data: "created_at",
                    render: function(data, type, full, meta) {
                        var new_created_at = new Date(data);

                        var day = new_created_at.getDate()
                        if (day < 10) {
                            day = '0' + day;
                        }

                        var month = new_created_at.getMonth() + 1;
                        if (month < 10) {
                            month = `0${month}`;
                        }

                        return day + '-' + month + '-' + new_created_at.getFullYear() + ' ' + new_created_at.getHours() + ':' + new_created_at.getMinutes();
                    }
                },
                {
                    data: "updated_at",
                    render: function(data, type, full, meta) {
                        var new_created_at = new Date(data);

                        var day = new_created_at.getDate()
                        if (day < 10) {
                            day = '0' + day;
                        }

                        var month = new_created_at.getMonth() + 1;
                        if (month < 10) {
                            month = `0${month}`;
                        }

                        return day + '-' + month + '-' + new_created_at.getFullYear() + ' ' + new_created_at.getHours() + ':' + new_created_at.getMinutes();
                    }
                },

            ],

            buttons: [{
                    extend: 'excel',
                    text: 'Exportar a Excel',
                    className: 'btn btn-primary',
                    exportOptions: {
                        columns: ':not(:first-child)' // Excluye la primera columna
                    }
                },
                {
                    extend: 'pdf',
                    className: 'btn btn-primary', 
                    text: 'Exportar a PDF',
                    title: 'Listado de cuentas contables',
                    orientation: 'landscape',
                    exportOptions: {
                        columns: ':not(:first-child)' // Excluye la primera columna
                    },
                }
            ],
            order: [
                [2, "asc"]
            ],

        });
    }



    function nuevaCuenta() {
        $('#modal-cuentas-contables').modal('show');
        limpiarModal();

    }
    @if(isset($data['nivelescuentas']))

    function estruturarCuenta(val) {
        var nivel_1 = $('#nivel_1').val();
        var nivel_2 = parseInt(nivel_1) + parseInt($('#nivel_2').val());
        var nivel_3 = nivel_2 + parseInt($('#nivel_3').val());
        var nivel_4 = nivel_3 + parseInt($('#nivel_4').val());
        var nivel_5 = nivel_4 + parseInt($('#nivel_5').val());
        var caracter = $('#caracter').val();
        var longitud = $('#longitud').val();
        const valorFiltrado = val.replace(/[^0-9-]/g, '');

        if (val !== valorFiltrado) {
            $('#cuenta').val(valorFiltrado);
        }

        if ($('input[name="tipo_cuenta"]:checked').val() == 'Cuenta mayor') {
            if (valorFiltrado.length > parseInt(nivel_1)) {
                $('#cuenta').val(valorFiltrado.substring(0, parseInt(nivel_1)));
                return;
            }
        } else {
            var cuentaMayor = $('#id_cuenta_mayor option:selected').data('cuenta');
            cuentaMayor = cuentaMayor.toString();
            if (valorFiltrado.length < cuentaMayor.length) {
                $('#cuenta').val(cuentaMayor);
                return;
            }
        }

        if (nivel_1 == val.length) {
            if ($('input[name="tipo_cuenta"]:checked').val() == 'Cuenta mayor') {
                getTipo();
                return;
            }
            $('#cuenta').val(val + caracter);
        }
        if (nivel_2 == val.length - 1) {
            $('#cuenta').val(val + caracter);
        }
        if (nivel_3 == val.length - 2) {
            $('#cuenta').val(val + caracter);
        }
        if ($('#nivel_4').val() != '') {
            if (nivel_4 == val.length - 3) {
                $('#cuenta').val(val + caracter);
            }
        }
        if ($('#nivel_5').val() != '') {
            if (nivel_5 == val.length - 4) {
                $('#cuenta').val(val + caracter);
            }
        }
    }
    @else
    showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar los niveles de cuentas primero');
    @endif

    function borrarUltimoCaracter() {
        const estructura = $('#cuenta').val();
        const caracter = $('#caracter').val();
        if (estructura.endsWith(caracter)) {
            const estructura2 = estructura.substring(0, estructura.length - 1);
            $('#cuenta').val(estructura2);
        }
    }

    function getTipo() {
        var cuenta = $('#cuenta').val();

        $.ajax({
                url: "{{ url('cont/cuentas-contables/get-tipos')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    cuenta: cuenta,
                },
            })
            .done(function(resp) {

                $('.filled2').addClass('is-filled');
                $('#tipo').val(resp.data['nivel'])
                $('#subtipo').val(resp.data['sub_nivel'])
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function validateMoneda(val) {

        var moneda = $('#moneda option:selected').attr('descripcion');
        if (moneda != 'MXN') {
            $('#labelComp').show();
            $('#compl_hidden').val(1);

        } else {
            $('#labelComp').hide();
            $('#compl_hidden').val(0);
        }
    }

    $('input[type=radio][name=tipo_cuenta]').change(function() {
        if (this.value != 'Cuenta mayor') {
            $('#is_cuenta_menor').show();
            $('#naturaleza').prop('disabled', true);
            return;
        }
        $('#is_cuenta_menor').hide();
        $('#naturaleza').prop('disabled', false);

    });

    function guardarCuenta() {
        var id = $('#idCuentaHidden').val();
        var cuenta = $('#cuenta').val();
        var descripcion = $('#descripcion').val();
        var tipo = $('#tipo').val();
        var subtipo = $('#subtipo').val();
        var agrupador_sat = $('#agrupador_sat option:selected').val();
        var moneda = $('#moneda option:selected').val();
        var id_cuenta_mayor = $('#id_cuenta_mayor option:selected').val();
        var cuenta_complementaria = $('#cuenta_complementaria option:selected').val();
        var naturaleza = $('#naturaleza option:selected').val();
        var tipo_cuenta = $('input[name="tipo_cuenta"]:checked').val();
        var compl_hidden = $('#compl_hidden').val();

        if (cuenta == '' || descripcion == '' || tipo == '' || subtipo == '' || moneda == 0) {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar la información obligatoria');
            return false;
        }

        if (compl_hidden == 1 && cuenta_complementaria == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes seleccionar la cuenta complementaria.');
            return false;
        }

        if (tipo_cuenta == 1 && id_cuenta_mayor == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes seleccionar la cuenta de mayor.');
            return false;
        }

        if (naturaleza == 0) {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes seleccionar la naturaleza de la cuenta.');
            return false;
        }
        $('#loadingModal').modal('show');
        $.ajax({
                url: "{{ route('cuentas-contables.save-cuenta')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                    cuenta: cuenta,
                    descripcion: descripcion,
                    tipo: tipo,
                    subtipo: subtipo,
                    agrupador_sat: agrupador_sat,
                    id_moneda: moneda,
                    id_cuenta_complementaria: cuenta_complementaria,
                    tipo_cuenta: tipo_cuenta,
                    id_cuenta_mayor: id_cuenta_mayor,
                    naturaleza: naturaleza,
                    estatus: 1,
                },
            })
            .done(function(resp) {
                console.log(resp);
                if (resp.status === 'success') {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.message);
                    $('#modal-cuentas-contables').modal('hide');
                    setTimeout(() => {
                        $('#list-cuentas-contables').DataTable().ajax.reload();
                    }, 2000);
                    return false;
                }
                showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.message);



            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingModal').modal('hide');
                }, 2000);
            });
    }

    function limpiarModal() {
        $('#titleModal').text('Agregar cuenta contable')
        $('#idCuentaHidden').val('');
        $('#cuenta').val('');
        $('#cuenta').prop('disabled', false)
        $('#descripcion').val('');
        $('#tipo').val('');
        $('#subtipo').val('');
        $('#agrupador_sat').val('').selectpicker('refresh');
        $('#cuenta_complementaria').val('').selectpicker('refresh');
        $('#id_cuenta_mayor').val(0);
        $('#moneda').val(0).selectpicker('refresh');
        $('#naturaleza').val(0).selectpicker('refresh');

    }

    function getCuenta(id) {
        $.ajax({
                url: "{{ route('cuentas-contables.get-cuenta-contable')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id: id,

                },
            })
            .done(function(resp) {
                $('#titleModal').text('Actualizar cuenta contable');
                $('#idCuentaHidden').val(resp.data['id']);
                $('#cuenta').val(resp.data['cuenta']);
                // $('#cuenta').prop('disabled', true)
                $('#descripcion').val(resp.data['descripcion']);
                $('#tipo').val(resp.data['tipo']);
                $('#subtipo').val(resp.data['subtipo']);
                $('#agrupador_sat').val(resp.data['agrupador_sat']).selectpicker('refresh');
                $('#moneda').val(resp.data['id_moneda']).selectpicker('refresh');
                $('#naturaleza').val(resp.data['naturaleza']).selectpicker('refresh');

                $('#cuenta_complementaria').val('');

                if (resp.data['id_cuenta_mayor'] != null)
                    $('#cuenta_complementaria').val(resp.data['id_cuenta_complementaria']).selectpicker('refresh');

                if (resp.data['id_cuenta_mayor'] != '')
                    $('#id_cuenta_mayor').val(resp.data['id_cuenta_mayor']).selectpicker('refresh');

                $('input[name="tipo_cuenta"][value="' + resp.data['tipo_cuenta'] + '"]').prop('checked', true).trigger('change');
                $('#modal-cuentas-contables').modal('show');
            })

            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function eliminarCuenta(id) {
        Swal.fire({
            title: '¿Estás seguro de eliminar?',
            text: "Esta acción no es reversible",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Sí, eliminado'
        }).then((result) => {
            if (result.value) {
                $('#loadingLoad').modal('show');
                $.ajax({
                        url: "{{ url('cont/cuentas-contables/delete-cuenta')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            id: id,
                        },
                    })
                    .done(function(resp) {
                        if (resp.status == 'success') {

                            showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                            $('#list-cuentas-contables').DataTable().ajax.reload();
                            return false;
                        }
                        showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);

                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide');
                        }, 2000);
                    });
            }
        })
    }

    function cambiarEstatus(id, tipo) {

        //Si es tipo 1 es para desactivar, si es tipo 2 es para activar
        var mensaje = '';
        var estatus = '';
        if (tipo == 0) {
            mensaje = '¿Estás seguro de desactivar?';
            estatus = 'InActivo';
        } else {
            mensaje = '¿Estás seguro de activar?';
            estatus = 'Activo';
        }

        Swal.fire({
            title: mensaje,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Sí',
            icon: 'trash'
        }).then((result) => {
            if (result.value) {
                $('#loadingLoad').modal('show');
                $.ajax({
                        url: "{{ route('cuentas-contables.cambiar-estatus')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            id: id,
                            estatus
                        },
                    })
                    .done(function(resp) {
                        if (resp.status == 'success') {

                            showNotification('success', 'top', 'center', 'success', '¡HECHO!', resp.mensaje);
                            $('#list-cuentas-contables').DataTable().ajax.reload();
                            return false;
                        }
                        showNotification('error', 'top', 'center', 'danger', '¡ERROR!', resp.mensaje);

                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide');
                        }, 2000);
                    });
            }
        })
    }

    $("#formImportExcel").on("submit", function(e) {
        e.preventDefault();
        var f = $(this);
        var formData = new FormData(document.getElementById("formImportExcel"));
        formData.append("dato", "valor");
        if ($('#file').val() == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes seleccionar el archivo a importar.');
            return false;
        }
        var tipo = 1;
        if ($(document.activeElement).attr('id') == 'btn_validate')
            tipo = 2;

        formData.append('tipo', tipo);
        $('#loadingLoad').modal('show');
        $.ajax({
                url: "{{ url('importar-cuentas-contables')}}",
                type: "post",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                setTimeout(() => {
                    if (resp.result == 1) {

                        // showNotification('thumb_up', 'top', 'center', 'success', resp.mensaje, '¡BIEN!')
                        $('#list-cuentas-contables').DataTable().ajax.reload();
                        $('#importarExcel').modal('hide');
                    } else if (resp.result == 2) {

                        // showNotification('thumb_up', 'top', 'center', 'success', resp.mensaje, '¡BIEN!')

                    } else {
                        // showNotification('error', 'top', 'center', 'danger', resp.mensaje, '¡ERROR!')
                        listCuentasErr(resp.data_err);
                    }
                }, 2000);


            })
            .fail(function() {
                setTimeout(() => {
                    showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Algo salio mal durante el proceso.');
                }, 2000);
            })
            .always(function() {
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');
                }, 2000);
            });
    });

    function listCuentasErr(data) {
        $('#listCuentasErr').empty();
        var html = '';
        $.each(data, function(index, value) {

            html +=
                '<tr>' +
                '<td>' + value['cuenta'] + '</td>' +
                '<td>';

            $.each(value['message_err'], function(index_ms, value_ms) {
                html += (index_ms + 1) + '. ' + value_ms + '<br>';
            });
            html += '</td>' +
                '</tr>';

        })
        $('#listCuentasErr').append(html);
        $('#modalCuentasErr').modal('show');
    }

    function configuracionCuentas() {
        $.ajax({
                url: "{{ url('cont/cuentas-contables/get-configuracion')}}",
                type: 'POST',
                dataType: 'json',
            })
            .done(function(resp) {

                if (resp.data != null) {

                    if (resp.data['enabled'] == 0) {
                        $('#radio_created_no').prop('checked', true);
                    } else {
                        $('#radio_created_si').prop('checked', true);
                        $('#id_cuenta_clientes').prop('disabled', false);
                        $('#id_cuenta_proveedores').prop('disabled', false);

                    }

                    $('#id_cuenta_clientes').val(resp.data['id_cuenta_cliente']);
                    $('#id_cuenta_proveedores').val(resp.data['id_cuenta_proveedor']);
                    $('#id_cuenta_clientes').selectpicker('refresh');
                    $('#id_cuenta_proveedores').selectpicker('refresh');
                }

                $('#modalConfiguracionCuentas').modal('show');

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function enabledCuentasAuto(valor) {
        // $('#input[name="radio_created"][value=' + valor + ']').prop('checked', true)
        if (valor == 1) {
            $('#id_cuenta_clientes').prop('disabled', false);
            $('#id_cuenta_proveedores').prop('disabled', false);
        } else {
            $('#id_cuenta_clientes').prop('disabled', true);
            $('#id_cuenta_proveedores').prop('disabled', true);
        }
        $('#id_cuenta_clientes').selectpicker('refresh');
        $('#id_cuenta_proveedores').selectpicker('refresh');
    }

    function guardarConfiguracion() {
        var id_cuenta_cliente = $('#id_cuenta_clientes option:selected').val();
        var id_cuenta_proveedor = $('#id_cuenta_proveedores option:selected').val();
        var enabled = $('input[name="radio_created"]:checked').val();
        $('#loadingLoad').modal('show');
        $.ajax({
                url: "{{ url('cont/cuentas-contables/save-configuracion')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    id_cuenta_cliente: id_cuenta_cliente,
                    id_cuenta_proveedor: id_cuenta_proveedor,
                    enabled: enabled,
                }
            })
            .done(function(resp) {

                setTimeout(() => {
                    showNotification('success', 'top', 'center', 'success', '¡HECHO!', 'Se ha guardado la configuracion correctamente.');
                    $('#modalConfiguracionCuentas').modal('hide');
                }, 2000);

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');

                }, 2000);
            });
    }


    function migrarCuentas() {
        $.ajax({
                url: "{{ url('cont/cuentas-contables/migrar-cuentas')}}",
                type: 'POST',
                dataType: 'json',
            })
            .done(function(resp) {

            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');

                }, 2000);
            });
    }

    $('#id_cuenta_mayor').on('change', function() {
        const selectedOption = $(this).find('option:selected');
        const cuenta = selectedOption.data('cuenta');
        const naturaleza = selectedOption.data('naturaleza');
        const tipo = selectedOption.data('tipo');
        const subtipo = selectedOption.data('subtipo');
        $('#cuenta').val(cuenta + '-');
        $('#naturaleza').val(naturaleza).selectpicker('refresh');
        $('#tipo').val(tipo).selectpicker('refresh');
        $('#subtipo').val(subtipo).selectpicker('refresh');
    });

    //Funcion para trear el listado de cuentas de mayor "cont/cuentas-contables/get-listado-cuentas-mayo"
    function getListadoCuentasMayor(idSelected) {
        $.ajax({
                url: "{{ url('cont/cuentas-contables/get-listado-cuentas-mayor')}}",
                type: 'POST',
                dataType: 'json',
            })
            .done(function(resp) {
                $('.listado-cuentas-mayor').empty();
                $('.listado-cuentas-mayor').append('<option value="0" selected>-Selecciona-</option>');
                $.each(resp.data, function(index, value) {
                    $('.listado-cuentas-mayor').append('<option value="' + value.id + '" data-cuenta="' + value.cuenta + '" data-naturaleza="' + value.naturaleza + '" data-tipo="' + value.tipo + '" data-subtipo="' + value.subtipo + '">(' + value.cuenta + ') ' + value.descripcion + '</option>');
                });

                $('#cuentaMayorFilter').val(idSelected).selectpicker('refresh');
                getCuentasContables();
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }


    $("#formImportExcel").on("submit", function(e) {
        e.preventDefault();
        var f = $(this);
        var formData = new FormData(document.getElementById("formImportExcel"));
        formData.append("dato", "valor");
        if ($('#file').val() == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes seleccionar el archivo a importar.');
            return false;
        }
        var tipo = 1;
        if ($(document.activeElement).attr('id') == 'btn_validate')
            tipo = 2;

        formData.append('tipo', tipo);
        $('#loadingLoad').modal('show');
        $.ajax({
                url: "{{ url('importar-cuentas-contables')}}",
                type: "post",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                setTimeout(() => {
                    if (resp.result == 1) {

                        // showNotification('thumb_up', 'top', 'center', 'success', resp.mensaje, '¡BIEN!')
                        $('#list-cuentas-contables').DataTable().ajax.reload();
                        $('#importarExcel').modal('hide');
                    } else if (resp.result == 2) {

                        // showNotification('thumb_up', 'top', 'center', 'success', resp.mensaje, '¡BIEN!')

                    } else {
                        // showNotification('error', 'top', 'center', 'danger', resp.mensaje, '¡ERROR!')
                        listCuentasErr(resp.data_err);
                    }
                }, 2000);


            })
            .fail(function() {
                setTimeout(() => {
                    showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Algo salio mal durante el proceso.');
                }, 2000);
            })
            .always(function() {
                setTimeout(() => {
                    $('#loadingLoad').modal('hide');
                }, 2000);
            });
    });

    function listCuentasErr(data) {
        $('#listCuentasErr').empty();
        var html = '';
        $.each(data, function(index, value) {

            html +=
                '<tr>' +
                '<td>' + value['cuenta'] + '</td>' +
                '<td>';

            $.each(value['message_err'], function(index_ms, value_ms) {
                html += (index_ms + 1) + '. ' + value_ms + '<br>';
            });
            html += '</td>' +
                '</tr>';

        })
        $('#listCuentasErr').append(html);
        $('#modalCuentasErr').modal('show');
    }
</script>
@endpush