@extends('adminlte::page')

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

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

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

    </div>
@stop

@section('content')
    @if (isset($elementoVehiculo))
        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-lg-9">

                    <div class="card card-aspen card-tabs">

                        <div class="card-header p-0 pt-1">
                            <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Formulario Vehículo</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Solicitud Nuevo Vehículo</a>
                                </li>
                            </ul>
                        </div>

                        <form id="formularioDeCamioneta">
                            @csrf
                            <div class="card-body">
                                <div class="tab-content" id="custom-tabs-one-tabContent">
                                    <div class="tab-pane fade show active" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                        <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                            <input type="hidden" id="DatoDeConfiguracionLimiteDeKilometraje" value="">
                                            <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') }}">
                                                <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') }}">
                                                <div class="invalid-feedback" id="validacionCampoPatenteCamioneta">

                                                </div>
                                            </div>

                                            @if (isset($elementoVehiculo))
                                                <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', $elementoVehiculo->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>
                                            @else
                                                <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') == $tipoVehiculo)
                                                                <option selected value="{{ $tipoVehiculo }}">{{ $tipoVehiculo }}</option>
                                                            @else
                                                                <option value="{{ $tipoVehiculo }}">{{ $tipoVehiculo }}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                    <div class="invalid-feedback" id="validacionCampoTipoVehiculoCamioneta">

                                                    </div>
                                                </div>
                                            @endif

                                            <div class="form-group">
                                                <label for="nombre">Marca</label>
                                                <input type="text" class="form-control" id="campoMarcaCamioneta" name="marca" value="{{ old('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') }}">
                                                <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') }}">
                                                <div class="invalid-feedback" id="validacionCampoAnoCamioneta">

                                                </div>
                                            </div>

                                            @if (isset($elementoVehiculo))
                                                <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', $elementoVehiculo->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>
                                            @else
                                                <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') == $traccion)
                                                                <option selected value="{{ $traccion }}">{{ $traccion }}</option>
                                                            @else
                                                                <option value="{{ $traccion }}">{{ $traccion }}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                    <div class="invalid-feedback" id="validacionCampoTraccionCamioneta">

                                                    </div>
                                                </div>
                                            @endif

                                            <div class="form-group">
                                                <label for="nombre">Color</label>
                                                <input type="text" class="form-control" id="campoColorCamioneta" name="color" value="{{ old('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') }}">
                                                <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') }}">
                                                <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') }}">
                                                <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') == $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') }}" disabled="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') }}">

                                            @if (isset($elementoVehiculo))
                                                <div class="form-group">
                                                    <label for="nombre">Centro De Costo</label>
                                                    <input type="text" class="form-control" id="campoCentroDeCostoCamioneta" value="{{ $elementoVehiculo->solicitudNuevoVehiculo->centroDeCosto->centro_costo }}" readonly="true">
                                                    <div class="invalid-feedback" id="validacionCampoCentroDeCostoCamioneta">

                                                    </div>
                                                </div>
                                                <input type="hidden" id="campoIdCentroDeCostoCamioneta" name="id_centro_costo" value="{{ old('id_centro_costo', $elementoVehiculo->solicitudNuevoVehiculo->centroDeCosto->id) }}">
                                            @else
                                                <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') == $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>
                                            @endif

                                            @if (isset($elementoVehiculo))
                                                <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', $elementoVehiculo->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>
                                            @else
                                                <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') == $tipoEntardar)
                                                                <option selected value="{{ $tipoEntardar }}">{{ $tipoEntardar }}</option>
                                                            @else
                                                                <option value="{{ $tipoEntardar }}">{{ $tipoEntardar }}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                    <div class="invalid-feedback" id="validacionCampoTipoEstandarCamioneta">

                                                    </div>
                                                </div>
                                            @endif

                                            <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') }}">
                                                <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') }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaTerminoContratoCamioneta">

                                                </div>
                                            </div>

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

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

                                                    </div>
                                                </div>
                                            @endif

                                            <div class="form-group">
                                                <label for="nombre">Límite Del Kilometraje <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="El valor por defecto del campo, es el límite general que se está ocupando, si lo requiere puede cambiarlo"><i class="fas fa-question-circle"></i></span></label>
                                                <input type="number" class="form-control" id="campoLimitekilometrajeCamioneta" name="limite_kilometraje" value="{{ old('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') }}" 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') }}" 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') }}" 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') }}" 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') }}" 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') }}" 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') }}">
                                                <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') }}" 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" readonly="true" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                <div class="invalid-feedback" id="validacionCampoDiasRestantesCamioneta">

                                                </div>
                                            </div>

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

                                            <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') == $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') == $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') }}">
                                                <div class="invalid-feedback" id="validacionCampoCiudadCamioneta">

                                                </div>
                                            </div>

                                            @if (isset($elementoVehiculo))
                                                <div class="form-group">
                                                    <label for="nombre">Sucursal</label>
                                                    <input type="text" class="form-control" id="campoSucursalCamioneta" name="sucursal"value="{{ old('sucursal', $elementoVehiculo->solicitudNuevoVehiculo->sucursal) }}" readonly="true">
                                                    <div class="invalid-feedback" id="validacionCampoSucursalCamioneta">

                                                    </div>
                                                </div>
                                            @else
                                                <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') == $sucursal)
                                                                <option selected value="{{ $sucursal }}">{{ $sucursal }}</option>
                                                            @else
                                                                <option value="{{ $sucursal }}">{{ $sucursal }}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                    <div class="invalid-feedback" id="validacionCampoSucursalCamioneta">

                                                    </div>
                                                </div>
                                            @endif

                                            @if (isset($elementoVehiculo))
                                            <div class="form-group">
                                                <label for="nombre">Faena</label>
                                                <input type="text" class="form-control" id="campoFaenaCamioneta" name="faena" value="{{ old('faena',$elementoVehiculo->solicitudNuevoVehiculo->centroDeCosto->faena) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoFaenaCamioneta">
    
                                                </div>
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label for="nombre">Faena</label>
                                                <input type="text" class="form-control" id="campoFaenaCamioneta" name="faena" value="{{ old('faena') }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoFaenaCamioneta">
    
                                                </div>
                                            </div>
                                        @endif
    
                                        @if (isset($elementoVehiculo))
                                            <div class="form-group">
                                                <label for="nombre">Gerencia</label>
                                                <input type="text" class="form-control" id="campoGerenciaCamioneta" name="gerencia" value="{{ old('gerencia',$elementoVehiculo->solicitudNuevoVehiculo->centroDeCosto->gerencia_1) }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoGerenciaCamioneta">
    
                                                </div>
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label for="nombre">Gerencia</label>
                                                <input type="text" class="form-control" id="campoGerenciaCamioneta" name="gerencia" value="{{ old('gerencia') }}" readonly="true">
                                                <div class="invalid-feedback" id="validacionCampoGerenciaCamioneta">
    
                                                </div>
                                            </div>
                                        @endif

                                            <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>
                                        </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">
                                                    <tr id="EquipamientoNoDisponibleEnLaTabla">
                                                        <td colspan="3" class="text-center">No hay Equipamiento disponibles en la tabla</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                        <div class="contenedor-grid-dos-campos-para-formularios">
                                            <div class="form-group">
                                                <label for="nombre">Correlativo Solicitud</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->solicitudNuevoVehiculo->correlativo }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Centro De Costo</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->solicitudNuevoVehiculo->centroDeCosto->centro_costo }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Faena</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->faena }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Sucursal</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->solicitudNuevoVehiculo->sucursal }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Cantidad</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->cantidad }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Tracción</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->traccion }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Tipo De Vehiculo</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->tipo_vehiculo }}" readonly="true">
                                            </div>

                                            @if ($elementoVehiculo->llave_combustible == true)
                                                <div class="form-group">
                                                    <label for="nombre">Llave de Combustible</label>
                                                    <input type="text" class="form-control" value="Si" readonly="true">
                                                </div>
                                            @else
                                                <div class="form-group">
                                                    <label for="nombre">Llave de Combustible</label>
                                                    <input type="text" class="form-control" value="No" readonly="true">
                                                </div>
                                            @endif

                                            <div class="form-group">
                                                <label for="nombre">KMS/Mensual</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->kilometraje_mensual }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Tipo Estándar</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->tipo_estandar }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Tarifa Presupuestada (Mensual)</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->tarifa_presupuestada_mes_texto }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Período de arriendo - Plazo (meses)</label>
                                                <input type="text" class="form-control" value="{{ $elementoVehiculo->periodo }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombre">Fecha tentativa inicio de arriendo</label>
                                                <input type="text" class="form-control" value="{{ fechaConFormatoDeChile($elementoVehiculo->fecha_tentativa) }}" readonly="true">
                                            </div>

                                        </div>

                                        <div class="contenedor-grid-dos-campos-para-formularios">
                                            @isset($elementoVehiculo->observacion)
                                                <div class="form-group">
                                                    <label for="observacion">Observación</label>
                                                    <textarea class="form-control" rows="3" readonly="true">{{ $elementoVehiculo->observacion }}</textarea>
                                                </div>
                                            @endisset

                                            @isset($elementoVehiculo->equipo_adicional)
                                                <div class="form-group">
                                                    <label for="observacion">Equipamiento Adicional</label>
                                                    <textarea class="form-control" rows="3" readonly="true">{{ $elementoVehiculo->equipo_adicional }}</textarea>
                                                </div>
                                            @endisset
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class=" card-footer">
                                <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="registrarCamioneta()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Camioneta </button>
                                <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>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    @else
        <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">Nuevo Vehículo</h3>
                        </div>

                        <form id="formularioDeCamioneta">
                            @csrf

                            <div class="card-body">
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <input type="hidden" id="DatoDeConfiguracionLimiteDeKilometraje" value="">

                                    <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') }}">
                                        <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') }}">
                                        <div class="invalid-feedback" id="validacionCampoPatenteCamioneta">

                                        </div>
                                    </div>

                                    @if (isset($elementoVehiculo))
                                        <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', $elementoVehiculo->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>
                                    @else
                                        <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') == $tipoVehiculo)
                                                        <option selected value="{{ $tipoVehiculo }}">{{ $tipoVehiculo }}</option>
                                                    @else
                                                        <option value="{{ $tipoVehiculo }}">{{ $tipoVehiculo }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="validacionCampoTipoVehiculoCamioneta">

                                            </div>
                                        </div>
                                    @endif

                                    <div class="form-group">
                                        <label for="nombre">Marca</label>
                                        <input type="text" class="form-control" id="campoMarcaCamioneta" name="marca" value="{{ old('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') }}">
                                        <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') }}">
                                        <div class="invalid-feedback" id="validacionCampoAnoCamioneta">

                                        </div>
                                    </div>

                                    @if (isset($elementoVehiculo))
                                        <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', $elementoVehiculo->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>
                                    @else
                                        <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') == $traccion)
                                                        <option selected value="{{ $traccion }}">{{ $traccion }}</option>
                                                    @else
                                                        <option value="{{ $traccion }}">{{ $traccion }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="validacionCampoTraccionCamioneta">

                                            </div>
                                        </div>
                                    @endif

                                    <div class="form-group">
                                        <label for="nombre">Color</label>
                                        <input type="text" class="form-control" id="campoColorCamioneta" name="color" value="{{ old('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') }}">
                                        <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') }}">
                                        <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') }}">
                                        <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') == $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') }}" disabled="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') }}">

                                    @if (isset($elementoVehiculo))
                                        <div class="form-group">
                                            <label for="nombre">Centro De Costo</label>
                                            <input type="text" class="form-control" id="campoCentroDeCostoCamioneta" value="{{ $elementoVehiculo->solicitudNuevoVehiculo->centroDeCosto->centro_costo }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoCentroDeCostoCamioneta">

                                            </div>
                                        </div>
                                        <input type="hidden" id="campoIdCentroDeCostoCamioneta" name="id_centro_costo" value="{{ old('id_centro_costo', $elementoVehiculo->solicitudNuevoVehiculo->centroDeCosto->id) }}">
                                    @else
                                        <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') == $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>
                                    @endif

                                    @if (isset($elementoVehiculo))
                                        <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', $elementoVehiculo->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>
                                    @else
                                        <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') == $tipoEntardar)
                                                        <option selected value="{{ $tipoEntardar }}">{{ $tipoEntardar }}</option>
                                                    @else
                                                        <option value="{{ $tipoEntardar }}">{{ $tipoEntardar }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="validacionCampoTipoEstandarCamioneta">

                                            </div>
                                        </div>
                                    @endif

                                    <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') }}">
                                        <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') }}">
                                        <div class="invalid-feedback" id="validacionCampoFechaTerminoContratoCamioneta">

                                        </div>
                                    </div>

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

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

                                            </div>
                                        </div>
                                    @endif

                                    <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') }}" 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') }}" 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') }}" 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') }}" 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') }}" 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') }}" 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') }}" 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') }}">
                                        <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') }}" 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" readonly="true" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                        <div class="invalid-feedback" id="validacionCampoDiasRestantesCamioneta">

                                        </div>
                                    </div>

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

                                    <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') == $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') == $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') }}">
                                        <div class="invalid-feedback" id="validacionCampoCiudadCamioneta">

                                        </div>
                                    </div>

                                    @if (isset($elementoVehiculo))
                                        <div class="form-group">
                                            <label for="nombre">Sucursal</label>
                                            <input type="text" class="form-control" id="campoSucursalCamioneta" name="sucursal"value="{{ old('sucursal', $elementoVehiculo->solicitudNuevoVehiculo->sucursal) }}" readonly="true">
                                            <div class="invalid-feedback" id="validacionCampoSucursalCamioneta">

                                            </div>
                                        </div>
                                    @else
                                        <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') == $sucursal)
                                                        <option selected value="{{ $sucursal }}">{{ $sucursal }}</option>
                                                    @else
                                                        <option value="{{ $sucursal }}">{{ $sucursal }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            <div class="invalid-feedback" id="validacionCampoSucursalCamioneta">

                                            </div>
                                        </div>
                                    @endif

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

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

                                            </div>
                                        </div>
                                    @endif

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

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

                                            </div>
                                        </div>
                                    @endif

                                    <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>
                                </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">
                                            <tr id="EquipamientoNoDisponibleEnLaTabla">
                                                <td colspan="3" class="text-center">No hay Equipamiento disponibles en la tabla</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class=" card-footer">
                                <button type="button" class="btn btn-aspen" id="botonDeCreacion" onclick="registrarCamioneta()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Crear Camioneta </button>
                                <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>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endif
@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;

            let fechaActualMoment = moment(fechaModificacionKilometraje);
            let fechaProximaMantencionMoment = moment(fechaProximaMantencion);

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

        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>
        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("campoNumeroInternoFaenaCamioneta").value = "";
            document.getElementById("validacionCampoNumeroInternoFaenaCamioneta").innerHTML = "";
            document.getElementById("campoNumeroInternoFaenaCamioneta").setAttribute("class", "form-control");

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

            $('#campoTipoVehiculoCamioneta').selectpicker('val', "");
            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("campoMarcaCamioneta").value = "";
            document.getElementById("validacionCampoMarcaCamioneta").innerHTML = "";
            document.getElementById("campoMarcaCamioneta").setAttribute("class", "form-control");

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

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

            $('#campoTraccionCamioneta').selectpicker('val', "");
            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("campoColorCamioneta").value = "";
            document.getElementById("validacionCampoColorCamioneta").innerHTML = "";
            document.getElementById("campoColorCamioneta").setAttribute("class", "form-control");

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

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

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

            $('#campoTipoDeMonedaCamioneta').selectpicker('val', "");
            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("campoTarifaMesCamionetaTexto").value = "";
            document.getElementById("campoTarifaMesCamionetaNumero").value = "";
            document.getElementById("validacionCampoTarifaMesCamionetaTexto").innerHTML = "";
            document.getElementById("campoTarifaMesCamionetaTexto").setAttribute("class", "form-control");

            $('#campoCentroDeCostoCamioneta').selectpicker('val', "");
            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";

            $('#campoTipoEstandarCamioneta').selectpicker('val', "");
            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("campoFechaInicioContratoCamioneta").value = "";
            document.getElementById("validacionCampoFechaInicioContratoCamioneta").innerHTML = "";
            document.getElementById("campoFechaInicioContratoCamioneta").setAttribute("class", "form-control");

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

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

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

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

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

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

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

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

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

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

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

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

            $('#campoAlertaMantencionCamioneta').selectpicker('val', "");
            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";

            $('#campoEmpresaCamioneta').selectpicker('val', "");
            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";

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

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

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

            document.getElementById("campoGerenciaCamioneta").value = "";
            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";

            document.getElementById("registroEquipamiento").innerHTML =
                    '<tr id="EquipamientoNoDisponibleEnLaTabla">' +
                    '<td colspan="3" class="text-center">No hay Equipamiento disponibles en la tabla</td>' +
                    '</tr>';
        }
    </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>

    @if (isset($elementoVehiculo))
        <script>
            function registrarCamioneta() {
                document.getElementById("botonDeCreacion").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('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("campoIdCentroDeCostoCamioneta").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.store', $elementoVehiculo) }}',
                    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 Creada!',
                                text: 'La camioneta con la patente ' + data.patente + ' se creo con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.href = '{{ route('solicitud-nuevo-vehiculo.index') }}';
                            })
                            .catch((error) => {
                                location.href = '{{ route('solicitud-nuevo-vehiculo.index') }}';
                            });

                        document.getElementById("botonDeCreacion").removeAttribute("disabled");
                        eliminarLoading()
                    },
                    error: function(data) {
                        console.log(data)
                        validarCamposDelFormularioDeCamioneta(data)
                        document.getElementById("botonDeCreacion").removeAttribute("disabled");
                        eliminarLoading()
                    }
                })
            }
        </script>
    @else
        <script>
            function registrarCamioneta() {
                document.getElementById("botonDeCreacion").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('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.store', $elementoVehiculo) }}',
                    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 Creada!',
                            text: 'La camioneta con la patente ' + data.patente + ' se creo con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })

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

@stop