@extends('adminlte::page')

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

@section('title', 'Intranet | Editar Centro Costo')

@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">Editar Centro Costo</h3>
                    </div>

                    <form id="formularioDeCentroCosto">
                        @csrf
                        @method('put')

                        <div class="card-body">
                            <div class="form-group">
                                <label> Centro De Costo</label>
                                <input type="text" id="campoNombreDelCentroDeCosto" class="form-control" name="centro_costo" value="{{ old('centro_costo', $centroCosto->centro_costo) }}">
                                <div class="invalid-feedback" id="valicacionCampoNombreCentroCosto">

                                </div>
                            </div>

                            <div class="form-group">
                                <label>Nombre Del Centro De Costo</label>
                                <input type="text" id="campoNombre" class="form-control" name="nombre" value="{{ old('nombre', $centroCosto->nombre) }}">
                                <div class="invalid-feedback" id="valicacionCampoNombre">

                                </div>
                            </div>

                            <div class="form-group">
                                <label>Administrador De Contrato <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                <select class="form-control listaDespegableConBuscador" id="administradorContrato" name="id_administrador_contrato" data-live-search="true">
                                    <option value="">--Seleccionar administrador De Contrato--</option>
                                    @foreach ($usuarios as $user)
                                        @if (old('administrador_contrato', $centroCosto->id_administrador_contrato) == $user->id)
                                            <option selected value="{{ $user->id }}">{{ $user->name }}</option>
                                        @else
                                            <option value="{{ $user->id }}">{{ $user->name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="validarAdministradorContrato">

                                </div>
                            </div>

                            
                                <div class="form-group">
                                    <label>Autorizadores De Requisiciones <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <select class="form-control listaDespegableConBuscador" id="autorizadoresRequisiciones" name="autorizadores_requisiciones[]" data-live-search="true" multiple="true" data-none-selected-text="--Seleccionar autorizador--">
                                        @foreach ($usuarios as $user)
                                            @php
                                                $usuarioSeleccionado = false;
                                            @endphp
                                            @foreach ($centroCosto->autorizadorRequisiciones as $autorizador)
                                                @if (old('autorizadores_requisiciones', $autorizador->id_usuario) == $user->id)
                                                    @php
                                                        $usuarioSeleccionado = true;
                                                    @endphp
                                                @endif
                                            @endforeach
                                            @if ($usuarioSeleccionado == true)
                                                <option selected value="{{ $user->id }}">{{ $user->name }}</option>
                                            @else
                                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarAutorizadorRequisiciones">

                                    </div>
                                </div>
                            

                            @if (Gate::check('centro-costo.edit-autorizadores-solicitudes-reclutamientos'))
                                <div class="form-group">
                                    <label>Autorizadores De Solicitudes De Reclutamientos <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <select class="form-control listaDespegableConBuscador" id="autorizadoresSolicitudesReclutamientos" name="autorizadores_solicitudes_reclutamiento[]" data-live-search="true" multiple="true" data-none-selected-text="--Seleccionar autorizador--">
                                        @foreach ($usuarios as $user)
                                            @php
                                                $usuarioSeleccionado = false;
                                            @endphp
                                            @foreach ($centroCosto->autorizadorSolicitudesDeReclutamiento as $autorizador)
                                                @if (old('autorizadores_solicitudes_reclutamiento', $autorizador->id_usuario) == $user->id)
                                                    @php
                                                        $usuarioSeleccionado = true;
                                                    @endphp
                                                @endif
                                            @endforeach
                                            @if ($usuarioSeleccionado == true)
                                                <option selected value="{{ $user->id }}">{{ $user->name }}</option>
                                            @else
                                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarAutorizadorSolicitudesReclutamientos">

                                    </div>
                                </div>
                            @endif

                            @if (Gate::check('centro-costo.edit-autorizadores-solicitud_creacion_vehiculo'))
                                <div class="form-group">
                                    <label>Autorizadores De Solicitudes De Nuevo Vehículo <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <select class="form-control listaDespegableConBuscador" id="autorizadoresSolicitudNuevoVehiculo" name="autorizadores_solicitud_nuevo_vehiculo[]" data-live-search="true" multiple="true" data-none-selected-text="--Seleccionar autorizador--">
                                        @foreach ($usuarios as $user)
                                            @php
                                                $usuarioSeleccionado = false;
                                            @endphp
                                            @foreach ($centroCosto->autorizadoresDeSolicitudDeCreacionDeVehiculo as $autorizador)
                                                @if (old('autorizadores_solicitud_nuevo_vehiculo', $autorizador->id_usuario) == $user->id)
                                                    @php
                                                        $usuarioSeleccionado = true;
                                                    @endphp
                                                @endif
                                            @endforeach
                                            @if ($usuarioSeleccionado == true)
                                                <option selected value="{{ $user->id }}">{{ $user->name }}</option>
                                            @else
                                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarAutorizadorSolicitudNuevoVehiculo">

                                    </div>
                                </div>
                            @endif

                            @if (Gate::check('centro-costo.edit-ficha-entravista'))
                                <div class="form-group">
                                    <label>Ficha Entrevista Tecnica <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <select class="form-control listaDespegableConBuscador" id="campoFichaEntrevistaTecnica" name="ficha_entrevista_tecnica[]" multiple="true" data-live-search="true" data-none-selected-text="--Seleccionar ficha entrevista tecnica--">
                                        @foreach ($fichas as $ficha)
                                            @php
                                                $fichaSeleccionado = false;
                                            @endphp
                                            @foreach ($centroCosto->detalleFicha as $detalle)
                                                @if (old('ficha_entrevista_tecnica[]', $detalle->id_ficha) == $ficha->id)
                                                    @php
                                                        $fichaSeleccionado = true;
                                                    @endphp
                                                @endif
                                            @endforeach

                                            @if ($fichaSeleccionado == true)
                                                <option selected value="{{ $ficha->id }}">{{ $ficha->nombre }}</option>
                                            @else
                                                <option value="{{ $ficha->id }}">{{ $ficha->nombre }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validarFichaEntrevistaTecnica">

                                    </div>
                                </div>
                            @endif

                            <div class="form-group">
                                <label>Gerencia 1<span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                <input type="text" id="campoGerencia1" class="form-control" name="gerencia_1" value="{{ old('gerencia_1', $centroCosto->gerencia_1) }}">
                                <div class="invalid-feedback" id="valicacionCampoGerencia1">

                                </div>
                            </div>

                            <div class="form-group">
                                <label>Gerente <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                <select class="form-control listaDespegableConBuscador" id="campoGerente" name="id_gerente" data-live-search="true">
                                    <option value="">--Seleccionar Gerente--</option>
                                    @foreach ($usuarios as $user)
                                        @if (old('gerente', $centroCosto->id_gerente) == $user->id)
                                            <option selected value="{{ $user->id }}">{{ $user->name }}</option>
                                        @else
                                            <option value="{{ $user->id }}">{{ $user->name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="valicacionCampoGerente">

                                </div>
                            </div>

                            @if (Gate::check('centro-costo.edit-clave-flota'))
                                <div class="form-group">
                                    <label>Clave De Flota De Vehículo <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" id="campoClaveFlotaDelCentroDeCosto" class="form-control" name="clave_flota" value="{{ old('clave_flota', $centroCosto->clave_flota) }}">
                                    <div class="invalid-feedback" id="validacionCampoClaveFlotaDelCentroDeCosto">

                                    </div>
                                </div>
                            @endif

                            <div class="form-group">
                                <label>Faena <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                <input type="text" id="campoFaena" class="form-control" name="faena" value="{{ old('faena', $centroCosto->faena) }}">
                                <div class="invalid-feedback" id="valicacionCampoFaena">

                                </div>
                            </div>

                            <div class="form-group">
                                <label>Cliente <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                <input type="text" id="campoCliente" class="form-control" name="cliente" value="{{ old('cliente', $centroCosto->cliente) }}">
                                <div class="invalid-feedback" id="valicacionCampoCliente">

                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sucursal">Sucursal</label>
                                <input type="text" class="form-control" id="sucursal" name="sucursal" value="{{ old('sucursal','Antofagasta') }}" readonly="true">
                            </div>

                            <div class="form-group">
                                <label>Estado</label>
                                <select class="form-control listaDespegableConBuscador" id="campoEstado" name="estado" data-live-search="true">
                                    <option value="">--Seleccionar Estado--</option>
                                    @foreach ($estados as $estado)
                                        @if (old('estado', $centroCosto->estado) == $estado)
                                            <option selected value="{{ $estado }}">{{ $estado }}</option>
                                        @else
                                            <option value="{{ $estado }}">{{ $estado }}</option>
                                        @endif
                                    @endforeach
                                </select>
                                <div class="invalid-feedback" id="valicacionCampoEstado">

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

                        <div class=" card-footer">
                            <button type="button" class="btn btn-aspen" id="botonDeEdicion" onclick="EditarCentroCosto() "><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Centro De Costo </button>
                            <a href="{{ route('centro-costo.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>
    </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>
        $('#administradorContrato').selectpicker({
            dropupAuto: false
        });

        $('#campoGerente').selectpicker({
            dropupAuto: false
        });

        /*$('#campoSucursal').selectpicker({
            dropupAuto: false
        });*/

        $('#campoEstado').selectpicker({
            dropupAuto: false
        });

        if (document.getElementById("autorizadoresRequisiciones")) {
            $('#autorizadoresRequisiciones').selectpicker({
                dropupAuto: false
            });
        }

        if (document.getElementById("autorizadoresSolicitudesReclutamientos")) {
            $('#autorizadoresSolicitudesReclutamientos').selectpicker({
                dropupAuto: false
            });
        }

        if (document.getElementById("autorizadoresSolicitudNuevoVehiculo")) {
            $('#autorizadoresSolicitudNuevoVehiculo').selectpicker({
                dropupAuto: false,
            });
        }

        if (document.getElementById("campoFichaEntrevistaTecnica")) {
            $('#campoFichaEntrevistaTecnica').selectpicker({
                dropupAuto: false
            });
        }
    </script>

    <script>
        function validarCampos(data) {
            if (typeof data.responseJSON.errors.centro_costo !== 'undefined') {
                document.getElementById("campoNombreDelCentroDeCosto").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionCampoNombreCentroCosto").innerHTML = data.responseJSON.errors.centro_costo;
            } else {
                document.getElementById("campoNombreDelCentroDeCosto").setAttribute("class", "form-control is-valid");
                document.getElementById("valicacionCampoNombreCentroCosto").innerHTML = "";
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

        }

        function limpiarCampos() {
            document.getElementById("valicacionCampoNombreCentroCosto").innerHTML = "";
            document.getElementById("campoNombreDelCentroDeCosto").setAttribute("class", "form-control");

            document.getElementById("valicacionCampoNombre").innerHTML = "";
            document.getElementById("campoNombre").setAttribute("class", "form-control");

            document.getElementById("valicacionCampoGerencia1").innerHTML = "";
            document.getElementById("campoGerencia1").setAttribute("class", "form-control");

            document.getElementById("valicacionCampoFaena").innerHTML = "";
            document.getElementById("campoFaena").setAttribute("class", "form-control");

            document.getElementById("valicacionCampoCliente").innerHTML = "";
            document.getElementById("campoCliente").setAttribute("class", "form-control");

            if (document.getElementById("campoClaveFlotaDelCentroDeCosto")) {
                document.getElementById("validacionCampoClaveFlotaDelCentroDeCosto").innerHTML = "";
                document.getElementById("campoClaveFlotaDelCentroDeCosto").setAttribute("class", "form-control");
            }

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

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

            if (document.getElementById("autorizadoresRequisiciones")) {
            document.getElementById("validarAutorizadorRequisiciones").innerHTML = "";
            document.getElementById("autorizadoresRequisiciones").classList.remove('input-success-icon');
            document.getElementById("autorizadoresRequisiciones").classList.remove('input-error-icon');
            document.getElementById("validarAutorizadorRequisiciones").style.display = "none";
            }

            if (document.getElementById("autorizadoresSolicitudesReclutamientos")) {
                $('#autorizadoresSolicitudesReclutamientos').selectpicker('val', "");
                document.getElementById("validarAutorizadorSolicitudesReclutamientos").innerHTML = "";
                document.getElementById("autorizadoresSolicitudesReclutamientos").classList.remove('input-success-icon');
                document.getElementById("autorizadoresSolicitudesReclutamientos").classList.remove('input-error-icon');
                document.getElementById("validarAutorizadorSolicitudesReclutamientos").style.display = "none";
            }

            if (document.getElementById("autorizadoresSolicitudNuevoVehiculo")) {
                document.getElementById("validarAutorizadorSolicitudNuevoVehiculo").innerHTML = "";
                document.getElementById("autorizadoresSolicitudNuevoVehiculo").classList.remove('input-success-icon');
                document.getElementById("autorizadoresSolicitudNuevoVehiculo").classList.remove('input-error-icon');
                document.getElementById("validarAutorizadorSolicitudNuevoVehiculo").style.display = "none";
            }

            /*document.getElementById("campoSucursal").classList.remove('input-error-icon');
            document.getElementById("campoSucursal").classList.remove('input-success-icon');
            document.getElementById("valicacionCampoSucursal").innerHTML = "";
            document.getElementById("valicacionCampoSucursal").style.display = "none";*/

            document.getElementById("campoEstado").classList.remove('input-error-icon');
            document.getElementById("campoEstado").classList.remove('input-success-icon');
            document.getElementById("valicacionCampoEstado").innerHTML = "";
            document.getElementById("valicacionCampoEstado").style.display = "none";
        }

        function EditarCentroCosto() {
            var datosFormulario = $("#formularioDeCentroCosto").serialize();
            document.getElementById("botonDeEdicion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: '{{ route('centro-costo.update', $centroCosto) }}',
                data: datosFormulario,
                success: function(data) {
                    console.log(data.nombre)
                    limpiarCampos();

                    Swal.fire({
                        icon: 'success',
                        title: '¡Modificado!',
                        text: 'El centro de costo ' + data.nombre + ' se modifico con éxito',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })

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