@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)
@section('plugins.icheck', true)

@section('title', 'Intranet | Nuevo Proveedor')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Nuevo Proveedor</h3>
                    </div>

                    <form action="{{ route('proveedor.store') }}" method="POST" id="formularioDeProveedor">
                        @csrf

                        <div class="card-body">
                            <div class="contenedorDosCamposPorFilaEnLosFormulario">

                                <div class="form-group">
                                    <label>Código Proveedor</label>
                                    <input style="cursor: not-allowed;" type="text" class="form-control" name="codigo_proveedor" value="{{ old('codigo_proveedor') }}" readonly="true" id="codigoProveedor">
                                    <div class="invalid-feedback" id="validarCodigoPreveedor">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Razón Social</label>
                                    <input type="text" class="form-control" name="razon_social" value="{{ old('razon_social') }}" id="razonSocial">
                                    <div class="invalid-feedback" id="validarRazonSocial">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Nombre De Fantasía</label>
                                    <input type="text" class="form-control" name="nombre_fantasia" value="{{ old('nombre_fantasia') }}" id="nombreFantasia">
                                    <div class="invalid-feedback" id="validarNombreFantasia">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Rut Del Proveedor</label>
                                    <input type="text" class="form-control" name="rut_proveedor" value="{{ old('rut_proveedor') }}" id="rut" onblur="cambiarCampoRutHaTexto(this)" onkeypress="return validarCampoRut(event,this)" onfocus="cambiarCampoRutHaNumero(this)">
                                    <div class="invalid-feedback" id="validarRutProveedor">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Tipo Del Proveedor</label>
                                    <select onchange="cambiarTipoDeProveedor(this)" class="form-control listaDespegableConBuscador" id="tipoProveedor" name="tipo_proveedor" data-live-search="true">

                                        @foreach ($tipos as $tipo)
                                            @if (old('tipo_proveedor') == $tipo)
                                                <option selected value="{{ $tipo }}">{{ $tipo }}</option>
                                            @else
                                                <option value="{{ $tipo }}">{{ $tipo }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarTipoProveedor">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Dirección Comercial <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="direccionComercial" name="direccion_comercial" value="{{ old('direccion_comercial') }}">
                                    <div class="invalid-feedback" id="validarDireccionComercial">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Telefono De Contacto <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="telefonoContacto" name="telefono_contacto" value="{{ old('telefono_contacto') }}" onkeypress="return validarCampoQueSoloSeIngreseNumeros(event)">
                                    <div class="invalid-feedback" id="validarTelefonoContacto">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Nombre Del Ejecutivo <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="nombreEjecutivo" name="nombre_ejecutivo" value="{{ old('nombre_ejecutivo') }}">
                                    <div class="invalid-feedback" id="validarNombreEjecutivo">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Cargo Del Ejecutivo <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="cargoEjecutivo" name="cargo_ejecutivo" value="{{ old('cargo_ejecutivo') }}">
                                    <div class="invalid-feedback" id="validarCargoEjecutivo">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Telefono Del Ejecutivo <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="telefonoEjecutivo" name="telefono_ejecutivo" value="{{ old('telefono_ejecutivo') }}">
                                    <div class="invalid-feedback" id="validarTelefonoEjecutivo">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Correo Del Ejecutivo <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="correoEjecutivo" name="correo_ejecutivo" value="{{ old('correo_ejecutivo') }}">
                                    <div class="invalid-feedback" id="validarCorreoEjecutivo">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Condición De Pago</label>
                                    <select class="form-control listaDespegableConBuscador" id="condicionPago" name="condicion_pago" data-live-search="true">

                                        @foreach ($condicionDePagos as $condicionDePago)
                                            @if (old('condicion_pago') == $condicionDePago)
                                                @if ($condicionDePago == '30 DÍAS')
                                                    <option selected value="{{ $condicionDePago }}">30 DÍAS Contra Emisión De Factura</option>
                                                @else
                                                    @if ($condicionDePago == '45 DÍAS')
                                                        <option selected value="{{ $condicionDePago }}">45 DÍAS Contra Emisión De Factura</option>
                                                    @else
                                                        @if ($condicionDePago == '60 DÍAS')
                                                            <option selected value="{{ $condicionDePago }}">60 DÍAS Contra Emisión De Factura</option>
                                                        @else
                                                            @if ($condicionDePago == '90 DÍAS')
                                                                <option selected value="{{ $condicionDePago }}">90 DÍAS Contra Emisión De Factura</option>
                                                            @else
                                                                <option selected value="{{ $condicionDePago }}">{{ $condicionDePago }}</option>
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endif
                                            @else
                                                @if ($condicionDePago == '30 DÍAS')
                                                    <option value="{{ $condicionDePago }}">30 DÍAS Contra Emisión De Factura</option>
                                                @else
                                                    @if ($condicionDePago == '45 DÍAS')
                                                        <option value="{{ $condicionDePago }}">45 DÍAS Contra Emisión De Factura</option>
                                                    @else
                                                        @if ($condicionDePago == '60 DÍAS')
                                                            <option value="{{ $condicionDePago }}">60 DÍAS Contra Emisión De Factura</option>
                                                        @else
                                                            @if ($condicionDePago == '90 DÍAS')
                                                                <option value="{{ $condicionDePago }}">90 DÍAS Contra Emisión De Factura</option>
                                                            @else
                                                                <option value="{{ $condicionDePago }}">{{ $condicionDePago }}</option>
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endif
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarCondicionPago">

                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label>Proveedor Crítico</label>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoProveecorCriticoSi" name="proveedor_critico" value="Si">
                                        <label for="CampoProveecorCriticoSi">Si</label>
                                    </div>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoProveecorCriticoNo" name="proveedor_critico" value="No">
                                        <label for="CampoProveecorCriticoNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoProveecorCritico">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Requiere Requisitos Legales</label>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoRequiereRequisitosLegalesSi" name="requiere_requisitos_legales" value="Si">
                                        <label for="CampoRequiereRequisitosLegalesSi">Si</label>
                                    </div>
                                    <div class="icheck-primary">
                                        <input type="radio" id="CampoRequiereRequisitosLegalesNo" name="requiere_requisitos_legales" value="No">
                                        <label for="CampoRequiereRequisitosLegalesNo">No</label>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoRequiereRequisitosLegales">
    
                                    </div>
                                </div>

                                <input type="hidden" name="listados_cuentas_bancarios" id="listadaCuentaBancaria" value="[]">
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="registrarProveedor()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Proveedor </button>
                            <a href="{{ route('proveedor.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>
                </div>
            </div>


            <div class="col-lg-6">
                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Datos Bancarios</h3>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-danger" role="alert" id="errorListadoCuentasBancarias" style="display: none;">
                            El proveedor debe tener al menos una cuenta bancaria asociada para su creación.
                        </div>

                        <fieldset class="fieldset-color-amarillo" id="fieldsetArticulo">
                            <legend class="titulo-fieldset-color-amarillo" id="legendArticulo">Añadir Cuenta Bancaria</legend>
                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label>Banco </label>
                                    <select class="form-control listaDespegableConBuscador" id="idBanco" name="id_banco" data-live-search="true">
                                        <option value="">--Seleccionar Nombre Del Banco--</option>
                                        @foreach ($bancos as $banco)
                                            @if (old('id_banco') == $banco->id)
                                                <option selected value="{{ $banco->id }}">{{ $banco->banco }}</option>
                                            @else
                                                <option value="{{ $banco->id }}">{{ $banco->banco }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarIdBanco">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Tipo De Cuenta </label>
                                    <select class="form-control listaDespegableConBuscador" name="tipo_cuenta_bancaria" id="tipoCuentaBancaria" data-live-search="true">
                                        <option value="">--Seleccionar Tipo De Cuenta Bancaria--</option>
                                        @foreach ($tiposCuentaBancarias as $tiposCuentaBancaria)
                                            @if (old('tipo_cuenta_bancaria') == $tiposCuentaBancaria)
                                                <option selected value="{{ $tiposCuentaBancaria }}">{{ $tiposCuentaBancaria }}</option>
                                            @else
                                                <option value="{{ $tiposCuentaBancaria }}">{{ $tiposCuentaBancaria }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarTipoCuentaBancaria">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Numero De Cuenta </label>
                                    <input type="text" class="form-control" id="numeroCuentaBancaria" name="numero_cuenta_bancaria" value="{{ old('numero_cuenta_bancaria') }}">
                                    <div class="invalid-feedback" id="validarNumeroCuentaBancaria">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Rut Cuenta Bancaria</label>
                                    <input type="text" class="form-control" name="rut_cuenta_bancaria" value="{{ old('rut_cuenta_bancaria') }}" id="rut2" onblur="cambiarCampoRutHaTexto(this)" onkeypress="return validarCampoRut(event,this)" onfocus="cambiarCampoRutHaNumero(this)">
                                    <div class="invalid-feedback" id="validarRutCuentaBancaria">

                                    </div>
                                </div>
                            </div>
                        </fieldset>

                        <div>
                            <button class="btn btn-aspen mb-3" type="button" id="botonAgregarCuentaBancaria" onclick="agregarCuentaBancaria() "><i class="fas fa-credit-card" style="margin-right: 2px;"></i> Añadir Cuenta Bancaria</button>
                        </div>

                        <div class="dt-responsive table-responsive">
                            <table class="table table-striped table-bordered nowrap dataTable" role="grid" aria-describedby="base-style_info">
                                <thead>
                                    <tr>
                                        <th>Acción</th>
                                        <th>Banco</th>
                                        <th>Tipo De Cuenta</th>
                                        <th>Numero Cuenta</th>
                                        <th>Rut De La Cuenta</th>
                                    </tr>
                                </thead>
                                <tbody id="tablaBodyDatosbancario">

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

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

    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2023 <a href="https://aspenspa.cl/">aspenspa.cl</a></strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        $('#idBanco').selectpicker({
            dropupAuto: false
        });
        $('#tipoCuentaBancaria').selectpicker({
            dropupAuto: false
        });
        $('#condicionPago').selectpicker({
            dropupAuto: false
        });
        $('#tipoProveedor').selectpicker({
            dropupAuto: false
        });
    </script>

    <script>
        document.getElementById("rut").addEventListener("blur", () => {
            var rutSoloNumero = document.getElementById("rut").value;
            rutSoloNumero = rutSoloNumero.replace(/[^a-zA-Z0-9]/g, '')
            if (rutSoloNumero != "") {
                document.getElementById("codigoProveedor").value = "P" + rutSoloNumero;
            }
        })

        function getDV(numero) {
            nuevo_numero = numero.toString().split("").reverse().join("");
            for (i = 0, j = 2, suma = 0; i < nuevo_numero.length; i++, ((j == 7) ? j = 2 : j++)) {
                suma += (parseInt(nuevo_numero.charAt(i)) * j);
            }
            n_dv = 11 - (suma % 11);
            return ((n_dv == 11) ? 0 : ((n_dv == 10) ? "K" : n_dv));
        }

        function cambiarCampoRutHaNumero(campo) {
            campo.setAttribute("maxlength", "9");
            switch (campo.value.length) {
                case 2:
                    var rutNumerico = campo.value.slice(1, 2);
                    campo.value = rutNumerico;
                    break;
                case 3:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 3);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 4:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 4);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 5:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(4, 5);
                    campo.value = rutNumerico1 + rutNumerico2;
                    break;
                case 7:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(6, 7);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 8:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(7, 8);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 9:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(4, 7);
                    var rutNumerico3 = campo.value.slice(8, 9);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3;
                    break;
                case 11:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(6, 9);
                    var rutNumerico4 = campo.value.slice(10, 11);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3 + rutNumerico4;
                    break;
                case 12:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(7, 10);
                    var rutNumerico4 = campo.value.slice(11, 12);
                    campo.value = rutNumerico1 + rutNumerico2 + rutNumerico3 + rutNumerico4;
                    break;
            }
        }

        function cambiarCampoRutHaTexto(campo) {
            campo.setAttribute("maxlength", "12");
            switch (campo.value.length) {
                case 1:
                    var rutNumerico = campo.value;
                    campo.value = "-" + rutNumerico;
                    break;
                case 2:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 2);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 3:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 3);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 4:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(3, 4);
                    campo.value = rutNumerico1 + "-" + rutNumerico2;
                    break;
                case 5:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 4);
                    var rutNumerico3 = campo.value.slice(4, 5);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 6:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(5, 6);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 7:
                    var rutNumerico1 = campo.value.slice(0, 3);
                    var rutNumerico2 = campo.value.slice(3, 6);
                    var rutNumerico3 = campo.value.slice(6, 7);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "-" + rutNumerico3;
                    break;
                case 8:
                    var rutNumerico1 = campo.value.slice(0, 1);
                    var rutNumerico2 = campo.value.slice(1, 4);
                    var rutNumerico3 = campo.value.slice(4, 7);
                    var rutNumerico4 = campo.value.slice(7, 8);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "." + rutNumerico3 + "-" + rutNumerico4;
                    break;
                case 9:
                    var rutNumerico1 = campo.value.slice(0, 2);
                    var rutNumerico2 = campo.value.slice(2, 5);
                    var rutNumerico3 = campo.value.slice(5, 8);
                    var rutNumerico4 = campo.value.slice(8, 9);
                    campo.value = rutNumerico1 + "." + rutNumerico2 + "." + rutNumerico3 + "-" + rutNumerico4;
                    break;
            }
        }

        function validarCampoRut(event, campoRut) {
            if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0 && event.key != "k" && event.key != "K") {
                return false;
            } else {
                if (campoRut.value.length > 8) {
                    return false;
                } else {
                    return true;
                }
            }
        }

        function validarCampoQueSoloSeIngreseNumeros(event) {
            if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0 && event.key != "+") {
                return false;
            }
        }

        function cambiarTipoDeProveedor(tipo) {
            Swal.fire({
                icon: 'warning',
                title: '¡Cambio de tipo proveedor!',
                text: 'Esta seguro de cambiar el tipo de proveedor, se quitaran todas las cuentas bancarias añadida y se vaciarán los campo codigo proveedor y rut del proveedor',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, cambiar tipo!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    if (tipo.value == "Nacional") {
                        document.getElementById("rut").value = "";
                        document.getElementById("codigoProveedor").value = "";
                        document.getElementById("rut").setAttribute("onblur", "cambiarCampoRutHaTexto(this)");
                        document.getElementById("rut").setAttribute("onkeypress", "return validarCampoRut(event,this)");
                        document.getElementById("rut").setAttribute("onfocus", "cambiarCampoRutHaNumero(this)");
                        document.getElementById("rut").setAttribute("maxlength", "12");

                        document.getElementById("rut2").setAttribute("onblur", "cambiarCampoRutHaTexto(this)");
                        document.getElementById("rut2").setAttribute("onkeypress", "return validarCampoRut(event,this)");
                        document.getElementById("rut2").setAttribute("onfocus", "cambiarCampoRutHaNumero(this)");
                        document.getElementById("rut2").setAttribute("maxlength", "12");

                        document.getElementById("listadaCuentaBancaria").value = "[]";
                        document.getElementById("tablaBodyDatosbancario").innerHTML = "";
                    } else if (tipo.value == "Internacional") {
                        document.getElementById("rut").value = "";
                        document.getElementById("codigoProveedor").value = "";
                        document.getElementById("rut").removeAttribute("onblur");
                        document.getElementById("rut").removeAttribute("onkeypress");
                        document.getElementById("rut").removeAttribute("onfocus");
                        document.getElementById("rut").removeAttribute("maxlength");

                        document.getElementById("rut2").removeAttribute("onblur");
                        document.getElementById("rut2").removeAttribute("onkeypress");
                        document.getElementById("rut2").removeAttribute("onfocus");
                        document.getElementById("rut2").removeAttribute("maxlength");

                        document.getElementById("listadaCuentaBancaria").value = "[]";
                        document.getElementById("tablaBodyDatosbancario").innerHTML = "";
                    }
                } else {
                    if (tipo.value == "Nacional") {
                        $('#tipoProveedor').selectpicker('val', "Internacional");
                    } else if (tipo.value == "Internacional") {
                        $('#tipoProveedor').selectpicker('val', "Nacional");
                    }
                }
            });
        }
    </script>

    <script>
        function limpiarCamposCuentaBancaria() {
            $('#idBanco').selectpicker('val', "");
            document.getElementById("validarIdBanco").innerHTML = "";
            document.getElementById("idBanco").classList.remove('input-success-icon');
            document.getElementById("idBanco").classList.remove('input-error-icon');
            document.getElementById("validarIdBanco").style.display = "none";

            $('#tipoCuentaBancaria').selectpicker('val', "");
            document.getElementById("validarTipoCuentaBancaria").innerHTML = "";
            document.getElementById("tipoCuentaBancaria").classList.remove('input-success-icon');
            document.getElementById("tipoCuentaBancaria").classList.remove('input-error-icon');
            document.getElementById("validarTipoCuentaBancaria").style.display = "none";

            document.getElementById("numeroCuentaBancaria").value = "";
            document.getElementById("validarNumeroCuentaBancaria").innerHTML = "";
            document.getElementById("numeroCuentaBancaria").setAttribute("class", "form-control");

            document.getElementById("rut2").value = "";
            document.getElementById("validarRutCuentaBancaria").innerHTML = "";
            document.getElementById("rut2").setAttribute("class", "form-control");

        }

        function validarCamposDatosBancario(idBanco, tipoCuentaBancaria, numeroCuentaBancaria, rut2) {
            var tipoProveedor = document.getElementById("tipoProveedor").value;

            if (idBanco.trim().length == 0) {
                document.getElementById("idBanco").classList.remove('input-success-icon');
                document.getElementById("idBanco").classList.add('input-error-icon');
                document.getElementById("validarIdBanco").innerHTML = "El campo banco es obligatorio.";
                document.getElementById("validarIdBanco").style.display = "block";
            } else {
                document.getElementById("idBanco").classList.remove('input-error-icon');
                document.getElementById("idBanco").classList.add('input-success-icon');
                document.getElementById("validarIdBanco").innerHTML = "";
                document.getElementById("validarIdBanco").style.display = "none";
            }

            if (tipoCuentaBancaria.trim().length == 0) {
                document.getElementById("tipoCuentaBancaria").classList.remove('input-success-icon');
                document.getElementById("tipoCuentaBancaria").classList.add('input-error-icon');
                document.getElementById("validarTipoCuentaBancaria").innerHTML = "El campo tipo de cuenta es obligatorio.";
                document.getElementById("validarTipoCuentaBancaria").style.display = "block";
            } else {
                document.getElementById("tipoCuentaBancaria").classList.remove('input-error-icon');
                document.getElementById("tipoCuentaBancaria").classList.add('input-success-icon');
                document.getElementById("validarTipoCuentaBancaria").innerHTML = "";
                document.getElementById("validarTipoCuentaBancaria").style.display = "none";
            }

            if (numeroCuentaBancaria.trim().length == 0) {
                document.getElementById("numeroCuentaBancaria").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarNumeroCuentaBancaria").innerHTML = "El campo numero de cuenta es obligatorio.";
            } else {
                document.getElementById("validarNumeroCuentaBancaria").innerHTML = "";
                document.getElementById("numeroCuentaBancaria").setAttribute("class", "form-control is-valid");
            }

            if (rut2.trim().length == 0) {
                document.getElementById("rut2").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarRutCuentaBancaria").innerHTML = "El campo rut es obligatorio.";
            } else {
                if (rut2.trim().length < 11 && tipoProveedor == "Nacional") {
                    document.getElementById("rut2").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validarRutCuentaBancaria").innerHTML = "El campo rut debe contener al menos 11 caracteres.";
                } else {
                    if (tipoProveedor == "Nacional") {
                        var rutCuentaBancaria = rut2.trim().replace(".", "");
                        rutCuentaBancaria = rutCuentaBancaria.trim().replace(".", "");
                        rutCuentaBancaria = rutCuentaBancaria.split("-");
                        var rutSinDigitoVerificador = rutCuentaBancaria[0];
                        var digitoVerificador = rutCuentaBancaria[1];
                        if (digitoVerificador == "K" || digitoVerificador == "k") {
                            digitoVerificador = digitoVerificador.toUpperCase()
                        }

                        var digitoVerificadorCalculado = getDV(parseInt(rutSinDigitoVerificador));

                        if (digitoVerificadorCalculado == digitoVerificador) {
                            document.getElementById("validarRutCuentaBancaria").innerHTML = "";
                            document.getElementById("rut2").setAttribute("class", "form-control is-valid");
                        } else {
                            document.getElementById("rut2").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validarRutCuentaBancaria").innerHTML = "El campo rut es invalido.";
                        }
                    } else if (tipoProveedor == "Internacional") {
                        document.getElementById("validarRutCuentaBancaria").innerHTML = "";
                        document.getElementById("rut2").setAttribute("class", "form-control is-valid");
                    }

                }
            }
        }

        function agregarCuentaBancaria() {
            document.getElementById("botonAgregarCuentaBancaria").setAttribute("disabled", true);

            var idBanco = document.getElementById("idBanco").value;
            var tipoCuentaBancaria = document.getElementById("tipoCuentaBancaria").value;
            var numeroCuentaBancaria = document.getElementById("numeroCuentaBancaria").value;
            var rut2 = document.getElementById("rut2").value;
            var tipoProveedor = document.getElementById("tipoProveedor").value;

            if (idBanco.trim().length > 0 && tipoCuentaBancaria.trim().length > 0 && numeroCuentaBancaria.trim().length > 0 && rut2.trim().length > 0) {
                if (rut2.trim().length < 11 && tipoProveedor == "Nacional") {
                    document.getElementById("idBanco").classList.remove('input-error-icon');
                    document.getElementById("idBanco").classList.add('input-success-icon');
                    document.getElementById("validarIdBanco").innerHTML = "";
                    document.getElementById("validarIdBanco").style.display = "none";

                    document.getElementById("tipoCuentaBancaria").classList.remove('input-error-icon');
                    document.getElementById("tipoCuentaBancaria").classList.add('input-success-icon');
                    document.getElementById("validarTipoCuentaBancaria").innerHTML = "";
                    document.getElementById("validarTipoCuentaBancaria").style.display = "none";

                    document.getElementById("validarNumeroCuentaBancaria").innerHTML = "";
                    document.getElementById("numeroCuentaBancaria").setAttribute("class", "form-control is-valid");

                    document.getElementById("rut2").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validarRutCuentaBancaria").innerHTML = "El campo rut debe contener al menos 11 caracteres.";

                    document.getElementById("botonAgregarCuentaBancaria").removeAttribute("disabled");
                } else {
                    if (tipoProveedor == "Nacional") {
                        var rutCuentaBancaria = rut2.trim().replace(".", "");
                        rutCuentaBancaria = rutCuentaBancaria.trim().replace(".", "");
                        rutCuentaBancaria = rutCuentaBancaria.split("-");
                        var rutSinDigitoVerificador = rutCuentaBancaria[0];
                        var digitoVerificador = rutCuentaBancaria[1];
                        if (digitoVerificador == "K" || digitoVerificador == "k") {
                            digitoVerificador = digitoVerificador.toUpperCase()
                        }

                        var digitoVerificadorCalculado = getDV(parseInt(rutSinDigitoVerificador));

                        if (digitoVerificadorCalculado == digitoVerificador) {
                            var listadaCuentaBancaria = JSON.parse(document.getElementById("listadaCuentaBancaria").value);
                            var uid = Math.floor(Math.random() * 999999);

                            listadaCuentaBancaria.push({
                                identificador: uid,
                                idBanco: idBanco,
                                tipoCuentaBancaria: tipoCuentaBancaria.trim(),
                                numeroCuentaBancaria: numeroCuentaBancaria.trim(),
                                rutCuentaBancaria: rut2.trim(),
                                nombreBanco: ""
                            });
                            document.getElementById("listadaCuentaBancaria").value = JSON.stringify(listadaCuentaBancaria);
                            limpiarCamposCuentaBancaria()

                            var url = '{{ route('banco.obtener-banco', [':idBanco']) }}';
                            url = url.replace(':idBanco', idBanco);
                            $.ajax({
                                type: 'GET',
                                datatype: 'json',
                                url: url,
                                success: function(data) {
                                    document.getElementById("tablaBodyDatosbancario").innerHTML +=
                                        '<tr>' +
                                        '<td> <button class="btn btn-danger btn-sm text-center" type="button" onclick="eliminarCuentaBancaria(this,\'' + uid + '\')"><i class="fa fa-trash" aria-hidden="true"></i></button> </td>' +
                                        '<td>' + data.banco.banco + '</td>' +
                                        '<td>' + tipoCuentaBancaria.trim() + '</td>' +
                                        '<td>' + numeroCuentaBancaria.trim() + '</td>' +
                                        '<td>' + rut2.trim() + '</td>' +
                                        '</tr>';

                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Agregado!',
                                        text: 'La cuenta bancaria se agrego con éxito',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    })
                                    document.getElementById("botonAgregarCuentaBancaria").removeAttribute("disabled");
                                }
                            })
                        } else {
                            document.getElementById("idBanco").classList.remove('input-error-icon');
                            document.getElementById("idBanco").classList.add('input-success-icon');
                            document.getElementById("validarIdBanco").innerHTML = "";
                            document.getElementById("validarIdBanco").style.display = "none";

                            document.getElementById("tipoCuentaBancaria").classList.remove('input-error-icon');
                            document.getElementById("tipoCuentaBancaria").classList.add('input-success-icon');
                            document.getElementById("validarTipoCuentaBancaria").innerHTML = "";
                            document.getElementById("validarTipoCuentaBancaria").style.display = "none";

                            document.getElementById("validarNumeroCuentaBancaria").innerHTML = "";
                            document.getElementById("numeroCuentaBancaria").setAttribute("class", "form-control is-valid");

                            document.getElementById("rut2").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validarRutCuentaBancaria").innerHTML = "El campo rut de la cuenta bancaria es invalido.";

                            document.getElementById("botonAgregarCuentaBancaria").removeAttribute("disabled");
                        }
                    } else if (tipoProveedor == "Internacional") {
                        var listadaCuentaBancaria = JSON.parse(document.getElementById("listadaCuentaBancaria").value);
                        var uid = Math.floor(Math.random() * 999999);

                        listadaCuentaBancaria.push({
                            identificador: uid,
                            idBanco: idBanco,
                            tipoCuentaBancaria: tipoCuentaBancaria.trim(),
                            numeroCuentaBancaria: numeroCuentaBancaria.trim(),
                            rutCuentaBancaria: rut2.trim(),
                            nombreBanco: ""
                        });
                        document.getElementById("listadaCuentaBancaria").value = JSON.stringify(listadaCuentaBancaria);
                        limpiarCamposCuentaBancaria()

                        var url = '{{ route('banco.obtener-banco', [':idBanco']) }}';
                        url = url.replace(':idBanco', idBanco);
                        $.ajax({
                            type: 'GET',
                            datatype: 'json',
                            url: url,
                            success: function(data) {
                                document.getElementById("tablaBodyDatosbancario").innerHTML +=
                                    '<tr>' +
                                    '<td> <button class="btn btn-danger btn-sm text-center" type="button" onclick="eliminarCuentaBancaria(this,\'' + uid + '\')"><i class="fa fa-trash" aria-hidden="true"></i></button> </td>' +
                                    '<td>' + data.banco.banco + '</td>' +
                                    '<td>' + tipoCuentaBancaria.trim() + '</td>' +
                                    '<td>' + numeroCuentaBancaria.trim() + '</td>' +
                                    '<td>' + rut2.trim() + '</td>' +
                                    '</tr>';

                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Agregado!',
                                    text: 'La cuenta bancaria se agrego con éxito',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                })
                                document.getElementById("botonAgregarCuentaBancaria").removeAttribute("disabled");
                            }
                        })
                    }
                }
            } else {
                validarCamposDatosBancario(idBanco, tipoCuentaBancaria, numeroCuentaBancaria, rut2)
                document.getElementById("botonAgregarCuentaBancaria").removeAttribute("disabled");
            }
        }

        function eliminarCuentaBancaria(campo, uid) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Esta cuenta bancaria se removerá definitivamente del proveedor",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, eliminar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                var listadaCuentaBancaria = JSON.parse(document.getElementById("listadaCuentaBancaria").value);
                var cantidad = 0;
                listadaCuentaBancaria.forEach(elemento => {
                    if (uid == elemento.identificador) {
                        listadaCuentaBancaria.splice(cantidad, 1);
                    }
                    cantidad++;
                });
                document.getElementById("listadaCuentaBancaria").value = JSON.stringify(listadaCuentaBancaria);

                campo.parentElement.parentElement.remove();
            })
        }
    </script>

    <script>
        function limpiarCampos() {
            document.getElementById("codigoProveedor").value = "";
            document.getElementById("validarCodigoPreveedor").innerHTML = "";
            document.getElementById("codigoProveedor").setAttribute("class", "form-control");

            document.getElementById("razonSocial").value = "";
            document.getElementById("validarRazonSocial").innerHTML = "";
            document.getElementById("razonSocial").setAttribute("class", "form-control");

            document.getElementById("nombreFantasia").value = "";
            document.getElementById("validarNombreFantasia").innerHTML = "";
            document.getElementById("nombreFantasia").setAttribute("class", "form-control");

            document.getElementById("rut").value = "";
            document.getElementById("validarRutProveedor").innerHTML = "";
            document.getElementById("rut").setAttribute("class", "form-control");

            document.getElementById("direccionComercial").value = "";
            document.getElementById("validarDireccionComercial").innerHTML = "";
            document.getElementById("direccionComercial").setAttribute("class", "form-control");

            document.getElementById("telefonoContacto").value = "";
            document.getElementById("validarTelefonoContacto").innerHTML = "";
            document.getElementById("telefonoContacto").setAttribute("class", "form-control");

            document.getElementById("nombreEjecutivo").value = "";
            document.getElementById("validarNombreEjecutivo").innerHTML = "";
            document.getElementById("nombreEjecutivo").setAttribute("class", "form-control");

            document.getElementById("cargoEjecutivo").value = "";
            document.getElementById("validarCargoEjecutivo").innerHTML = "";
            document.getElementById("cargoEjecutivo").setAttribute("class", "form-control");

            document.getElementById("telefonoEjecutivo").value = "";
            document.getElementById("validarTelefonoEjecutivo").innerHTML = "";
            document.getElementById("telefonoEjecutivo").setAttribute("class", "form-control");

            document.getElementById("correoEjecutivo").value = "";
            document.getElementById("validarCorreoEjecutivo").innerHTML = "";
            document.getElementById("correoEjecutivo").setAttribute("class", "form-control");

            $('#idBanco').selectpicker('val', "");
            document.getElementById("validarIdBanco").innerHTML = "";
            document.getElementById("idBanco").classList.remove('input-success-icon');
            document.getElementById("idBanco").classList.remove('input-error-icon');
            document.getElementById("validarIdBanco").style.display = "none";

            $('#tipoCuentaBancaria').selectpicker('val', "");
            document.getElementById("validarTipoCuentaBancaria").innerHTML = "";
            document.getElementById("tipoCuentaBancaria").classList.remove('input-success-icon');
            document.getElementById("tipoCuentaBancaria").classList.remove('input-error-icon');
            document.getElementById("validarTipoCuentaBancaria").style.display = "none";

            document.getElementById("numeroCuentaBancaria").value = "";
            document.getElementById("validarNumeroCuentaBancaria").innerHTML = "";
            document.getElementById("numeroCuentaBancaria").setAttribute("class", "form-control");

            document.getElementById("rut2").value = "";
            document.getElementById("validarRutCuentaBancaria").innerHTML = "";
            document.getElementById("rut2").setAttribute("class", "form-control");

            $('#condicionPago').selectpicker('val', "30 DÍAS");
            document.getElementById("validarCondicionPago").innerHTML = "";
            document.getElementById("condicionPago").classList.remove('input-success-icon');
            document.getElementById("condicionPago").classList.remove('input-error-icon');
            document.getElementById("validarCondicionPago").style.display = "none";

            $('#tipoProveedor').selectpicker('val', "Nacional");
            document.getElementById("validarTipoProveedor").innerHTML = "";
            document.getElementById("tipoProveedor").classList.remove('input-success-icon');
            document.getElementById("tipoProveedor").classList.remove('input-error-icon');
            document.getElementById("validarTipoProveedor").style.display = "none";

            document.getElementById("listadaCuentaBancaria").value = "[]";
            document.getElementById("tablaBodyDatosbancario").innerHTML = "";
            document.getElementById("errorListadoCuentasBancarias").style.display = "none";
            
            document.getElementById("CampoProveecorCriticoSi").checked = false;
            document.getElementById("CampoProveecorCriticoNo").checked = false;
            document.getElementById("validacionCampoProveecorCritico").innerHTML = "";
            document.getElementById("validacionCampoProveecorCritico").style.display = "none";

            document.getElementById("CampoRequiereRequisitosLegalesSi").checked = false;
            document.getElementById("CampoRequiereRequisitosLegalesNo").checked = false;
            document.getElementById("validacionCampoRequiereRequisitosLegales").innerHTML = "";
            document.getElementById("validacionCampoRequiereRequisitosLegales").style.display = "none";
        }

        function validarCampos(data) {
            if (document.getElementById("listadaCuentaBancaria").value == "") {
                document.getElementById("listadaCuentaBancaria").value = "[]";
            }

            if (typeof data.responseJSON.errors.listados_cuentas_bancarios !== 'undefined') {
                document.getElementById("errorListadoCuentasBancarias").style.display = "block";
            } else {
                document.getElementById("errorListadoCuentasBancarias").style.display = "none";
            }

            if (typeof data.responseJSON.errors.codigo_proveedor !== 'undefined') {
                document.getElementById("codigoProveedor").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarCodigoPreveedor").innerHTML = data.responseJSON.errors.codigo_proveedor;
            } else {
                document.getElementById("codigoProveedor").setAttribute("class", "form-control is-valid");
                document.getElementById("validarCodigoPreveedor").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.razon_social !== 'undefined') {
                document.getElementById("razonSocial").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarRazonSocial").innerHTML = data.responseJSON.errors.razon_social;
            } else {
                document.getElementById("validarRazonSocial").innerHTML = "";
                document.getElementById("razonSocial").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.nombre_fantasia !== 'undefined') {
                document.getElementById("nombreFantasia").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarNombreFantasia").innerHTML = data.responseJSON.errors.nombre_fantasia;
            } else {
                document.getElementById("validarNombreFantasia").innerHTML = "";
                document.getElementById("nombreFantasia").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.rut_proveedor !== 'undefined') {
                document.getElementById("rut").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarRutProveedor").innerHTML = data.responseJSON.errors.rut_proveedor;
            } else {
                document.getElementById("validarRutProveedor").innerHTML = "";
                document.getElementById("rut").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.direccion_comercial !== 'undefined') {
                document.getElementById("direccionComercial").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarDireccionComercial").innerHTML = data.responseJSON.errors.direccion_comercial;
            } else {
                document.getElementById("validarDireccionComercial").innerHTML = "";
                document.getElementById("direccionComercial").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.telefono_contacto !== 'undefined') {
                document.getElementById("telefonoContacto").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarTelefonoContacto").innerHTML = data.responseJSON.errors.telefono_contacto;
            } else {
                document.getElementById("validarTelefonoContacto").innerHTML = "";
                document.getElementById("telefonoContacto").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.nombre_ejecutivo !== 'undefined') {
                document.getElementById("nombreEjecutivo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarNombreEjecutivo").innerHTML = data.responseJSON.errors.nombre_ejecutivo;
            } else {
                document.getElementById("validarNombreEjecutivo").innerHTML = "";
                document.getElementById("nombreEjecutivo").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.cargo_ejecutivo !== 'undefined') {
                document.getElementById("cargoEjecutivo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarCargoEjecutivo").innerHTML = data.responseJSON.errors.cargo_ejecutivo;
            } else {
                document.getElementById("validarCargoEjecutivo").innerHTML = "";
                document.getElementById("cargoEjecutivo").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.telefono_ejecutivo !== 'undefined') {
                document.getElementById("telefonoEjecutivo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarTelefonoEjecutivo").innerHTML = data.responseJSON.errors.telefono_ejecutivo;
            } else {
                document.getElementById("validarTelefonoEjecutivo").innerHTML = "";
                document.getElementById("telefonoEjecutivo").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.correo_ejecutivo !== 'undefined') {
                document.getElementById("correoEjecutivo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validarCorreoEjecutivo").innerHTML = data.responseJSON.errors.correo_ejecutivo;
            } else {
                document.getElementById("validarCorreoEjecutivo").innerHTML = "";
                document.getElementById("correoEjecutivo").setAttribute("class", "form-control is-valid");
            }

            if (typeof data.responseJSON.errors.condicion_pago !== 'undefined') {
                document.getElementById("condicionPago").classList.remove('input-success-icon');
                document.getElementById("condicionPago").classList.add('input-error-icon');
                document.getElementById("validarCondicionPago").innerHTML = data.responseJSON.errors.condicion_pago;
                document.getElementById("validarCondicionPago").style.display = "block";
            } else {
                document.getElementById("condicionPago").classList.remove('input-error-icon');
                document.getElementById("condicionPago").classList.add('input-success-icon');
                document.getElementById("validarCondicionPago").innerHTML = "";
                document.getElementById("validarCondicionPago").style.display = "none";
            }

            if (typeof data.responseJSON.errors.tipo_proveedor !== 'undefined') {
                document.getElementById("tipoProveedor").classList.remove('input-success-icon');
                document.getElementById("tipoProveedor").classList.add('input-error-icon');
                document.getElementById("validarTipoProveedor").innerHTML = data.responseJSON.errors.tipo_proveedor;
                document.getElementById("validarTipoProveedor").style.display = "block";
            } else {
                document.getElementById("tipoProveedor").classList.remove('input-error-icon');
                document.getElementById("tipoProveedor").classList.add('input-success-icon');
                document.getElementById("validarTipoProveedor").innerHTML = "";
                document.getElementById("validarTipoProveedor").style.display = "none";
            }
            
            if (typeof data.responseJSON.errors.proveedor_critico !== 'undefined') {
                document.getElementById("validacionCampoProveecorCritico").innerHTML = data.responseJSON.errors.proveedor_critico;
                document.getElementById("validacionCampoProveecorCritico").style.display = "block";
            } else {
                document.getElementById("validacionCampoProveecorCritico").innerHTML = "";
                document.getElementById("validacionCampoProveecorCritico").style.display = "none";
            }

            if (typeof data.responseJSON.errors.requiere_requisitos_legales !== 'undefined') {
                document.getElementById("validacionCampoRequiereRequisitosLegales").innerHTML = data.responseJSON.errors.requiere_requisitos_legales;
                document.getElementById("validacionCampoRequiereRequisitosLegales").style.display = "block";
            } else {
                document.getElementById("validacionCampoRequiereRequisitosLegales").innerHTML = "";
                document.getElementById("validacionCampoRequiereRequisitosLegales").style.display = "none";
            }
        }

        function registrarProveedor() {
            if (document.getElementById("listadaCuentaBancaria").value == "[]") {
                document.getElementById("listadaCuentaBancaria").value = "";
            }
            document.getElementById("botonDeCreacion").setAttribute("disabled", true);
            var datosFormulario = $("#formularioDeProveedor").serialize();
            generarLoading('{{ asset('img/logo.png') }}')

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: '{{ route('proveedor.store') }}',
                data: datosFormulario,
                success: function(data) {
                    limpiarCampos()

                    Swal.fire({
                        icon: 'success',
                        title: '¡Creado!',
                        text: 'El proveedor ' + data.nombre_fantasia + ' se creo con éxito',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })

                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                },
                error: function(data) {
                    validarCampos(data)
                    document.getElementById("botonDeCreacion").removeAttribute("disabled");
                    eliminarLoading()
                }
            })
        }
    </script>
@stop