@extends('layouts.dashboard')

@section('dashboard')
    @if (session('message'))
        <div class="alert alert-success mb-3">
            {{ session('message') }}
        </div>
    @endif
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Editando: {{ $proveedor->proveedor_nombre }}</strong></li>
    </ul>
    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-0">Editando: {{ $proveedor->proveedor_nombre }}</h1>
        </div>
    </div>
    <div class="card mb-4">
        <div class="card-body">
            <h5 class="card-title">Identificación del proveedor</h5>
            <form class="row">
                <div class="form-group col">
                    @if ($tipoNacionalidad == 'internacional')
                        <label class="font-weight-bold mb-2" for="tax">Tax o Vat <span
                                class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="tax"
                            @if (isset($proveedor->id_tributario_extranjero) && !empty($proveedor->id_tributario_extranjero)) value="{{ $proveedor->id_tributario_extranjero }}" @endif>
                    @else
                        <label class="font-weight-bold mb-2" for="rut-proveedor">Rut <span
                                class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="rut-proveedor"
                            onfocusout="validarYFormatearRUT(this.value)"
                            @if (isset($proveedor->rut) && !empty($proveedor->rut)) value="{{ $proveedor->rut }}-{{ $proveedor->rut_digito_verificador }}" @endif>
                    @endif
                </div>
                <div class="form-group col">
                    <label class="font-weight-bold mb-2" for="nombre-proveedor">Razon social <span
                            class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="nombre-proveedor" required=""
                        @if (isset($proveedor->proveedor_nombre) && !empty($proveedor->proveedor_nombre)) value="{{ $proveedor->proveedor_nombre }}" @endif>
                </div>
                @if ($tipoNacionalidad == 'internacional')
                    <div class="form-group col">
                        <label class="font-weight-bold mb-2" for="pais">País <span class="text-danger">*</span></label>
                        <input type="text" class="form-control"
                            id="pais"@if (isset($proveedor->pais) && !empty($proveedor->pais)) value="{{ $proveedor->pais }}" @endif>
                    </div>
                @endif
            </form>
        </div>
    </div>


    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="datos-basicos-tab" data-toggle="tab" data-target="#datos-basicos"
                type="button" role="tab" aria-controls="datos-basicos" aria-selected="true">Datos Básicos</button>
        </li>
        <li class="nav-item" role="presentation">
            <button onclick="cargarDireccionesProveedor({{ $proveedor->proveedor_id }})" class="nav-link"
                id="direcciones-tab" data-toggle="tab" data-target="#direcciones" type="button" role="tab"
                aria-controls="direcciones" aria-selected="false">Direcciones o Sucursales</button>
        </li>
        <li class="nav-item" role="presentation">
            <button onclick="cargarContactosProveedor({{ $proveedor->proveedor_id }})" class="nav-link" id="contacto-tab"
                data-toggle="tab" data-target="#contacto" type="button" role="tab" aria-controls="contacto"
                aria-selected="false">Contacto</button>
        </li>
    </ul>

    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="datos-basicos" role="tabpanel" aria-labelledby="datos-basicos-tab">
            <div class="card">
                <div class="card-body">
                    <form class="row" method="POST"
                        onsubmit="return actualizarProveedor({{ $proveedor->proveedor_id }})">
                        @include('dashboard.proveedores.form-proveedor')
                    </form>
                </div>
            </div>
        </div>
        <div class="tab-pane tab-direcciones-proveedor fade" id="direcciones" role="tabpanel"
            aria-labelledby="direcciones-tab"> </div>
        <div class="tab-pane tab-contactos-proveedor fade" id="contacto" role="tabpanel" aria-labelledby="contacto-tab">
        </div>
    </div>
    {{-- <div class="card">
		<div class="card-body">
			<form class="row mx-0 form-registro" action="{{route('proveedor-editado', ['id' => $proveedor->proveedor_id])}}" id="form-usuario" method="post" autocomplete="off">
				@include('dashboard.proveedores.form-proveedor')
			</form>
		</div>
	</div> --}}
