@extends('adminlte::page')

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

@section('title', 'Intranet | Editar Solicitud Varias')

@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 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">Datos Generales</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">Datos Tipo De Solicitud</a>
                            </li>
                        </ul>
                    </div>

                    <form id="formularioDeSolicitudNuevoVehiculo">
                        @csrf
                        @method('put')
                        <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">
                                        <div class="form-group">
                                            <label>Correlativo</label>
                                            <input type="text" class="form-control" name="correlativo" value="{{ old('correlativo', $solicitud->correlativo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo De Solicitud</label>
                                            <input type="text" class="form-control" name="tipo_solicitud" id="campoTipoDeSolicitud" value="{{ old('tipo_solicitud', $solicitud->tipo_solicitud) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Patente Vehículo</label>
                                            <input type="text" class="form-control" name="id_camioneta" value="{{ old('id_camioneta', $solicitud->camioneta->patente) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo Vehículo</label>
                                            <input type="text" class="form-control" name="tipo_vehiculo" value="{{ old('tipo_vehiculo', $solicitud->camioneta->tipo_vehiculo) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo Estándar</label>
                                            <input type="text" class="form-control" name="tipo_estandar" value="{{ old('tipo_estandar', $solicitud->camioneta->tipo_estandar) }}" readonly="true">
                                        </div>

                                        @if (isset($solicitud->centroDeCosto))
                                            <div class="form-group">
                                                <label>Centro De Costo</label>
                                                <input type="text" class="form-control" name="id_centro_costo" value="{{ old('id_centro_costo', $solicitud->centroDeCosto->centro_costo) }}" readonly="true">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label>Centro De Costo</label>
                                                <input type="text" class="form-control" name="id_centro_costo" value="{{ old('id_centro_costo', $solicitud->camioneta->centroDeCosto->centro_costo) }}" readonly="true">
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            <label>Kilometroje Actual Del Vehículo Cuando Se Creo La Solicitud</label>
                                            <input type="text" class="form-control" name="kilometraje_actual" value="{{ old('kilometraje_actual', $solicitud->kilometraje_actual) }}" readonly="true">
                                        </div>

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

                                        <div class="form-group">
                                            <label>Nombre Solicitante</label>
                                            <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->solicitante->name) }}" readonly="true">
                                        </div>

                                        @switch($solicitud->tipo_solicitud)
                                            @case('Equipamiento')
                                                @isset($solicitud->usuarioCerrado)
                                                    <div class="form-group">
                                                        <label>Usuario Que Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->usuarioCerrado->name) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->usuarioCerradoSegundaEtapa)
                                                    <div class="form-group">
                                                        <label>Usuario Que Cerro La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreDelUsuarioQueCierra" value="{{ old('cerrador', $solicitud->usuarioCerradoSegundaEtapa->name) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break   
                                            @case('Revisión Técnica')
                                                @isset($solicitud->usuarioCerrado)
                                                    <div class="form-group">
                                                        <label>Usuario Que Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->usuarioCerrado->name) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->usuarioCerradoSegundaEtapa)
                                                    <div class="form-group">
                                                        <label>Usuario Que Cerro La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreDelUsuarioQueCierra" value="{{ old('cerrador', $solicitud->usuarioCerradoSegundaEtapa->name) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break 
                                            @case('Reparación')
                                                @isset($solicitud->usuarioCerrado)
                                                    <div class="form-group">
                                                        <label>Usuario Que Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->usuarioCerrado->name) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->usuarioCerradoSegundaEtapa)
                                                    <div class="form-group">
                                                        <label>Usuario Que Cerro La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreDelUsuarioQueCierra" value="{{ old('cerrador', $solicitud->usuarioCerradoSegundaEtapa->name) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break 
                                            @case('Cambio centro de costo')
                                                @isset($solicitud->usuarioCerradoSegundaEtapa)
                                                    <div class="form-group">
                                                        <label>Usuario Que Cerro La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreDelUsuarioQueCierra" value="{{ old('cerrador', $solicitud->usuarioCerradoSegundaEtapa->name) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break   
                                            @case('Dar de baja')
                                                @isset($solicitud->usuarioCerrado)
                                                    <div class="form-group">
                                                        <label>Usuario Que Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->usuarioCerrado->name) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->usuarioCerradoSegundaEtapa)
                                                    <div class="form-group">
                                                        <label>Usuario Que Cerro La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreDelUsuarioQueCierra" value="{{ old('cerrador', $solicitud->usuarioCerradoSegundaEtapa->name) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break    
                                            @case('Mantención')
                                                @isset($solicitud->usuarioCerrado)
                                                    <div class="form-group">
                                                        <label>Usuario Que Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->usuarioCerrado->name) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->usuarioCerradoSegundaEtapa)
                                                    <div class="form-group">
                                                        <label>Usuario Que Cerro La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreDelUsuarioQueCierra" value="{{ old('cerrador', $solicitud->usuarioCerradoSegundaEtapa->name) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break   
                                            @case('Traslado')
                                                @isset($solicitud->usuarioCerrado)
                                                    <div class="form-group">
                                                        <label>Usuario Que Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->usuarioCerrado->name) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->usuarioCerradoSegundaEtapa)
                                                    <div class="form-group">
                                                        <label>Usuario Que Cerro La Solicitud</label>
                                                        <input type="text" class="form-control" name="nombreDelUsuarioQueCierra" value="{{ old('cerrador', $solicitud->usuarioCerradoSegundaEtapa->name) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break                  
                                        @endswitch

                                        <div class="form-group">
                                            <label>Fecha De Creación</label>
                                            <input type="text" class="form-control" name="fecha_solicitud" value="{{ old('fecha_solicitud', fechaConFormatoDeChile($solicitud->created_at)) }}" readonly="true">
                                        </div>

                                        @switch($solicitud->tipo_solicitud)
                                            @case('Equipamiento')
                                                @isset($solicitud->fecha_respuesta)
                                                    <div class="form-group">
                                                        <label>Fecha Cuando Se Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="fecha_respuesta" value="{{ old('fecha_respuesta', fechaConFormatoDeChile($solicitud->fecha_respuesta)) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->fecha_aprobacion)
                                                    <div class="form-group">
                                                        <label>Fecha Cuando Se Aprobo/Rechazo La Solicitud</label>
                                                        <input type="text" class="form-control" name="fecha_aprobacion" value="{{ old('fecha_aprobacion', fechaConFormatoDeChile($solicitud->fecha_aprobacion)) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->fecha_cierre)
                                                    <div class="form-group">
                                                        <label>Fecha De Cierre</label>
                                                        <input type="text" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre', fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break  
                                            @case('Revisión Técnica')
                                                @isset($solicitud->fecha_respuesta)
                                                    <div class="form-group">
                                                        <label>Fecha Cuando Se Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="fecha_respuesta" value="{{ old('fecha_respuesta', fechaConFormatoDeChile($solicitud->fecha_respuesta)) }}" readonly="true">
                                                    </div>
                                                @endisset

                                                @isset($solicitud->fecha_cierre)
                                                    <div class="form-group">
                                                        <label>Fecha De Cierre</label>
                                                        <input type="text" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre', fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break  
                                            @case('Reparación')
                                                @isset($solicitud->fecha_respuesta)
                                                    <div class="form-group">
                                                        <label>Fecha Cuando Se Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="fecha_respuesta" value="{{ old('fecha_respuesta', fechaConFormatoDeChile($solicitud->fecha_respuesta)) }}" readonly="true">
                                                    </div>
                                                @endisset
    
                                                @isset($solicitud->fecha_cierre)
                                                    <div class="form-group">
                                                        <label>Fecha De Cierre</label>
                                                        <input type="text" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre', fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break     
                                            @case('Cambio centro de costo')    
                                                @isset($solicitud->fecha_cierre)
                                                    <div class="form-group">
                                                        <label>Fecha De Cierre</label>
                                                        <input type="text" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre', fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break    
                                            @case('Dar de baja')
                                                @isset($solicitud->fecha_respuesta)
                                                    <div class="form-group">
                                                        <label>Fecha Cuando Se Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="fecha_respuesta" value="{{ old('fecha_respuesta', fechaConFormatoDeChile($solicitud->fecha_respuesta)) }}" readonly="true">
                                                    </div>
                                                @endisset
    
                                                @isset($solicitud->fecha_cierre)
                                                    <div class="form-group">
                                                        <label>Fecha De Cierre</label>
                                                        <input type="text" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre', fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break    
                                            @case('Mantención')
                                                @isset($solicitud->fecha_respuesta)
                                                    <div class="form-group">
                                                        <label>Fecha Cuando Se Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="fecha_respuesta" value="{{ old('fecha_respuesta', fechaConFormatoDeChile($solicitud->fecha_respuesta)) }}" readonly="true">
                                                    </div>
                                                @endisset
    
                                                @isset($solicitud->fecha_cierre)
                                                    <div class="form-group">
                                                        <label>Fecha De Cierre</label>
                                                        <input type="text" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre', fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break 
                                            @case('Traslado')
                                                @isset($solicitud->fecha_respuesta)
                                                    <div class="form-group">
                                                        <label>Fecha Cuando Se Respondio La Solicitud</label>
                                                        <input type="text" class="form-control" name="fecha_respuesta" value="{{ old('fecha_respuesta', fechaConFormatoDeChile($solicitud->fecha_respuesta)) }}" readonly="true">
                                                    </div>
                                                @endisset
    
                                                @isset($solicitud->fecha_cierre)
                                                    <div class="form-group">
                                                        <label>Fecha De Cierre</label>
                                                        <input type="text" class="form-control" name="fecha_cierre" value="{{ old('fecha_cierre', fechaConFormatoDeChile($solicitud->fecha_cierre)) }}" readonly="true">
                                                    </div>
                                                @endisset
                                            @break            
                                        @endswitch
                                    </div>

                                    @if ($solicitud->estado == 'Anulada')
                                        <div class="form-group" id="ContenedorMotivoRechazo">
                                            <label style="color:#17a2b8">Motivo De La Anulación</label>
                                            <textarea style="background-color:#ACF3FE;" class="form-control" rows="3" id="motivoRechazoTextArea" readonly="true">{{ $solicitud->observacion_estado }}</textarea>
                                        </div>
                                    @endif

                                    @if ($solicitud->estado == 'Rechazada')
                                        <div class="form-group" id="ContenedorMotivoRechazo">
                                            <label style="color:#dc3545">Motivo Del Rechazo</label>
                                            <textarea class="form-control" rows="3" id="motivoRechazoTextArea" style="background-color:#E8C3C6;" readonly="true">{{ $solicitud->observacion_estado }}</textarea>
                                        </div>
                                    @endif
                                </div>
                            
                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    @switch($solicitud->tipo_solicitud)
                                        @case("Equipamiento")
                                            <div class="form-group">
                                                <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar si se requiere el servicio de trasporte del vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <select class="form-control listaDespegableConBuscador" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" >
                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si" selected>Si</option>
                                                        <option value="No">No</option>
                                                    @elseif($solicitud->traslado_vehiculo=="No")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No" selected>No</option>
                                                    @else
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No">No</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoTrasladoVehiculoDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoFechaMovimientoDeLaSolicitud">Fecha De Movimiento <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar fecha tentativa para realizar el equipamiento. La misma será sujeta a disponibilidad."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="date" class="form-control" id="campoFechaMovimientoDeLaSolicitud" name="fecha_movimiento" value="{{ old('fecha_movimiento', $solicitud->fecha_movimiento) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaMovimientoDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoSolicitudDeEquipamientoDeLaSolicitud">Solicitud De Equipamiento <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Detallar el equipamiento solicitado."><i class="fas fa-info-circle"></i></span></label>
                                                <textarea class="form-control" id="campoSolicitudDeEquipamientoDeLaSolicitud" name="solicitud_equipamiento" rows="3">{{ old('solicitud_equipamiento', $solicitud->solicitud_equipamiento) }}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoSolicitudDeEquipamientoDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoObservacionDeLaSolicitud">Observación</label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">
                
                                                </div>
                                            </div>
                                        @break
                                        @case("Mantención")
                                            <div class="form-group">
                                                <label for="campoProximaMantecionKilometrajeDeLaSolicitud">Próxima Mantención Por Kilometraje</label>
                                                <input type="text" class="form-control" id="campoProximaMantecionKilometrajeDeLaSolicitud" name="kilometraje_proxima_mantencion" readonly="true" value="{{ old('kilometraje_proxima_mantencion', $solicitud->kilometraje_proxima_mantencion) }}">
                                                <div class="invalid-feedback" id="validacionCampoProximaMantecionKilometrajeDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoLugarPreferenciaMantencionDeLaSolicitud">Lugar De Preferencia Para La Mantención <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar ciudad y taller."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="text" class="form-control" id="campoLugarPreferenciaMantencionDeLaSolicitud" name="lugar_preferencia_mantencion" value="{{ old('lugar_preferencia_mantencion', $solicitud->lugar_preferencia_mantencion) }}">
                                                <div class="invalid-feedback" id="validacionCampoLugarPreferenciaMantencionDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar si se requiere el servicio de trasporte del vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <select class="form-control listaDespegableConBuscador" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" >
                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si" selected>Si</option>
                                                        <option value="No">No</option>
                                                    @elseif($solicitud->traslado_vehiculo=="No")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No" selected>No</option>
                                                    @else
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No">No</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoTrasladoVehiculoDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoFechaMantencionDeLaSolicitud">Fecha Para La Mantención <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar la fecha tentativa. La misma será sujeta a disponibilidad."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="date" class="form-control" id="campoFechaMantencionDeLaSolicitud" name="fecha_mantencion" value="{{ old('fecha_mantencion', $solicitud->fecha_mantencion) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaMantencionDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoTipoDeMantencionDeLaSolicitud">Tipo De Mantención</label>
                                                <select class="form-control listaDespegableConBuscador" id="campoTipoDeMantencionDeLaSolicitud" name="tipo_mantencion">
                                                    @if ($solicitud->tipo_mantencion=="Mantención Por Kilometraje")
                                                        <option value="">--Seleccionar Tipo De Mantención--</option>
                                                        <option value="Mantención Por Kilometraje" selected>Mantención Por Kilometraje</option>
                                                        <option value="Mantención Por Fecha">Mantención Por Fecha</option>
                                                    @elseif($solicitud->tipo_mantencion=="Mantención Por Fecha")
                                                        <option value="">--Seleccionar Tipo De Mantención--</option>
                                                        <option value="Mantención Por Kilometraje">Mantención Por Kilometraje</option>
                                                        <option value="Mantención Por Fecha" selected>Mantención Por Fecha</option>
                                                    @else
                                                        <option value="">--Seleccionar Tipo De Mantención--</option>
                                                        <option value="Mantención Por Kilometraje">Mantención Por Kilometraje</option>
                                                        <option value="Mantención Por Fecha">Mantención Por Fecha</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoTipoDeMantencionDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoObservacionDeLaSolicitud">Indicar Otros Detalles </label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{old('observacion', $solicitud->observacion) }}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">
                
                                                </div>
                                            </div>
                                        @break     
                                        @case("Reparación")
                                            <div class="form-group">
                                                <label for="campoLugarPreferenciaReparacionDeLaSolicitud">Lugar De Preferencia Para La Reparación <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar ciudad y taller."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="text" class="form-control" id="campoLugarPreferenciaReparacionDeLaSolicitud" name="lugar_preferencia_reparacion" value="{{ old('lugar_preferencia_reparacion', $solicitud->lugar_preferencia_reparacion) }}">
                                                <div class="invalid-feedback" id="validacionCampoLugarPreferenciaReparacionDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar si se requiere el servicio de trasporte del vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <select class="form-control listaDespegableConBuscador" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" >
                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si" selected>Si</option>
                                                        <option value="No">No</option>
                                                    @elseif($solicitud->traslado_vehiculo=="No")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No" selected>No</option>
                                                    @else
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No">No</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoTrasladoVehiculoDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoFechaReparaciónDeLaSolicitud">Fecha Para La Reparación <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar la fecha requerida. La misma será sujeta a disponibilidad."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="date" class="form-control" id="campoFechaReparaciónDeLaSolicitud" name="fecha_reparacion" value="{{ old('fecha_reparacion', $solicitud->fecha_reparacion) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaReparaciónDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoRequerimientoDeLaSolicitud">Indicar Elementos A Reparar </label>
                                                <textarea class="form-control" id="campoRequerimientoDeLaSolicitud" name="requerimiento" rows="3">{{old('requerimiento', $solicitud->requerimiento)}}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoRequerimientoDeLaSolicitudo">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoObservacionDeLaSolicitud">Observación </label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{old('observacion', $solicitud->observacion)}}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">
                
                                                </div>
                                            </div>
                                        @break 
                                        @case("Revisión Técnica")
                                            <div class="form-group">
                                                <label for="campoLugarPreferenciaRevisionTecnicaDeLaSolicitud">Lugar De Preferencia Para La Revisión Técnica <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar ciudad y taller."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="text" class="form-control" id="campoLugarPreferenciaRevisionTecnicaDeLaSolicitud" name="lugar_preferencia_revision_tecnica" value="{{ old('lugar_preferencia_revision_tecnica', $solicitud->lugar_preferencia_revision_tecnica) }}">
                                                <div class="invalid-feedback" id="validacionCampoLugarPreferenciaRevisionTecnicaDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar si se requiere el servicio de trasporte del vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <select class="form-control listaDespegableConBuscador" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" >
                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si" selected>Si</option>
                                                        <option value="No">No</option>
                                                    @elseif($solicitud->traslado_vehiculo=="No")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No" selected>No</option>
                                                    @else
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No">No</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoTrasladoVehiculoDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoFechaVencimientoDeLaSolicitud">Fecha De Vencimimento <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar la fecha de vencimiento según la ultima revisión técnica."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="date" class="form-control" id="campoFechaVencimientoDeLaSolicitud" name="fecha_vencimiento" value="{{ old('fecha_vencimiento', $solicitud->fecha_vencimiento) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaVencimientoDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label for="campoFechaProgramacionDeLaSolicitud">Fecha De Programación <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar fecha tentativa para la nueva revisión técnica. La misma será sujeta a disponibilidad."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="date" class="form-control" id="campoFechaProgramacionDeLaSolicitud" name="fecha_programacion" value="{{ old('fecha_programacion', $solicitud->fecha_programacion) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaProgramacionDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoObservacionDeLaSolicitud">Observación <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar el tipo de trasporte que se necesitara para trasportar el vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{old('observacion', $solicitud->observacion)}}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">
                
                                                </div>
                                            </div>
                                        @break 
                                        @case("Dar de baja")
                                            <div class="form-group">
                                                <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar si se requiere el servicio de trasporte del vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <select class="form-control listaDespegableConBuscador" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" >
                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si" selected>Si</option>
                                                        <option value="No">No</option>
                                                    @elseif($solicitud->traslado_vehiculo=="No")
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No" selected>No</option>
                                                    @else
                                                        <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                        <option value="Si">Si</option>
                                                        <option value="No">No</option>
                                                    @endif
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoTrasladoVehiculoDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoFechaDevolucionDeLaSolicitud">Fecha Para La Devolución <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar el día cuando el vehículo ya no encontrará operativo, para proceder con la devolución."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="date" class="form-control" id="campoFechaDevolucionDeLaSolicitud" name="fecha_devolucion" value="{{ old('fecha_devolucion', $solicitud->fecha_devolucion) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaDevolucionDeLaSolicitud">
                
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label>Equipamiento <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Seleccionar equipamiento actual del vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <div style="display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap:10px;">
                                                    @foreach ($equipamientos as $equipamiento)
                                                        @php
                                                            $equipamientoSeleccionado=false;
                                                            foreach($solicitud->equipamientos as $equipo){
                                                                if($equipamiento==$equipo->equipamiento){
                                                                    $equipamientoSeleccionado=true;
                                                                }
                                                            }
                                                        @endphp

                                                        @if ($equipamientoSeleccionado==true)
                                                            <div class="form-check">
                                                                <input class="form-check-input" name="equipamiento[]" type="checkbox" checked value="{{$equipamiento}}" style="cursor:pointer;" id="equipamiento_{{$equipamiento}}">
                                                                <label class="form-check-label" for="equipamiento_{{$equipamiento}}" style="cursor:pointer;">{{$equipamiento}}</label>
                                                            </div>
                                                        @else
                                                            <div class="form-check">
                                                                <input class="form-check-input" name="equipamiento[]" type="checkbox" value="{{$equipamiento}}" style="cursor:pointer;" id="equipamiento_{{$equipamiento}}">
                                                                <label class="form-check-label" for="equipamiento_{{$equipamiento}}" style="cursor:pointer;">{{$equipamiento}}</label>
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                </div>
                                                <div class="invalid-feedback" id="validacionCampoEquipamientoDeLaSolicitud"></div>
                                            </div>
    
                                            <div class="form-group">
                                                <label for="campoObservacionDeLaSolicitud">Motivo De Dar De Baja </label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{old('observacion', $solicitud->observacion) }}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">
                
                                                </div>
                                            </div>
                                        @break  
                                        @case("Cambio centro de costo")
                                            <div class="form-group">
                                                <label for="campoCentroDeCostoDeLaSolicitud">Nuevo Centro De Costo <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar el nuevo centro de costo donde se traspasará el vehículo."><i class="fas fa-info-circle"></i></span></label>
                                                <select class="form-control listaDespegableConBuscador" id="campoCentroDeCostoDeLaSolicitud" name="id_centro_costo" data-live-search="true">
                                                    <option value="">--Seleccionar Traslado Del Vehículo--</option>
                                                    @foreach ($centrosDeCostosCambio as $cc)
                                                        @if ($cc->id==$solicitud->id_centro_costo)
                                                            <option selected value="{{$cc->id}}">{{$cc->centro_costo}}</option>
                                                        @else
                                                            <option value="{{$cc->id}}">{{$cc->centro_costo}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                                <div class="invalid-feedback" id="validacionCampoCentroDeCostoDeLaSolicitud">
                
                                                </div>
                                            </div>
                                            <input type="hidden" id="campoIdCentroCostoActualVehiculo" value="{{$solicitud->id_centro_costo}}">
                
                                            <div class="form-group">
                                                <label for="campoFechaDelCambioDeLaSolicitud">Fecha Del Cambio <span style="font-weight:700; color:#17a2b8; cursor:pointer;" data-bs-toggle="tooltip" data-bs-placement="top" title="Indicar la fecha donde se procederá el cambio de CC."><i class="fas fa-info-circle"></i></span></label>
                                                <input type="date" class="form-control" id="campoFechaDelCambioDeLaSolicitud" name="fecha_cambio" value="{{ old('fecha_cambio', $solicitud->fecha_cambio) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaDelCambioDeLaSolicitud">
                
                                                </div>
                                            </div>
                
                                            <div class="form-group">
                                                <label for="campoObservacionDeLaSolicitud">Motivo del Traspaso </label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">
                
                                                </div>
                                            </div>
                                        @break 
                                        @case("Traslado")
                                            <div class="form-group">
                                                <label for="campoTrasladoDesdeDeLaSolicitud">Traslado Desde</label>
                                                <input type="text" class="form-control" id="campoTrasladoDesdeDeLaSolicitud" name="traslado_vehiculo_desde" value="{{ old('traslado_vehiculo_desde', $solicitud->traslado_vehiculo_desde) }}">
                                                <div class="invalid-feedback" id="validacionCampoTrasladoDesdeDeLaSolicitud">
                    
                                                </div>
                                            </div>
                    
                                            <div class="form-group">
                                                <label for="campoTrasladoHaciaDeLaSolicitud">Traslado Hacia</label>
                                                <input type="text" class="form-control" id="campoTrasladoHaciaDeLaSolicitud" name="traslado_vehiculo_hacia" value="{{ old('traslado_vehiculo_hacia', $solicitud->traslado_vehiculo_hacia) }}">
                                                <div class="invalid-feedback" id="validacionCampoTrasladoHaciaDeLaSolicitud">
                    
                                                </div>
                                            </div>
                    
                                            <div class="form-group">
                                                <label for="campoFechaTrasladoDeLaSolicitud">Fecha De Traslado </label>
                                                <input type="date" class="form-control" id="campoFechaTrasladoDeLaSolicitud" name="fecha_traslado" value="{{ old('fecha_traslado', $solicitud->fecha_traslado) }}">
                                                <div class="invalid-feedback" id="validacionCampoFechaTrasladoDeLaSolicitud">
                    
                                                </div>
                                            </div>
                    
                                            <div class="form-group">
                                                <label for="campoObservacionDeLaSolicitud">Observación</label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                <div class="invalid-feedback" id="validacionCampoObservacionDeLaSolicitud">
                    
                                                </div>
                                            </div>
                                        @break    
                                    @endswitch
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-primary" onclick="editarSolicitud()" id="botonDeEdicion"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Solicitud</button>
                            <a href="{{ route('solicitud-varias-vehiculo.show',$solicitud) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>

                </div>

            </div>
        </div>
    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 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>
        if(document.getElementById("campoTipoDeMantencionDeLaSolicitud")){
            $('#campoTipoDeMantencionDeLaSolicitud').selectpicker({
                dropupAuto: false
            });
        }

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

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

    <script>
        function validarCamposDelFormularioDeLaSolicitud() {
            let error = false;
            var tipoDeSolicitud=document.getElementById("campoTipoDeSolicitud").value.trim();
            switch (tipoDeSolicitud) {
                case "Equipamiento":
                    if (document.getElementById("campoTrasladoVehiculoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-error-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-success-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "none";
                    } else {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "El campo ¿vehiculo necesita traslado? es obligatorio";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "block";
                        error = true;
                    }

                    if (document.getElementById("campoFechaMovimientoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaMovimientoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaMovimientoDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaMovimientoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaMovimientoDeLaSolicitud").innerHTML = "El campo fecha de movimiento es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoSolicitudDeEquipamientoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoSolicitudDeEquipamientoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoSolicitudDeEquipamientoDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoSolicitudDeEquipamientoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoSolicitudDeEquipamientoDeLaSolicitud").innerHTML = "El campo solicitud de equipamiento es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoObservacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "El campo observación es obligatorio";
                        error = true;
                    }
                break;
                case "Mantención":
                    document.getElementById("campoProximaMantecionKilometrajeDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoProximaMantecionKilometrajeDeLaSolicitud").innerHTML = "";

                    if (document.getElementById("campoLugarPreferenciaMantencionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoLugarPreferenciaMantencionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoLugarPreferenciaMantencionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoLugarPreferenciaMantencionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoLugarPreferenciaMantencionDeLaSolicitud").innerHTML = "El campo lugar de preferencia para la mantención es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoTrasladoVehiculoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-error-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-success-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "none";
                    } else {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "El campo ¿vehiculo necesita traslado? es obligatorio";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "block";
                        error = true;
                    }

                    if (document.getElementById("campoFechaMantencionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaMantencionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaMantencionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaMantencionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaMantencionDeLaSolicitud").innerHTML = "El campo fecha para la mantención es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoTipoDeMantencionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTipoDeMantencionDeLaSolicitud").classList.remove('input-error-icon');
                        document.getElementById("campoTipoDeMantencionDeLaSolicitud").classList.add('input-success-icon');
                        document.getElementById("validacionCampoTipoDeMantencionDeLaSolicitud").innerHTML = "";
                        document.getElementById("validacionCampoTipoDeMantencionDeLaSolicitud").style.display = "none";
                    } else {
                        document.getElementById("campoTipoDeMantencionDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoTipoDeMantencionDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoTipoDeMantencionDeLaSolicitud").innerHTML = "El campo tipo de mantención es obligatorio";
                        document.getElementById("validacionCampoTipoDeMantencionDeLaSolicitud").style.display = "block";
                        error = true;
                    }

                    if (document.getElementById("campoObservacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "El campo indicar otros detalles es obligatorio";
                        error = true;
                    }
                break;
                case "Reparación":
                    if (document.getElementById("campoLugarPreferenciaReparacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoLugarPreferenciaReparacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoLugarPreferenciaReparacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoLugarPreferenciaReparacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoLugarPreferenciaReparacionDeLaSolicitud").innerHTML = "El campo lugar de preferencia para la reparación es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoTrasladoVehiculoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-error-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-success-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "none";
                    } else {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "El campo ¿vehiculo necesita traslado? es obligatorio";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "block";
                        error = true;
                    }

                    if (document.getElementById("campoFechaReparaciónDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaReparaciónDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaReparaciónDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaReparaciónDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaReparaciónDeLaSolicitud").innerHTML = "El campo fecha para la reparación es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoRequerimientoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoRequerimientoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoRequerimientoDeLaSolicitudo").innerHTML = "";
                    } else {
                        document.getElementById("campoRequerimientoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoRequerimientoDeLaSolicitudo").innerHTML = "El campo indicar elementos a reparar es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoObservacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "El campo observación es obligatorio";
                        error = true;
                    }
                break;
                case "Revisión Técnica":
                    if (document.getElementById("campoLugarPreferenciaRevisionTecnicaDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoLugarPreferenciaRevisionTecnicaDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoLugarPreferenciaRevisionTecnicaDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoLugarPreferenciaRevisionTecnicaDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoLugarPreferenciaRevisionTecnicaDeLaSolicitud").innerHTML = "El campo lugar de preferencia para la revisión técnica es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoTrasladoVehiculoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-error-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-success-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "none";
                    } else {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "El campo ¿vehiculo necesita traslado? es obligatorio";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "block";
                        error = true;
                    }

                    if (document.getElementById("campoFechaVencimientoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaVencimientoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaVencimientoDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaVencimientoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaVencimientoDeLaSolicitud").innerHTML = "El campo fecha de vencimimento es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoFechaProgramacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaProgramacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaProgramacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaProgramacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaProgramacionDeLaSolicitud").innerHTML = "El campo fecha de programación es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoObservacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "El campo observación es obligatorio";
                        error = true;
                    }
                break;
                case "Dar de baja":
                    if (document.getElementById("campoTrasladoVehiculoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-error-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-success-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "none";
                    } else {
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoTrasladoVehiculoDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").innerHTML = "El campo ¿vehiculo necesita traslado? es obligatorio";
                        document.getElementById("validacionCampoTrasladoVehiculoDeLaSolicitud").style.display = "block";
                        error = true;
                    }

                    if (document.getElementById("campoFechaDevolucionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaDevolucionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaDevolucionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaDevolucionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaDevolucionDeLaSolicitud").innerHTML = "El campo fecha parala devolución es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoObservacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "El campo motivo de dar de baja es obligatorio";
                        error = true;
                    }

                    let seSeleccionoEquipamiento=false;
                    let equipamientos=document.getElementsByClassName('form-check-input');
                    for (let i = 0; i < equipamientos.length; i++) {
                        let elemento = equipamientos[i];
                        if(elemento.checked==true){
                            seSeleccionoEquipamiento=true
                        }
                    }

                    if(seSeleccionoEquipamiento==false){
                        error = true;
                        document.getElementById("validacionCampoEquipamientoDeLaSolicitud").innerHTML="campo equipamiento es obligatorio";
                        document.getElementById("validacionCampoEquipamientoDeLaSolicitud").style.display="block";
                    }else{
                        document.getElementById("validacionCampoEquipamientoDeLaSolicitud").innerHTML="";
                        document.getElementById("validacionCampoEquipamientoDeLaSolicitud").style.display="none";
                    }
                break;
                case "Cambio centro de costo":
                    console.log("cc_actual: "+document.getElementById("campoCentroDeCostoDeLaSolicitud").value.trim()+"|cc_anterior: "+document.getElementById("campoIdCentroCostoActualVehiculo").value.trim())
                    if (document.getElementById("campoCentroDeCostoDeLaSolicitud").value.trim().length > 0) {
                        if(document.getElementById("campoIdCentroCostoActualVehiculo").value.trim()==document.getElementById("campoCentroDeCostoDeLaSolicitud").value.trim()){
                            document.getElementById("campoCentroDeCostoDeLaSolicitud").classList.remove('input-success-icon');
                            document.getElementById("campoCentroDeCostoDeLaSolicitud").classList.add('input-error-icon');
                            document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").innerHTML = "El nuevo centro de costo debe ser diferente al centro de costo actual del vehículo";
                            document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").style.display = "block";
                            error = true;
                        }else{
                            document.getElementById("campoCentroDeCostoDeLaSolicitud").classList.remove('input-error-icon');
                            document.getElementById("campoCentroDeCostoDeLaSolicitud").classList.add('input-success-icon');
                            document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").innerHTML = "";
                            document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").style.display = "none";
                        }
                    } else {
                        document.getElementById("campoCentroDeCostoDeLaSolicitud").classList.remove('input-success-icon');
                        document.getElementById("campoCentroDeCostoDeLaSolicitud").classList.add('input-error-icon');
                        document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").innerHTML = "El campo centro de costo es obligatorio";
                        document.getElementById("validacionCampoCentroDeCostoDeLaSolicitud").style.display = "block";
                        error = true;
                    }

                    if (document.getElementById("campoFechaDelCambioDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaDelCambioDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaDelCambioDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaDelCambioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaDelCambioDeLaSolicitud").innerHTML = "El campo fecha del cambio es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoObservacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "El campo motivo del traspaso es obligatorio";
                        error = true;
                    }
                break;
                case "Traslado":
                    if (document.getElementById("campoTrasladoDesdeDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTrasladoDesdeDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoTrasladoDesdeDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoTrasladoDesdeDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoTrasladoDesdeDeLaSolicitud").innerHTML = "El campo traslado desde es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoTrasladoHaciaDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoTrasladoHaciaDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoTrasladoHaciaDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoTrasladoHaciaDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoTrasladoHaciaDeLaSolicitud").innerHTML = "El campo traslado hacia es obligatorio";
                        error = true;
                    }
                
                    if (document.getElementById("campoFechaTrasladoDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoFechaTrasladoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoFechaTrasladoDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoFechaTrasladoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoFechaTrasladoDeLaSolicitud").innerHTML = "El campo fecha de traslado es obligatorio";
                        error = true;
                    }

                    if (document.getElementById("campoObservacionDeLaSolicitud").value.trim().length > 0) {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "";
                    } else {
                        document.getElementById("campoObservacionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoObservacionDeLaSolicitud").innerHTML = "El campo observación es obligatorio";
                        error = true;
                    }
                break;
            }
            return error;
        }

        function editarSolicitud(){
            if (validarCamposDelFormularioDeLaSolicitud() == false) {
                document.getElementById("botonDeEdicion").setAttribute("disabled", true);
                let datosFormulario = $("#formularioDeSolicitudNuevoVehiculo").serialize();
                generarLoading('{{asset('img/logo.png')}}')

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: '{{ route('solicitud-varias-vehiculo.update',$solicitud) }}',
                    data: datosFormulario,
                    success: function(data) {
                        Swal.fire({
                                icon: 'success',
                                title: '¡Editado!',
                                text: 'La solicitud varias se edito con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.href="{{route('solicitud-varias-vehiculo.show',$solicitud)}}";
                            })
                            .catch((error) => {
                                location.href="{{route('solicitud-varias-vehiculo.show',$solicitud)}}";
                            });

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