@extends('adminlte::page')

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

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

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

    </div>
@stop

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

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

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

                        <div class="card-body">
                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label for="nombre">Numero Interno De Faena <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoNumeroInternoFaenaCamioneta"
                                        name="numero_interno_faena"
                                        value="{{ old('numero_interno_faena', $camioneta->numero_interno_faena) }}">
                                    <div class="invalid-feedback" id="validacionCampoNumeroInternoFaenaCamioneta">
                                    </div>
                                </div>

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

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

                                    </div>
                                </div>

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

                                <div class="form-group">
                                    <label for="nombre">Modelo <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoModeloCamioneta" name="modelo"
                                        value="{{ old('modelo', $camioneta->modelo) }}">
                                    <div class="invalid-feedback" id="validacionCampoModeloCamioneta">
                                    </div>
                                </div>

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

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

                                <div class="form-group">
                                    <label for="nombre">Combustible</label>
                                    <input type="text" class="form-control" id="campoCombustibleCamioneta"
                                        name="combustible" value="{{ old('combustible', $camioneta->combustible) }}"
                                        readonly>
                                    <div class="invalid-feedback" id="validacionCampoCombustibleCamioneta">
                                    </div>
                                </div>

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

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

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

                                <div class="form-group">
                                    <label for="nombre">Nro. Asientos <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoNumeroAsientoCamioneta"
                                        name="numero_asiento"
                                        value="{{ old('numero_asiento', $camioneta->numero_asiento) }}">
                                    <div class="invalid-feedback" id="validacionCampoNumeroAsientoCamioneta">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Tipo De Moneda <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <select class="form-control listaDespegableConBuscador"
                                        id="campoTipoDeMonedaCamioneta" name="tipo_moneda" data-live-search="true"
                                        onchange="deshabilitarElCampoTarifa(this)">
                                        <option value="">--Seleccionar Tipo De Moneda--</option>
                                        @foreach ($tiposModenas as $tipoModena)
                                            @if (old('tipo_moneda', $camioneta->tipo_moneda) == $tipoModena)
                                                <option selected value="{{ $tipoModena }}">{{ $tipoModena }}</option>
                                            @else
                                                <option value="{{ $tipoModena }}">{{ $tipoModena }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoTipoDeMonedaCamioneta">
                                    </div>
                                </div>
                                
                                    @if (auth()->user()->email=="superadmin@guinezingenieria.cl" ||  auth()->user()->email=="rrosales@guinezingenieria.cl"
                                    ||  auth()->user()->email=="kvalenzuela@guinezingenieria.cl")
                                    <div class="form-group">
                                    <label for="nombre">Tarifa $/Mes <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoTarifaMesCamionetaTexto"
                                        name="tarifa_mes_texto"
                                        value="{{ old('tarifa_mes_texto', $camioneta->tarifa_mes_texto) }}"
                                         onfocus="convertirElValorDeCampoMonetarioHaNumero(this)"
                                        onblur="convertirElValorDeCampoMonetarioHaFormatoDeMonedaSegunSuTipo(this)"
                                        onkeypress="return filtrarCamposParaQueSoloIngreseMontosMonetario(event,this)"
                                        onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoTarifaMesCamionetaTexto">
                                    </div>
                                </div>
                                <input type="hidden" id="campoTarifaMesCamionetaNumero" name="tarifa_mes_numero"
                                    value="{{ old('tarifa_mes_numero', $camioneta->tarifa_mes_numero) }}">
                                    @else
                                <div class="form-group">
                                    <label for="nombre">Tarifa $/Mes <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoTarifaMesCamionetaTexto"
                                        name="tarifa_mes_texto"
                                        value="{{ old('tarifa_mes_texto', $camioneta->tarifa_mes_texto) }}"
                                        readonly="true" onfocus="convertirElValorDeCampoMonetarioHaNumero(this)"
                                        onblur="convertirElValorDeCampoMonetarioHaFormatoDeMonedaSegunSuTipo(this)"
                                        onkeypress="return filtrarCamposParaQueSoloIngreseMontosMonetario(event,this)"
                                        onpaste="return false;" onCopy="return false" onCut="return false">
                                    <div class="invalid-feedback" id="validacionCampoTarifaMesCamionetaTexto">
                                    </div>
                                </div>
                                <input type="hidden" id="campoTarifaMesCamionetaNumero" name="tarifa_mes_numero"
                                    value="{{ old('tarifa_mes_numero', $camioneta->tarifa_mes_numero) }}">
                                    @endif

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

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

                                <div class="form-group">
                                    <label for="nombre">Fecha Inicio Contrato <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="date" class="form-control" id="campoFechaInicioContratoCamioneta"
                                        name="fecha_inicio_contrato"
                                        value="{{ old('fecha_inicio_contrato', $camioneta->fecha_inicio_contrato) }}">
                                    <div class="invalid-feedback" id="validacionCampoFechaInicioContratoCamioneta">
                                    </div>
                                </div>

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

                                <div class="form-group">
                                    <label for="nombre">Período (Meses) <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoPeriodoCamioneta" name="periodo"
                                        value="{{ old('periodo', $camioneta->periodo) }}">
                                    <div class="invalid-feedback" id="validacionCampoPeriodoCamioneta">
                                    </div>
                                </div>

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

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

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

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

                                <div class="form-group">
                                    <label for="nombre">Fecha Estimada De Mantención <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="date" class="form-control"
                                        id="campoFechaEstimadaProximaMantencionCamioneta"
                                        name="kilometraje_fecha_estimada_proxima_mantencion"
                                        value="{{ old('kilometraje_fecha_estimada_proxima_mantencion', $camioneta->kilometraje_fecha_estimada_proxima_mantencion) }}"
                                        readonly="true">
                                    <div class="invalid-feedback"
                                        id="validacionCampoFechaEstimadaProximaMantencionCamioneta">
                                    </div>
                                </div>

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

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

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

                                    </div>
                                </div>

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

                                    </div>
                                </div> --}}

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


                                <input type="text" class="form-control" id="campoAlertaMantencionCamioneta"
                                    name="tipo_alerta" value="{{ old('combustible', $camioneta->tipo_alerta) }}" hidden>


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

                                <div class="form-group">
                                    <label for="nombre">Ciudad <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoCiudadCamioneta" name="ciudad"
                                        value="{{ old('ciudad', $camioneta->ciudad) }}">
                                    <div class="invalid-feedback" id="validacionCampoCiudadCamioneta">
                                    </div>
                                </div>

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

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

                                <div class="form-group">
                                    <label for="nombre">Gerencia <span
                                            style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <input type="text" class="form-control" id="campoGerenciaCamioneta"
                                        name="gerencia" value="{{ old('gerencia', $camioneta->gerencia) }}"
                                        readonly="true">
                                    <div class="invalid-feedback" id="validacionCampoGerenciaCamioneta">
                                    </div>
                                </div>

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

                                    </div>
                                </div>

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

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

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

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

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

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#campoTipoVehiculoCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoTraccionCamioneta').selectpicker({
            dropupAuto: false,
        });

        $('#campoCentroDeCostoCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoTipoEstandarCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoEmpresaCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoTipoDeMonedaCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#campoSucursalCamioneta').selectpicker({
            dropupAuto: false,
        });
        $('#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: "",
        });
        $('#campoTipoDeArrendamientoCamioneta').selectpicker({
            dropupAuto: false,
        });
    </script>

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

        function filtrarCamposParaQueSoloIngreseNumeros(event, cantidad) {
            if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key != 6 &&
                event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                return false;
            } else {
                return true;
            }
        }

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

                if (cantidadDePuntos > 0 || cantidadDeComas > 0) {
                    return false;
                } else {
                    if (campo.value.length > 0) {
                        return true;
                    } else {
                        return false;
                    }
                }
            } else {
                if (event.key != 1 && event.key != 2 && event.key != 3 && event.key != 4 && event.key != 5 && event.key !=
                    6 && event.key != 7 && event.key != 8 && event.key != 9 && event.key != 0) {
                    return false;
                } else {
                    return true;
                }
            }
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <script>
        let cantidadMaximaDeRegistrosEquipamiento = 0;

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

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

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

        function habilitarBotonConfirmarEliminacionEquipamiento(boton) {

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

        }

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

    <script>
        function validarCamposDelFormularioDeCamioneta(data) {

            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.tipo_arrendamiento !== 'undefined') {
                document.getElementById("campoTipoDeArrendamientoCamioneta").classList.remove('input-success-icon');
                document.getElementById("campoTipoDeArrendamientoCamioneta").classList.add('input-error-icon');
                document.getElementById("validacionCampoTipoDeArrendamientoCamioneta").innerHTML = data.responseJSON.errors.tipo_arrendamiento;
                document.getElementById("validacionCampoTipoDeArrendamientoCamioneta").style.display = "block";
            } else {
                document.getElementById("campoTipoDeArrendamientoCamioneta").classList.remove('input-error-icon');
                document.getElementById("campoTipoDeArrendamientoCamioneta").classList.add('input-success-icon');
                document.getElementById("validacionCampoTipoDeArrendamientoCamioneta").innerHTML = "";
                document.getElementById("validacionCampoTipoDeArrendamientoCamioneta").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 = "";
            }

            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.combustible !== 'undefined') {
                document.getElementById("campoCombustibleCamioneta").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoCombustibleCamioneta").innerHTML = data.responseJSON.errors
                    .combustible;
            } else {
                document.getElementById("campoCombustibleCamioneta").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoCombustibleCamioneta").innerHTML = "";
            }

            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 = "";
            }

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

            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";

            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";
            }

            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";

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

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

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

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

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

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

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

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

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

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

            document.getElementById("campoDiasRestantesCamioneta").classList.remove('is-invalid');
            document.getElementById("campoDiasRestantesCamioneta").classList.add('is-valid');
            document.getElementById("validacionCampoDiasRestantesCamioneta").innerHTML = "";

            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";
            }

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

            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.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 = "";
            }

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

            document.getElementById("campoEquipamientoCamioneta").classList.remove('is-invalid');
            document.getElementById("campoEquipamientoCamioneta").classList.add('is-valid');
            document.getElementById("validacionCampoEquipamientoCamioneta").innerHTML = "";

        }

        function limpiarCamposDelFormularioDeCamioneta() {
            document.getElementById("campoNumeroInternoFaenaCamioneta").value = "";
            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";
            
                        $('#campoTipoDeArrendamientoCamioneta').selectpicker('val', "");
            document.getElementById("validacionCampoTipoDeArrendamientoCamioneta").innerHTML = "";
            document.getElementById("campoTipoDeArrendamientoCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoTipoDeArrendamientoCamioneta").classList.remove('input-error-icon');
            document.getElementById("validacionCampoTipoDeArrendamientoCamioneta").style.display = "none";

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

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

            $('#campoCombustibleCamioneta').selectpicker('val', "");
            document.getElementById("validacionCampoCombustibleCamioneta").innerHTML = "";
            document.getElementById("campoCombustibleCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoCombustibleCamioneta").classList.remove('input-error-icon');
            document.getElementById("validacionCampoCombustibleCamioneta").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("campoNumeroAsientoCamioneta").setAttribute("class", "form-control");

            $('#campoTipoDeMonedaCamioneta').selectpicker('val', "");
            document.getElementById("campoTipoDeMonedaCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoTipoDeMonedaCamioneta").classList.remove('input-error-icon');

            document.getElementById("campoTarifaMesCamionetaTexto").value = "";
            document.getElementById("campoTarifaMesCamionetaNumero").value = "";
            document.getElementById("campoTarifaMesCamionetaTexto").setAttribute("class", "form-control");

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

            $('#campoTipoEstandarCamioneta').selectpicker('val', "");
            document.getElementById("campoTipoEstandarCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoTipoEstandarCamioneta").classList.remove('input-error-icon');

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

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

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

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

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

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

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

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

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

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

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

            $('#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";

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

            $('#campoSucursalCamioneta').selectpicker('val', "");
            document.getElementById("campoSucursalCamioneta").classList.remove('input-success-icon');
            document.getElementById("campoSucursalCamioneta").classList.remove('input-error-icon');

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

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

        }

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

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

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

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

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

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