@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)
@section('plugins.inputmask', true)
@section('plugins.momentJs', true)

@section('title', 'Intranet | Editar Vehículo')

@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-9">

                <div class="card card-aspen">
                    <div class="card-header">
                        <h3 class="card-title">Editar Vehículo</h3>
                    </div>

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

                        <div class="card-body">
                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label for="nombre">Numero Interno De Faena</label>
                                    <input type="text" class="form-control" id="campoNumeroInternoFaenaCamioneta" name="numero_interno_faena" value="{{ old('numero_interno_faena', $camioneta->numero_interno_faena) }}">
                                    <div class="invalid-feedback" id="validacionCampoNumeroInternoFaenaCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Patente</label>
                                    <input type="text" class="form-control" id="campoPatenteCamioneta" name="patente" value="{{ old('patente', $camioneta->patente) }}">
                                    <div class="invalid-feedback" id="validacionCampoPatenteCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Tipo Vehículo</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoTipoVehiculoCamioneta" name="tipo_vehiculo" data-live-search="true">
                                        <option value="">--Seleccionar Tipo Vehículo--</option>
                                        @foreach ($tiposVehiculos as $tipoVehiculo)
                                            @if (old('tipo_vehiculo', $camioneta->tipo_vehiculo) == $tipoVehiculo)
                                                <option selected value="{{ $tipoVehiculo }}">{{ $tipoVehiculo }}</option>
                                            @else
                                                <option value="{{ $tipoVehiculo }}">{{ $tipoVehiculo }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoTipoVehiculoCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Marca</label>
                                    <input type="text" class="form-control" id="campoMarcaCamioneta" name="marca" value="{{ old('marca', $camioneta->marca) }}">
                                    <div class="invalid-feedback" id="validacionCampoMarcaCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Modelo</label>
                                    <input type="text" class="form-control" id="campoModeloCamioneta" name="modelo" value="{{ old('modelo', $camioneta->modelo) }}">
                                    <div class="invalid-feedback" id="validacionCampoModeloCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Año</label>
                                    <input type="text" class="form-control" id="campoAnoCamioneta" name="ano" value="{{ old('ano', $camioneta->ano) }}">
                                    <div class="invalid-feedback" id="validacionCampoAnoCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Tracción</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoTraccionCamioneta" name="traccion" data-live-search="true">
                                        <option value="">--Seleccionar Tracción--</option>
                                        @foreach ($tracciones as $traccion)
                                            @if (old('traccion', $camioneta->traccion) == $traccion)
                                                <option selected value="{{ $traccion }}">{{ $traccion }}</option>
                                            @else
                                                <option value="{{ $traccion }}">{{ $traccion }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoTraccionCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Color</label>
                                    <input type="text" class="form-control" id="campoColorCamioneta" name="color" value="{{ old('color', $camioneta->color) }}">
                                    <div class="invalid-feedback" id="validacionCampoColorCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Nro. Motor</label>
                                    <input type="text" class="form-control" id="campoNumeroMotorCamioneta" name="numero_motor" value="{{ old('numero_motor', $camioneta->numero_motor) }}">
                                    <div class="invalid-feedback" id="validacionCampoNumeroMotorCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Nro. Chasis/VIN</label>
                                    <input type="text" class="form-control" id="campoNumeroChasisCamioneta" name="numero_chasis" value="{{ old('numero_chasis', $camioneta->numero_chasis) }}">
                                    <div class="invalid-feedback" id="validacionCampoNumeroChasisCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Nro. Asientos</label>
                                    <input type="text" class="form-control" id="campoNumeroAsientoCamioneta" name="numero_asiento" value="{{ old('numero_asiento', $camioneta->numero_asiento) }}">
                                    <div class="invalid-feedback" id="validacionCampoNumeroAsientoCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Tipo De Moneda</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoTipoDeMonedaCamioneta" name="tipo_moneda" data-live-search="true" onchange="deshabilitarElCampoTarifa(this)">
                                        <option value="">--Seleccionar Tipo De Moneda--</option>
                                        @foreach ($tiposModenas as $tipoModena)
                                            @if (old('tipo_moneda', $camioneta->tipo_moneda) == $tipoModena)
                                                <option selected value="{{ $tipoModena }}">{{ $tipoModena }}</option>
                                            @else
                                                <option value="{{ $tipoModena }}">{{ $tipoModena }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoTipoDeMonedaCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Tarifa $/Mes</label>
                                    <input type="text" class="form-control" id="campoTarifaMesCamionetaTexto" name="tarifa_mes_texto" value="{{ old('tarifa_mes_texto', $camioneta->tarifa_mes_texto) }}" readonly="true" onfocus="convertirElValorDeCampoMonetarioHaNumero(this)" onblur="convertirElValorDeCampoMonetarioHaFormatoDeMonedaSegunSuTipo(this)" onkeypress="return filtrarCamposParaQueSoloIngreseMontosMonetario(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoTarifaMesCamionetaTexto">

                                    </div>
                                </div>
                                <input type="hidden" id="campoTarifaMesCamionetaNumero" name="tarifa_mes_numero" value="{{ old('tarifa_mes_numero', $camioneta->tarifa_mes_numero) }}">

                                <div class="form-group">
                                    <label>Centro De Costo</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoCentroDeCostoCamioneta" name="id_centro_costo" data-live-search="true" onchange="obtenerDatosDelCentroDeCosto(this)">
                                        <option value="">--Seleccionar Centro De Costo--</option>
                                        @foreach ($centrosDeCostos as $centroDeCosto)
                                            @if (old('id_centro_costo', $camioneta->id_centro_costo) == $centroDeCosto->id)
                                                <option selected value="{{ $centroDeCosto->id }}">{{ $centroDeCosto->centro_costo }}</option>
                                            @else
                                                <option value="{{ $centroDeCosto->id }}">{{ $centroDeCosto->centro_costo }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoCentroDeCostoCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Tipo Estándar</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoTipoEstandarCamioneta" name="tipo_estandar" data-live-search="true">
                                        <option value="">--Seleccionar Tipo Estandar--</option>
                                        @foreach ($tiposEntardares as $tipoEntardar)
                                            @if (old('tipo_estandar', $camioneta->tipo_estandar) == $tipoEntardar)
                                                <option selected value="{{ $tipoEntardar }}">{{ $tipoEntardar }}</option>
                                            @else
                                                <option value="{{ $tipoEntardar }}">{{ $tipoEntardar }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoTipoEstandarCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Fecha Inicio Contrato</label>
                                    <input type="date" class="form-control" id="campoFechaInicioContratoCamioneta" name="fecha_inicio_contrato" value="{{ old('fecha_inicio_contrato', $camioneta->fecha_inicio_contrato) }}">
                                    <div class="invalid-feedback" id="validacionCampoFechaInicioContratoCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Fecha Término Contrato</label>
                                    <input type="date" class="form-control" id="campoFechaTerminoContratoCamioneta" name="fecha_termino_contrato" value="{{ old('fecha_termino_contrato', $camioneta->fecha_termino_contrato) }}">
                                    <div class="invalid-feedback" id="validacionCampoFechaTerminoContratoCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Período (Meses)</label>
                                    <input type="text" class="form-control" id="campoPeriodoCamioneta" name="periodo" value="{{ old('periodo', $camioneta->periodo) }}">
                                    <div class="invalid-feedback" id="validacionCampoPeriodoCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Límite Del Kilometraje</label>
                                    <input type="number" class="form-control" id="campoLimitekilometrajeCamioneta" name="limite_kilometraje" value="{{ old('limite_kilometraje', $camioneta->limite_kilometraje) }}" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionLimitekilometrajeCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Kilometraje Última Mantención</label>
                                    <input type="number" class="form-control" id="campoKilometrajeUltimaMantencionCamioneta" name="kilometraje_ultima_mantencion" value="{{ old('kilometraje_ultima_mantencion', $camioneta->kilometraje_ultima_mantencion) }}" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoKilometrajeUltimaMantencionCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Kilometraje Proxima Mantención</label>
                                    <input type="number" class="form-control" id="campoKilometrajeProximaMantencionCamioneta" name="kilometraje_proxima_mantencion" value="{{ old('kilometraje_proxima_mantencion', $camioneta->kilometraje_proxima_mantencion) }}" onblur="establecerValorKilometrajeRestante();establecerFechaEstimadaDeMantencion();" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoKilometrajeProximaMantencionCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Kilometraje Estimado Diario</label>
                                    <input type="number" class="form-control" id="campoKilometrajeEstimadoDiarioCamioneta" name="kilometraje_estimado_diario" value="{{ old('kilometraje_estimado_diario', $camioneta->kilometraje_estimado_diario) }}" onblur="establecerFechaEstimadaDeMantencion();" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoKilometrajeEstimadoDiarioCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Fecha Estimada De Mantención</label>
                                    <input type="date" class="form-control" id="campoFechaEstimadaProximaMantencionCamioneta" name="kilometraje_fecha_estimada_proxima_mantencion" value="{{ old('kilometraje_fecha_estimada_proxima_mantencion', $camioneta->kilometraje_fecha_estimada_proxima_mantencion) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoFechaEstimadaProximaMantencionCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Kilometraje De La Camioneta</label>
                                    <input type="number" class="form-control" id="campoKilometrajeCamioneta" name="kilometraje" value="{{ old('kilometraje', $camioneta->kilometraje) }}" onblur="establecerValorKilometrajeRestante();establecerFechaEstimadaDeMantencion();" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoKilometrajeCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Kilometraje Restantes</label>
                                    <input type="number" class="form-control" id="campoKilometrajeRestantesCamioneta" name="kilometraje_restante" value="{{ old('kilometraje_restante', $camioneta->kilometraje_restante) }}" readonly="true" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoKilometrajeRestantesCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Fecha Última Mantención</label>
                                    <input type="date" class="form-control" id="campoFechaUltimaMantencionCamioneta" name="fecha_ultima_mantencion" value="{{ old('fecha_ultima_mantencion', $camioneta->fecha_ultima_mantencion) }}">
                                    <div class="invalid-feedback" id="validacionCampoFechaUltimaMantencionCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Fecha Proxima Mantención</label>
                                    <input type="date" class="form-control" id="campoFechaProximaMantencionCamioneta" name="fecha_proxima_mantencion" value="{{ old('fecha_proxima_mantencion', $camioneta->fecha_proxima_mantencion) }}" onchange="establecerValorDiasRestante()">
                                    <div class="invalid-feedback" id="validacionCampoFechaProximaMantencionCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Días Restantes</label>
                                    <input type="text" class="form-control" id="campoDiasRestantesCamioneta" value="{{ $diasRestantes . ' Días' }}" readonly="true" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoDiasRestantesCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Alerta De Mantención</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoAlertaMantencionCamioneta" name="tipo_alerta" data-live-search="true">
                                        <option value="">--Seleccionar Alerta De Mantención--</option>
                                        @foreach ($alertas as $alerta)
                                            @if (old('tipo_alerta', $camioneta->tipo_alerta) == $alerta)
                                                <option selected value="{{ $alerta }}">{{ $alerta }}</option>
                                            @else
                                                <option value="{{ $alerta }}">{{ $alerta }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoAlertaMantencionCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Empresa Arrendadora</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoEmpresaCamioneta" name="id_empresa" data-live-search="true">
                                        <option value="">--Seleccionar Empresa Arrendadora--</option>
                                        @foreach ($empresas as $empresa)
                                            @if (old('id_empresa', $camioneta->id_empresa) == $empresa->id)
                                                <option selected value="{{ $empresa->id }}">{{ $empresa->razon_social }}</option>
                                            @else
                                                <option value="{{ $empresa->id }}">{{ $empresa->razon_social }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoEmpresaCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Ciudad</label>
                                    <input type="text" class="form-control" id="campoCiudadCamioneta" name="ciudad" value="{{ old('ciudad', $camioneta->ciudad) }}">
                                    <div class="invalid-feedback" id="validacionCampoCiudadCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Sucursal</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoSucursalCamioneta" name="sucursal" data-live-search="true">
                                        <option value="">--Seleccionar Sucursal--</option>
                                        @foreach ($sucursales as $sucursal)
                                            @if (old('sucursal', $camioneta->sucursal) == $sucursal)
                                                <option selected value="{{ $sucursal }}">{{ $sucursal }}</option>
                                            @else
                                                <option value="{{ $sucursal }}">{{ $sucursal }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoSucursalCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Faena</label>
                                    <input type="text" class="form-control" id="campoFaenaCamioneta" name="faena" value="{{ old('faena', $camioneta->faena) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoFaenaCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nombre">Gerencia</label>
                                    <input type="text" class="form-control" id="campoGerenciaCamioneta" name="gerencia" value="{{ old('gerencia', $camioneta->gerencia) }}" readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoGerenciaCamioneta">

                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Equipamiento <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <div class="input-group">
                                        <select class="form-control listaDespegableConBuscador" id="campoEquipamientoCamioneta" data-live-search="true">
                                            <option value="">--Seleccionar Equipamiento--</option>
                                            @foreach ($equipamientos as $equipo)
                                                <option value="{{ $equipo }}">{{ $equipo }}</option>
                                            @endforeach
                                        </select>
                                        <span class="input-group-append">
                                            <button type="button" class="btn btn-aspen" onclick="agregarEquipamiento()">Añadir</button>
                                        </span>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoEquipamientoCamioneta">

                                    </div>
                                </div>

                                <input type="hidden" class="form-control" id="fechaModificacionKilometraje" name="fecha_modificacion_kilometraje" value="{{ old('fecha_modificacion_kilometraje', date('Y-m-d')) }}">
                            </div>

                            <div class="dt-responsive table-responsive">
                                <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-equipamiento">
                                    <thead>
                                        <tr role="row">
                                            <th>#</th>
                                            <th>Equipamiento</th>
                                            <th>Acción</th>
                                        </tr>
                                    </thead>
                                    <tbody id="registroEquipamiento">
                                        @if(count($camioneta->equipamientos)>0)
                                            @php
                                                $cantidadEquipamiento=0;
                                            @endphp
                                            @foreach($camioneta->equipamientos as $equipo)
                                                @php
                                                    $cantidadEquipamiento++;
                                                @endphp
                                                <tr>
                                                    <td class="tabla-contador-equipamiento">{{$cantidadEquipamiento}}</td>
                                                    <td class="tabla-equipamiento-equipamiento">{{$equipo->equipamiento}}</td>
                                                    <td class="tabla-accion-equipamiento">
                                                        <button onclick="habilitarBotonConfirmarEliminacionEquipamiento(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>
                                                        <button onclick="eliminarFilaEquipamiento(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else  
                                            @php
                                                $cantidadEquipamiento=0;
                                            @endphp
                                            <tr id="EquipamientoNoDisponibleEnLaTabla">
                                                <td colspan="3" class="text-center">No hay Equipamiento disponibles en la tabla</td>
                                            </tr>  
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-warning" id="botonDeEdicion" onclick="editarCamioneta()"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Camioneta </button>
                            @if (URL::previous() == URL::current())
                                <a href="{{ route('camioneta.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                            @else
                                <a href="{{ URL::previous() }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.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>
        $('#campoTipoVehiculoCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoTraccionCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoCentroDeCostoCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoTipoEstandarCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoEmpresaCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoTipoDeMonedaCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoSucursalCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoAlertaMantencionCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoEquipamientoCamioneta').selectpicker({
            dropupAuto: false,
        });

        $('#campoPatenteCamioneta').inputmask({
            mask: '(9|a)(9|a)(9|a)(9|a)(9|a)(9|a)',
            clearIncomplete: false,
            placeholder: "",
            casing: 'upper',
        });

        $('#campoAnoCamioneta').inputmask({
            mask: '9999',
            clearIncomplete: false,
            placeholder: "",
        });

        $('#campoNumeroAsientoCamioneta').inputmask({
            mask: '99',
            clearIncomplete: false,
            placeholder: "",
        });
    </script>

    <script>
        function deshabilitarElCampoTarifa(tipoDeMoneda) {
            switch (tipoDeMoneda.value) {
                case "UF":
                    document.getElementById("campoTarifaMesCamionetaTexto").removeAttribute("disabled");
                    document.getElementById("campoTarifaMesCamionetaTexto").value = "";
                    document.getElementById("campoTarifaMesCamionetaNumero").value = "";
                    break;
                case "CLP":
                    document.getElementById("campoTarifaMesCamionetaTexto").removeAttribute("disabled");
                    document.getElementById("campoTarifaMesCamionetaTexto").value = "";
                    document.getElementById("campoTarifaMesCamionetaNumero").value = "";
                    break;
                default:
                    document.getElementById("campoTarifaMesCamionetaTexto").setAttribute("disabled", true);
                    document.getElementById("campoTarifaMesCamionetaTexto").value = "";
                    document.getElementById("campoTarifaMesCamionetaNumero").value = "";
                    break;
            }
        }

        function filtrarCamposParaQueSoloIngreseNumeros(event, cantidad) {
            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) {
                return false;
            } else {
                return true;
            }
        }

        function filtrarCamposParaQueSoloIngreseMontosMonetario(event, campo) {
            if (event.key == "." || event.key == ",") {
                var cantidadDePuntos = 0;
                var cantidadDeComas = 0;
                for (var i = 0; i < campo.value.length; i++) {
                    if (campo.value[i].toLowerCase() === ".") cantidadDePuntos++;
                    if (campo.value[i].toLowerCase() === ",") cantidadDeComas++;
                }

                if (cantidadDePuntos > 0 || cantidadDeComas > 0) {
                    return false;
                } else {
                    if (campo.value.length > 0) {
                        return true;
                    } else {
                        return false;
                    }
                }
            } else {
                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) {
                    return false;
                } else {
                    return true;
                }
            }
        }

        function convertirElValorDeCampoMonetarioHaNumero(campo) {
            if (campo.value.length > 0) {
                campo.value = document.getElementById("campoTarifaMesCamionetaNumero").value;
            }
        }

        function convertirElValorDeCampoMonetarioHaFormatoDeMonedaSegunSuTipo(campo) {
            let valorCampoTipoMoneda = document.getElementById("campoTipoDeMonedaCamioneta").value;
            if (campo.value.trim() != "") {
                switch (valorCampoTipoMoneda) {
                    case "UF":
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        let valorParaParsearHaIntegerUF = campo.value.replace(",", ".");
                        document.getElementById("campoTarifaMesCamionetaNumero").value = parseFloat(valorParaParsearHaIntegerUF);
                        campo.value = campo.value.replace(",", ".");
                        let formatoMonedaUF = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                            minimumFractionDigits: 2,
                        })

                        let valorUF = formatoMonedaUF.format(campo.value);
                        valorUF = valorUF.replace("$", "");
                        valorUF = valorUF.replace("CLP", "");
                        campo.value = valorUF + " UF";
                        break;
                    case "CLP":
                        if (campo.value.substr(0, 1) == "." || campo.value.substr(0, 1) == ",") {
                            campo.value = campo.value.substr(1);
                        }

                        let valorParaParsearHaIntegerCLP = campo.value.replace(",", ".");
                        document.getElementById("campoTarifaMesCamionetaNumero").value = parseInt(valorParaParsearHaIntegerCLP);
                        campo.value = campo.value.replace(",", ".");
                        let formatoMonedaCLP = new Intl.NumberFormat("es-CL", {
                            style: "currency",
                            currency: "CLP",
                        })

                        let valorCLP = formatoMonedaCLP.format(campo.value);
                        valorCLP = valorCLP.replace("$", "");
                        valorCLP = valorCLP.replace("CLP", "");
                        campo.value = "CLP $ " + valorCLP;
                        break;
                }
            }
        }

        function establecerValorKilometrajeRestante() {
            let proximaMantencion = document.getElementById("campoKilometrajeProximaMantencionCamioneta").value;
            let kilometraje = document.getElementById("campoKilometrajeCamioneta").value;

            if (proximaMantencion.trim() != "" && kilometraje.trim() != "") {
                document.getElementById("campoKilometrajeRestantesCamioneta").value = parseInt(proximaMantencion) - parseInt(kilometraje);
            } else {
                document.getElementById("campoKilometrajeRestantesCamioneta").value = "";
            }
        }

        function establecerValorDiasRestante() {
            let fechaProximaMantencion = document.getElementById("campoFechaProximaMantencionCamioneta").value;
            let fechaModificacionKilometraje = document.getElementById("fechaModificacionKilometraje").value;

            if(document.getElementById("campoFechaProximaMantencionCamioneta").value != ""){
                let fechaActualMoment = moment(fechaModificacionKilometraje);
            let fechaProximaMantencionMoment = moment(fechaProximaMantencion);

            let diasRestante = fechaProximaMantencionMoment.diff(fechaActualMoment, 'days');
            document.getElementById("campoDiasRestantesCamioneta").value = fechaProximaMantencionMoment.diff(fechaActualMoment, 'days') + " Días";
            }else{
                document.getElementById("campoDiasRestantesCamioneta").value="";
            }
        }

        function establecerFechaEstimadaDeMantencion() {
            let proximaMantencion = document.getElementById("campoKilometrajeProximaMantencionCamioneta").value;
            let kilometraje = document.getElementById("campoKilometrajeCamioneta").value;
            let kilometrajeEstimadaDiario = document.getElementById("campoKilometrajeEstimadoDiarioCamioneta").value;
            let fechaModificacionKilometraje = document.getElementById("fechaModificacionKilometraje").value;

            let dias = 0;
            if (proximaMantencion.trim() != "" && kilometraje.trim() != "" && kilometrajeEstimadaDiario.trim() != "") {
                for (let i = parseInt(kilometraje); i < parseInt(proximaMantencion); i += parseInt(kilometrajeEstimadaDiario)) {
                    dias++;
                }
                dias = dias - 1;

                let fecha = moment(fechaModificacionKilometraje).add(dias, 'days');
                document.getElementById("campoFechaEstimadaProximaMantencionCamioneta").value = fecha.format('YYYY-MM-DD');
            }else{
                document.getElementById("campoFechaEstimadaProximaMantencionCamioneta").value = "";
            }
        }

        function obtenerDatosDelCentroDeCosto(centroCosto) {
            let idCentroCosto= centroCosto.value;
            var url = '{{ route('centro-costo.obtener-datos', [':idCentroCosto']) }}';
            url = url.replace(':idCentroCosto', idCentroCosto);
            var csrf = '{{ csrf_token() }}';

            $.ajax({
                type: 'POST',
                datatype: 'json',
                url: url,
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
                success: function(data) {
                    if(data.centroDeCosto.gerencia_1!=null && data.centroDeCosto.gerencia_1!=undefined){
                        document.getElementById("campoGerenciaCamioneta").value = data.centroDeCosto.gerencia_1;
                    }else{
                        document.getElementById("campoGerenciaCamioneta").value="";
                    }

                    if(data.centroDeCosto.faena!=null && data.centroDeCosto.faena!=undefined){
                        document.getElementById("campoFaenaCamioneta").value = data.centroDeCosto.faena;
                    }else{
                        document.getElementById("campoFaenaCamioneta").value="";
                    }
                },
                error: function(data) {
                    console.log(data)
                }
            })
        }
    </script>

<script>
    let cantidadMaximaDeRegistrosEquipamiento = 0;

    function agregarEquipamiento() {
        let valorEquipamiento = document.getElementById("campoEquipamientoCamioneta").value.trim();
        if (valorEquipamiento.length > 0) {
            cantidadMaximaDeRegistrosEquipamiento++;
            if (document.getElementById("EquipamientoNoDisponibleEnLaTabla")) {
                document.getElementById("EquipamientoNoDisponibleEnLaTabla").remove();
            }
            document.getElementById("registroEquipamiento").innerHTML +=
                '<tr role="row" class="odd">' +
                '<td class="tabla-contador-equipamiento">' + cantidadMaximaDeRegistrosEquipamiento + '</td>' +
                '<td class="tabla-equipamiento-equipamiento">' + valorEquipamiento + '</td>' +
                '<td class="tabla-accion-equipamiento">' +
                '<button onclick="habilitarBotonConfirmarEliminacionEquipamiento(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                '<button onclick="eliminarFilaEquipamiento(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-articulo mr-1">Confirmar</button>' +
                '</td>' +
                '</tr>';

            $('#campoEquipamientoCamioneta').selectpicker('val', "");
            document.getElementById("campoEquipamientoCamioneta").classList.remove('input-error-icon');
            document.getElementById("campoEquipamientoCamioneta").classList.remove('input-success-icon');
            document.getElementById("validacionCampoEquipamientoCamioneta").innerHTML = "";
            document.getElementById("validacionCampoEquipamientoCamioneta").style.display = "none";
        } else {
            document.getElementById("campoEquipamientoCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoEquipamientoCamioneta").classList.add('input-error-icon');
            document.getElementById("validacionCampoEquipamientoCamioneta").innerHTML = "El campo equipamiento es obligatorio";
            document.getElementById("validacionCampoEquipamientoCamioneta").style.display = "block";
        }
    }

    function deshabilitarBotonesConfirmarEliminacionEquipamiento() {
        let botones = document.querySelectorAll(".boton-confirmar-articulo");
        botones.forEach(elemento => {
            elemento.style.display = 'none';
        });
    }

    function habilitarBotonConfirmarEliminacionEquipamiento(boton) {

        if (boton.nextElementSibling.style.display == 'none') {
            deshabilitarBotonesConfirmarEliminacionEquipamiento();
            boton.nextElementSibling.style.display = 'inline-block';
        } else {
            if (boton.nextElementSibling.style.display == 'inline-block') {
                deshabilitarBotonesConfirmarEliminacionEquipamiento();
            }
        }

    }

    function eliminarFilaEquipamiento(boton) {
        let elementoFila = boton.parentElement.parentElement;
        elementoFila.remove();
        cantidadMaximaDeRegistrosEquipamiento = 0;
        let filas = document.getElementById('tabla-equipamiento').tBodies[0].querySelectorAll("tr");
        if (filas.length > 0) {
            filas.forEach(elemento => {
                cantidadMaximaDeRegistrosEquipamiento++;
                elemento.querySelector(".tabla-contador-equipamiento").innerHTML = cantidadMaximaDeRegistrosEquipamiento;
            });
        } else {
            document.getElementById("registroEquipamiento").innerHTML =
                '<tr id="EquipamientoNoDisponibleEnLaTabla">' +
                '<td colspan="3" class="text-center">No hay Equipamiento disponibles en la tabla</td>' +
                '</tr>';
        }
    }
</script>

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

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

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

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

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

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

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

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

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

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

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

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

            if (typeof data.responseJSON.errors.tarifa_mes_numero !== 'undefined' || typeof data.responseJSON.errors.tarifa_mes_texto !== 'undefined') {
                if (typeof data.responseJSON.errors.tarifa_mes_texto !== 'undefined') {
                    document.getElementById("campoTarifaMesCamionetaTexto").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoTarifaMesCamionetaTexto").innerHTML = data.responseJSON.errors.tarifa_mes_texto;
                } else if (typeof data.responseJSON.errors.tarifa_mes_numero !== 'undefined') {
                    document.getElementById("campoTarifaMesCamionetaTexto").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoTarifaMesCamionetaTexto").innerHTML = data.responseJSON.errors.tarifa_mes_numero;
                }
            } else {
                document.getElementById("campoTarifaMesCamionetaTexto").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTarifaMesCamionetaTexto").innerHTML = "";
            }

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

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

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

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

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

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

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

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

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

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

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

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

            if (typeof data.responseJSON.errors.fecha_proxima_mantencion !== 'undefined') {
                document.getElementById("campoFechaProximaMantencionCamioneta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaProximaMantencionCamioneta").innerHTML = data.responseJSON.errors.fecha_proxima_mantencion;

                document.getElementById("campoDiasRestantesCamioneta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoDiasRestantesCamioneta").innerHTML = "El campo días restantes es obligatorio cuando kilometraje proxima mantencion / kilometraje ultima mantencion no está presente.";
            } else {
                document.getElementById("campoFechaProximaMantencionCamioneta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaProximaMantencionCamioneta").innerHTML = "";

                document.getElementById("campoDiasRestantesCamioneta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoDiasRestantesCamioneta").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.fecha_ultima_mantencion !== 'undefined') {
                document.getElementById("campoFechaUltimaMantencionCamioneta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaUltimaMantencionCamioneta").innerHTML = data.responseJSON.errors.fecha_ultima_mantencion;

                document.getElementById("campoDiasRestantesCamioneta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoDiasRestantesCamioneta").innerHTML = "El campo días restantes es obligatorio cuando kilometraje proxima mantencion / kilometraje ultima mantencion no está presente.";
            } else {
                document.getElementById("campoFechaUltimaMantencionCamioneta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaUltimaMantencionCamioneta").innerHTML = "";

                document.getElementById("campoDiasRestantesCamioneta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoDiasRestantesCamioneta").innerHTML = "";
            }

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

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

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

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

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

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

        function limpiarCamposDelFormularioDeCamioneta() {
            document.getElementById("validacionCampoNumeroInternoFaenaCamioneta").innerHTML = "";
            document.getElementById("campoNumeroInternoFaenaCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoPatenteCamioneta").innerHTML = "";
            document.getElementById("campoPatenteCamioneta").setAttribute("class", "form-control");

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

            document.getElementById("validacionCampoMarcaCamioneta").innerHTML = "";
            document.getElementById("campoMarcaCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoModeloCamioneta").innerHTML = "";
            document.getElementById("campoModeloCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoAnoCamioneta").innerHTML = "";
            document.getElementById("campoAnoCamioneta").setAttribute("class", "form-control");

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

            document.getElementById("validacionCampoColorCamioneta").innerHTML = "";
            document.getElementById("campoColorCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoNumeroMotorCamioneta").innerHTML = "";
            document.getElementById("campoNumeroMotorCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoNumeroChasisCamioneta").innerHTML = "";
            document.getElementById("campoNumeroChasisCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoNumeroAsientoCamioneta").innerHTML = "";
            document.getElementById("campoNumeroAsientoCamioneta").setAttribute("class", "form-control");

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

            document.getElementById("validacionCampoTarifaMesCamionetaTexto").innerHTML = "";
            document.getElementById("campoTarifaMesCamionetaTexto").setAttribute("class", "form-control");

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

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

            document.getElementById("validacionCampoFechaInicioContratoCamioneta").innerHTML = "";
            document.getElementById("campoFechaInicioContratoCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoFechaTerminoContratoCamioneta").innerHTML = "";
            document.getElementById("campoFechaTerminoContratoCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoPeriodoCamioneta").innerHTML = "";
            document.getElementById("campoPeriodoCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionLimitekilometrajeCamioneta").innerHTML = "";
            document.getElementById("campoLimitekilometrajeCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoKilometrajeUltimaMantencionCamioneta").innerHTML = "";
            document.getElementById("campoKilometrajeUltimaMantencionCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoKilometrajeProximaMantencionCamioneta").innerHTML = "";
            document.getElementById("campoKilometrajeProximaMantencionCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoKilometrajeCamioneta").innerHTML = "";
            document.getElementById("campoKilometrajeCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoKilometrajeRestantesCamioneta").innerHTML = "";
            document.getElementById("campoKilometrajeRestantesCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoKilometrajeEstimadoDiarioCamioneta").innerHTML = "";
            document.getElementById("campoKilometrajeEstimadoDiarioCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoFechaEstimadaProximaMantencionCamioneta").innerHTML = "";
            document.getElementById("campoFechaEstimadaProximaMantencionCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoFechaUltimaMantencionCamioneta").innerHTML = "";
            document.getElementById("campoFechaUltimaMantencionCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoFechaProximaMantencionCamioneta").innerHTML = "";
            document.getElementById("campoFechaProximaMantencionCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoDiasRestantesCamioneta").innerHTML = "";
            document.getElementById("campoDiasRestantesCamioneta").setAttribute("class", "form-control");

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

            document.getElementById("validacionCampoEmpresaCamioneta").innerHTML = "";
            document.getElementById("campoEmpresaCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoEmpresaCamioneta").classList.remove('input-error-icon');
            document.getElementById("validacionCampoEmpresaCamioneta").style.display = "none";;
            document.getElementById("campoSucursalCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoSucursalCamioneta").classList.remove('input-error-icon');
            document.getElementById("validacionCampoSucursalCamioneta").style.display = "none";

            document.getElementById("validacionCampoCiudadCamioneta").innerHTML = "";
            document.getElementById("campoCiudadCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoFaenaCamioneta").innerHTML = "";
            document.getElementById("campoFaenaCamioneta").setAttribute("class", "form-control");

            document.getElementById("validacionCampoGerenciaCamioneta").innerHTML = "";
            document.getElementById("campoGerenciaCamioneta").setAttribute("class", "form-control");

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

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

            let listadoDeEquipamiento = [];
                let filasEquipamiento = document.getElementById('tabla-equipamiento').tBodies[0].querySelectorAll("tr");
                filasEquipamiento.forEach(filaEquipamiento => {
                    if (filaEquipamiento.querySelector(".tabla-equipamiento-equipamiento")) {
                        let equipo = filaEquipamiento.querySelector(".tabla-equipamiento-equipamiento").innerHTML.trim();
                        listadoDeEquipamiento.push(equipo);
                    }
                });
                listadoDeEquipamiento = JSON.stringify(listadoDeEquipamiento);

                let formData = new FormData();
                formData.append('_method', "PUT");
                formData.append('numero_interno_faena', document.getElementById("campoNumeroInternoFaenaCamioneta").value);
                formData.append('patente', document.getElementById("campoPatenteCamioneta").value);
                formData.append('tipo_vehiculo', document.getElementById("campoTipoVehiculoCamioneta").value);
                formData.append('marca', document.getElementById("campoMarcaCamioneta").value);
                formData.append('modelo', document.getElementById("campoModeloCamioneta").value);
                formData.append('ano', document.getElementById("campoAnoCamioneta").value);
                formData.append('traccion', document.getElementById("campoTraccionCamioneta").value);
                formData.append('color', document.getElementById("campoColorCamioneta").value);
                formData.append('numero_motor', document.getElementById("campoNumeroMotorCamioneta").value);
                formData.append('numero_chasis', document.getElementById("campoNumeroChasisCamioneta").value);
                formData.append('numero_asiento', document.getElementById("campoNumeroAsientoCamioneta").value);
                formData.append('tipo_moneda', document.getElementById("campoTipoDeMonedaCamioneta").value);
                formData.append('tarifa_mes_texto', document.getElementById("campoTarifaMesCamionetaTexto").value);
                formData.append('tarifa_mes_numero', document.getElementById("campoTarifaMesCamionetaNumero").value);
                formData.append('id_centro_costo', document.getElementById("campoCentroDeCostoCamioneta").value);
                formData.append('tipo_estandar', document.getElementById("campoTipoEstandarCamioneta").value);
                formData.append('fecha_inicio_contrato', document.getElementById("campoFechaInicioContratoCamioneta").value);
                formData.append('fecha_termino_contrato', document.getElementById("campoFechaTerminoContratoCamioneta").value);
                formData.append('periodo', document.getElementById("campoPeriodoCamioneta").value);
                formData.append('limite_kilometraje', document.getElementById("campoLimitekilometrajeCamioneta").value);
                formData.append('kilometraje_ultima_mantencion', document.getElementById("campoKilometrajeUltimaMantencionCamioneta").value);
                formData.append('kilometraje_proxima_mantencion', document.getElementById("campoKilometrajeProximaMantencionCamioneta").value);
                formData.append('kilometraje_estimado_diario', document.getElementById("campoKilometrajeEstimadoDiarioCamioneta").value);
                formData.append('kilometraje_fecha_estimada_proxima_mantencion', document.getElementById("campoFechaEstimadaProximaMantencionCamioneta").value);
                formData.append('kilometraje', document.getElementById("campoKilometrajeCamioneta").value);
                formData.append('kilometraje_restante', document.getElementById("campoKilometrajeRestantesCamioneta").value);
                formData.append('fecha_ultima_mantencion', document.getElementById("campoFechaUltimaMantencionCamioneta").value);
                formData.append('fecha_proxima_mantencion', document.getElementById("campoFechaProximaMantencionCamioneta").value);
                formData.append('tipo_alerta', document.getElementById("campoAlertaMantencionCamioneta").value);
                formData.append('id_empresa', document.getElementById("campoEmpresaCamioneta").value);
                formData.append('fecha_modificacion_kilometraje', document.getElementById("fechaModificacionKilometraje").value);
                formData.append('ciudad', document.getElementById("campoCiudadCamioneta").value);
                formData.append('sucursal', document.getElementById("campoSucursalCamioneta").value);
                formData.append('faena', document.getElementById("campoFaenaCamioneta").value);
                formData.append('gerencia', document.getElementById("campoGerenciaCamioneta").value);
                formData.append('listado_equipamientos', listadoDeEquipamiento);
                let csrf = '{{ csrf_token() }}';

            $.ajax({
                url: '{{ route('camioneta.update', $camioneta) }}',
                method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                success: function(data) {
                    limpiarCamposDelFormularioDeCamioneta();

                    Swal.fire({
                        icon: 'success',
                        title: '¡Camioneta Editada!',
                        text: 'La camioneta con la patente ' + data.patente + ' se edito con éxito',
                        confirmButtonColor: "#448aff",
                        confirmButtonText: "Confirmar"
                    })

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