@endsection

@section('scripts')
    <script>
        function actualizarProveedor(proveedorId) {

            var inputRutProveedor = document.getElementById('rut-proveedor');
            var rutProveedor = inputRutProveedor ? inputRutProveedor.value : null;

            var inputTax = document.getElementById('tax');
            var tax = inputTax ? inputTax.value : null;

            var inputPais = document.getElementById('pais');
            var pais = inputPais ? inputPais.value : null;

            var inputNombreProveedor = document.getElementById('nombre-proveedor');
            var nombreProveedor = inputNombreProveedor.value;

            var inputNombreFantasia = document.getElementById('nombre-fantasia');
            var nombreFantasia = inputNombreFantasia.value;

            var inputSitioWeb = document.getElementById('sitio-web');
            var sitioWeb = inputSitioWeb.value;

            var inputEmailPrincipal = document.getElementById('email-principal');
            var emailPrincipal = inputEmailPrincipal.value;

            var inputTelefonoPrincipal = document.getElementById('telefono-principal');
            var telefonoPrincipal = inputTelefonoPrincipal.value;

            var textAreaObservaciones = document.getElementById('observaciones');
            var observaciones = textAreaObservaciones.value;


            var data = new URLSearchParams();
            data.append('proveedorId', proveedorId);
            if (inputRutProveedor) {
                data.append('rutProveedor', rutProveedor);
            }
            if (inputTax) {
                data.append('tax', tax);
            }
            if (inputPais) {
                data.append('pais', pais);
            }
            data.append('nombreProveedor', nombreProveedor);
            data.append('nombreFantasia', nombreFantasia);
            data.append('sitioWeb', sitioWeb);
            data.append('emailPrincipal', emailPrincipal);
            data.append('telefonoPrincipal', telefonoPrincipal);
            data.append('observaciones', observaciones);


            modalCargando();
            //Enviar la solicitud fetch
            fetch('{{ route('actualizar-proveedor', ['tipoNacionalidad' => $tipoNacionalidad]) }}', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); //Parsear la respuesta JSON
                })
                .then(data => {
                    cerrarCargando();
                    if (data.success) {
                        simpleAlert(data.message);
                        //window.location.href = data.redirect_url;
                    } else {
                        alert(data.message)
                        console.log(data.error)
                    }

                })
                .catch(error => {
                    cerrarCargando();
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar la informacion. Por favor, inténtelo de nuevo.');
                });

            return false;
        }

        function cargarDireccionesProveedor(proveedorId) {
            fetch("/dashboard/cargar-seccion-direcciones-proveedor", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": token
                    },
                    body: JSON.stringify({
                        proveedorId: proveedorId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error("Hubo un error al cargar los datos.");
                    }
                    return response.text();
                })
                .then(data => {
                    document.querySelector('.tab-direcciones-proveedor').innerHTML = data;
                    //inicializarEventos()
                })
                .catch(error => {
                    console.error(error.message);
                });
        }

        function validarYFormatearRUT(rutBusqueda) {
            let rut = rutBusqueda.replace(/[^\dkK]/g, '').toUpperCase();

            var inputRut = document.getElementById('rut-proveedor');
            //var inputRut = inputRutProveedor.value;

            if (rut.length < 8 || rut.length > 9) {
                inputRut.value = '';
                alert('El RUT ingresado no es válido.');
                return;
            }

            const cuerpo = rut.slice(0, -1);
            const dv = rut.slice(-1);

            if (esRutFalso(cuerpo)) {
                inputRut.value = '';
                alert('El RUT ingresado no es válido.');
                return;
            }

            if (!validarDV(cuerpo, dv)) {
                inputRut.value = '';
                alert('El RUT ingresado no es válido.');
                return;
            }

            inputRut.value = formatearRUT(cuerpo + dv);
        }

        /*===========================================*/
        //DIRECCIONES DE PROVEEDOR
        /*===========================================*/
        function modalCrearDireccionProveedor(proveedorId) {

            fetch('{{ route('modal-crear-direccion-proveedor', ['tipoNacionalidad' => $tipoNacionalidad]) }}', {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({
                        proveedorId: proveedorId,
                        modalCrearDireccion: true,
                    }),
                })
                .then(response => response.text())
                .then(data => {
                    // Insertar el contenido en el modal
                    document.getElementById("modal-ajax").innerHTML = data;

                    // Mostrar el modal (usando Bootstrap sin jQuery)
                    const modalElement = document.getElementById("modal-subajax");
                    const bootstrapModal = new bootstrap.Modal(modalElement, {
                        backdrop: "static"
                    });
                    bootstrapModal.show();
                    $(".select2").select2();

                })
                .catch(error => {
                    console.error("Error al cargar el modal:", error);
                });
        }

        function registrarDireccionProveedor(proveedorId) {

            var inputNombreSucursal = document.getElementById('nombre-sucursal');
            var nombreSucursal = inputNombreSucursal.value;

            var inputDireccion = document.getElementById('direccion');
            var direccion = inputDireccion.value;

            var inputRegion = document.getElementById('region');
            var region = inputRegion ? inputRegion.value : null;

            var inputComuna = document.getElementById('comuna');
            var comuna = inputComuna ? inputComuna.value : null;

            var inputTipoDireccion = document.getElementById('tipo-direccion');
            var tipoDireccion = inputTipoDireccion.value;

            var inputCodigoPostal = document.getElementById('codigo-postal');
            var codigoPostal = inputCodigoPostal.value;

            var inputPais = document.getElementById('pais-direccion');
            var pais = inputPais ? inputPais.value : null;

            var inputEsPrincipal = document.getElementById('customSwitchPrincipal');
            var esPrincipal = inputEsPrincipal.checked ? 1 : 0;

            var data = new URLSearchParams();
            data.append('proveedorId', proveedorId);
            data.append('nombreSucursal', nombreSucursal);
            data.append('direccion', direccion);
            if (inputRegion) {
                data.append('region', region);
            }
            if (inputComuna) {
                data.append('comuna', comuna);
            }
            data.append('tipoDireccion', tipoDireccion);
            data.append('codigoPostal', codigoPostal);
            data.append('esPrincipal', esPrincipal);
            data.append('pais', pais);
            modalCargando();
            //Enviar la solicitud fetch
            fetch('{{ route('registrar-direccion-proveedor', ['tipoNacionalidad' => $tipoNacionalidad]) }}', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); //Parsear la respuesta JSON
                })
                .then(data => {
                    cerrarCargando();
                    if (data.success) {

                        simpleAlert(data.message);
                        cerrarModal();
                        cargarDireccionesProveedor(proveedorId);


                    } else {
                        alert(data.message)
                        console.log(data.error)
                    }

                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar la informacion. Por favor, inténtelo de nuevo.');
                });

            return false;
        }

        function actualizarDireccionProveedor(proveedorDireccionId, proveedorId) {
            var inputNombreSucursal = document.getElementById('nombre-sucursal');
            var nombreSucursal = inputNombreSucursal.value;

            var inputDireccion = document.getElementById('direccion');
            var direccion = inputDireccion.value;

            var inputRegion = document.getElementById('region');
            var region = inputRegion ? inputRegion.value : null;

            var inputComuna = document.getElementById('comuna');
            var comuna = inputComuna ? inputComuna.value : null;

            var inputTipoDireccion = document.getElementById('tipo-direccion');
            var tipoDireccion = inputTipoDireccion.value;

            var inputCodigoPostal = document.getElementById('codigo-postal');
            var codigoPostal = inputCodigoPostal.value;

            var inputPais = document.getElementById('pais-direccion');
            var pais = inputPais ? inputPais.value : null;

            var inputEsPrincipal = document.getElementById('customSwitchPrincipal');
            var esPrincipal = inputEsPrincipal.checked ? 1 : 0;

            var data = new URLSearchParams();
            data.append('proveedorDireccionId', proveedorDireccionId);
            data.append('nombreSucursal', nombreSucursal);
            data.append('direccion', direccion);
            if (inputRegion) {
                data.append('region', region);
            }
            if (inputComuna) {
                data.append('comuna', comuna);
            }
            data.append('tipoDireccion', tipoDireccion);
            data.append('codigoPostal', codigoPostal);
            data.append('esPrincipal', esPrincipal);
            data.append('pais', pais);
            modalCargando();
            //Enviar la solicitud fetch
            fetch('{{ route('actualizar-direccion-proveedor', ['tipoNacionalidad' => $tipoNacionalidad]) }}', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); //Parsear la respuesta JSON
                })
                .then(data => {
                    cerrarCargando();
                    if (data.success) {

                        simpleAlert(data.message);
                        cerrarModal();
                        cargarDireccionesProveedor(proveedorId);

                    } else {
                        alert(data.message)
                        console.log(data.error)
                    }

                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar la informacion. Por favor, inténtelo de nuevo.');
                });

            return false;
        }

        function eliminarDireccionProveedor(provedorDireccionId, proveedorId) {

            confirmAlert('¿Esta seguro de Eliminar la dirección?', function() {
                var data = new URLSearchParams();
                data.append('proveedorDireccionId', provedorDireccionId);
                modalCargando();
                //Enviar la solicitud fetch
                fetch('/dashboard/eliminar-direccion-proveedor', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded',
                            'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                        },
                        body: data.toString()
                    })
                    .then(response => {
                        if (!response.ok) {
                            throw new Error('Network response was not ok');
                        }
                        return response.json(); //Parsear la respuesta JSON
                    })
                    .then(data => {
                        cerrarCargando();
                        if (data.success) {

                            simpleAlert('Dirección borrada de forma correcta');
                            cargarDireccionesProveedor(proveedorId);

                        } else {
                            alert(data.message)
                            console.log(data.error)
                        }

                    })
                    .catch(error => {
                        console.error('Error:', error);
                        alert('Ocurrió un error al cargar la informacion. Por favor, inténtelo de nuevo.');
                    });

                return false;
            });


            return false;
        }

        function modalEditarDireccionProveedor(direccionProveedorId) {
            fetch('{{ route('modal-editar-direccion-proveedor', ['tipoNacionalidad' => $tipoNacionalidad]) }}', {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({
                        direccionProveedorId: direccionProveedorId,
                        modalEditarDireccion: true,
                    }),
                })
                .then(response => response.text())
                .then(data => {
                    // Insertar el contenido en el modal
                    document.getElementById("modal-ajax").innerHTML = data;

                    // Mostrar el modal (usando Bootstrap sin jQuery)
                    const modalElement = document.getElementById("modal-subajax");
                    const bootstrapModal = new bootstrap.Modal(modalElement, {
                        backdrop: "static"
                    });
                    bootstrapModal.show();
                    $(".select2").select2();

                })
                .catch(error => {
                    console.error("Error al cargar el modal:", error);
                });
        }

        /*===========================================*/
        //DATOS CONTACTO DE PROVEEDOR
        /*===========================================*/

        function cargarContactosProveedor(proveedorId) {
            fetch("/dashboard/cargar-seccion-contactos-proveedor", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": token
                    },
                    body: JSON.stringify({
                        proveedorId: proveedorId
                    })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error("Hubo un error al cargar los datos.");
                    }
                    return response.text();
                })
                .then(data => {
                    document.querySelector('.tab-contactos-proveedor').innerHTML = data;
                    //inicializarEventos()
                })
                .catch(error => {
                    console.error(error.message);
                });
        }

        function modalCrearContactoProveedor(proveedorId) {

            fetch("/dashboard/modal-crear-contacto-proveedor", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({
                        proveedorId: proveedorId,
                        modalCrearContacto: true,
                    }),
                })
                .then(response => response.text())
                .then(data => {
                    // Insertar el contenido en el modal
                    document.getElementById("modal-ajax").innerHTML = data;

                    // Mostrar el modal (usando Bootstrap sin jQuery)
                    const modalElement = document.getElementById("modal-subajax");
                    const bootstrapModal = new bootstrap.Modal(modalElement, {
                        backdrop: "static"
                    });
                    bootstrapModal.show();
                    $(".select2").select2();

                })
                .catch(error => {
                    console.error("Error al cargar el modal:", error);
                });
        }

        function registrarContactoProveedor(proveedorId) {

            var inputNombreContacto = document.getElementById('nombre-contacto');
            var nombreContacto = inputNombreContacto.value;

            var inputDireccionContacto = document.getElementById('direccion-contacto-proveedor');
            var direccionProveedorId = inputDireccionContacto.value;

            var inputCargoContacto = document.getElementById('cargo-contacto');
            var cargoContacto = inputCargoContacto.value;

            var inputEmailContacto = document.getElementById('email-contacto');
            var emailContacto = inputEmailContacto.value;

            var inputTelefonoDirecctoContacto = document.getElementById('telefono-directo-contacto');
            var telefonoDirectoContacto = inputTelefonoDirecctoContacto.value;

            var inputCelularContacto = document.getElementById('celular-contacto');
            var celularContacto = inputCelularContacto.value;

            var textAreaObservacionesContacto = document.getElementById('observaciones-contacto');
            var observacionesContacto = textAreaObservacionesContacto.value;


            var inputEsContactoPrincipal = document.getElementById('customSwitchEsContactoPrincipal');
            var esContactoPrincipal = inputEsContactoPrincipal.checked ? 1 : 0;

            var data = new URLSearchParams();
            data.append('proveedorId', proveedorId);
            data.append('nombreContacto', nombreContacto);
            data.append('direccionProveedorId', direccionProveedorId);
            data.append('cargoContacto', cargoContacto);
            data.append('emailContacto', emailContacto);
            data.append('telefonoDirectoContacto', telefonoDirectoContacto);
            data.append('celularContacto', celularContacto);
            data.append('observacionesContacto', observacionesContacto);
            data.append('esContactoPrincipal', esContactoPrincipal);
            modalCargando();
            //Enviar la solicitud fetch
            fetch('/dashboard/registrar-contacto-proveedor', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); //Parsear la respuesta JSON
                })
                .then(data => {
                    cerrarCargando();
                    if (data.success) {

                        simpleAlert(data.message);
                        cerrarModal();
                        cargarContactosProveedor(proveedorId);

                    } else {
                        alert(data.message)
                        console.log(data.error)
                    }

                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar la informacion. Por favor, inténtelo de nuevo.');
                });

            return false;
        }

        function modalEditarContactoProveedor(contactoProveedorId) {
            fetch("/dashboard/modal-editar-contacto-proveedor", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({
                        contactoProveedorId: contactoProveedorId,
                        modalEditarContactoProveedor: true,
                    }),
                })
                .then(response => response.text())
                .then(data => {
                    // Insertar el contenido en el modal
                    document.getElementById("modal-ajax").innerHTML = data;

                    // Mostrar el modal (usando Bootstrap sin jQuery)
                    const modalElement = document.getElementById("modal-subajax");
                    const bootstrapModal = new bootstrap.Modal(modalElement, {
                        backdrop: "static"
                    });
                    bootstrapModal.show();
                    $(".select2").select2();

                })
                .catch(error => {
                    console.error("Error al cargar el modal:", error);
                });
        }

        function actualizarContactoProveedor(proveedorContactoId, proveedorId) {
            var inputNombreContacto = document.getElementById('nombre-contacto');
            var nombreContacto = inputNombreContacto.value;

            var inputDireccionContacto = document.getElementById('direccion-contacto-proveedor');
            var direccionProveedorId = inputDireccionContacto.value;

            var inputCargoContacto = document.getElementById('cargo-contacto');
            var cargoContacto = inputCargoContacto.value;

            var inputEmailContacto = document.getElementById('email-contacto');
            var emailContacto = inputEmailContacto.value;

            var inputTelefonoDirecctoContacto = document.getElementById('telefono-directo-contacto');
            var telefonoDirectoContacto = inputTelefonoDirecctoContacto.value;

            var inputCelularContacto = document.getElementById('celular-contacto');
            var celularContacto = inputCelularContacto.value;

            var textAreaObservacionesContacto = document.getElementById('observaciones-contacto');
            var observacionesContacto = textAreaObservacionesContacto.value;


            var inputEsContactoPrincipal = document.getElementById('customSwitchEsContactoPrincipal');
            var esContactoPrincipal = inputEsContactoPrincipal.checked ? 1 : 0;

            var data = new URLSearchParams();
            data.append('proveedorContactoId', proveedorContactoId);
            data.append('nombreContacto', nombreContacto);
            data.append('direccionProveedorId', direccionProveedorId);
            data.append('cargoContacto', cargoContacto);
            data.append('emailContacto', emailContacto);
            data.append('telefonoDirectoContacto', telefonoDirectoContacto);
            data.append('celularContacto', celularContacto);
            data.append('observacionesContacto', observacionesContacto);
            data.append('esContactoPrincipal', esContactoPrincipal);
            modalCargando();
            //Enviar la solicitud fetch
            fetch('/dashboard/actualizar-contacto-proveedor', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                    },
                    body: data.toString()
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json(); //Parsear la respuesta JSON
                })
                .then(data => {
                    cerrarCargando();
                    if (data.success) {
                        simpleAlert(data.message);
                        cerrarModal();
                        cargarContactosProveedor(proveedorId);
                    } else {
                        alert(data.message)
                        console.log(data.error)
                    }

                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('Ocurrió un error al cargar la informacion. Por favor, inténtelo de nuevo.');
                });

            return false;
        }

        function eliminarContactoProveedor(proveedorContactoId, proveedorId) {

            confirmAlert('¿Esta seguro de Eliminar el contacto?', function() {
                var data = new URLSearchParams();
                data.append('proveedorContactoId', proveedorContactoId);
                modalCargando();
                //Enviar la solicitud fetch
                fetch('/dashboard/eliminar-contacto-proveedor', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded',
                            'X-CSRF-TOKEN': '{{ csrf_token() }}' //Añade el token CSRF para la protección contra ataques CSRF
                        },
                        body: data.toString()
                    })
                    .then(response => {
                        if (!response.ok) {
                            throw new Error('Network response was not ok');
                        }
                        return response.json(); //Parsear la respuesta JSON
                    })
                    .then(data => {
                        cerrarCargando();
                        if (data.success) {

                            simpleAlert(data.message);
                            cargarContactosProveedor(proveedorId);

                        } else {
                            alert(data.message)
                            console.log(data.error)
                        }

                    })
                    .catch(error => {
                        console.error('Error:', error);
                        alert('Ocurrió un error al cargar la informacion. Por favor, inténtelo de nuevo.');
                    });

                return false;
            });


            return false;
        }

        function validarDV(cuerpo, dv) {
            let suma = 0;
            let multiplicador = 2;

            for (let i = cuerpo.length - 1; i >= 0; i--) {
                suma += parseInt(cuerpo.charAt(i)) * multiplicador;
                multiplicador = multiplicador === 7 ? 2 : multiplicador + 1;
            }

            const resto = 11 - (suma % 11);
            const dvEsperado = resto === 11 ? '0' : resto === 10 ? 'K' : resto.toString();

            return dv === dvEsperado;
        }

        function formatearRUT(rut) {
            const cuerpo = rut.slice(0, -1);
            const dv = rut.slice(-1);
            return cuerpo.replace(/\B(?=(\d{3})+(?!\d))/g, ".") + '-' + dv;
        }

        function esRutFalso(cuerpo) {
            const falsos = [
                '11111111', '22222222', '33333333',
                '44444444', '55555555', '77777777',
                '88888888', '99999999'
            ];
            return falsos.includes(cuerpo);
        }
    </script>
@endsection