@extends('adminlte::page')

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

@section('title', 'Intranet | Responder 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-10">
    
                <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">Formulario De Respuesta</a>
                            </li>
                        </ul>
                    </div>
    
                    <form id="formularioDeSolicitudVariasRespuesta">
                        @csrf
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <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" 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>
    
                                        @isset($solicitud->usuarioCerrado)
                                            <div class="form-group">
                                                <label>Usuario Que Cerro La Solicitud</label>
                                                <input type="text" class="form-control" name="nombreSolicitante" value="{{ old('nombreSolicitante', $solicitud->usuarioCerrado->name) }}" readonly="true">
                                            </div>
                                        @endisset
    
                                        <div class="form-group">
                                            <label>Fecha Solicitud</label>
                                            <input type="text" class="form-control" name="fecha_solicitud" value="{{ old('fecha_solicitud', fechaConFormatoDeChile($solicitud->created_at)) }}" readonly="true">
                                        </div>
                                    </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
                                </div>
    
                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                            <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos Tipo De Solicitud</legend>
            
                                            @switch($solicitud->tipo_solicitud)
                                                @case('Equipamiento')
                                                    <div class="form-group">
                                                        <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? </label>
                                                        <input type="text" class="form-control" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" value="{{ old('traslado_vehiculo', $solicitud->traslado_vehiculo) }}" readonly="true">
                                                    </div>
                                                    
                                                    <div class="form-group">
                                                        <label for="campoFechaMovimientoDeLaSolicitud">Fecha De Movimiento </label>
                                                        <input type="text" class="form-control" id="campoFechaMovimientoDeLaSolicitud" name="fecha_movimiento" value="{{ old('fecha_movimiento', fechaConFormatoDeChile($solicitud->fecha_movimiento)) }}" readonly="true">
                                                    </div>
                    
                                                    <div class="form-group">
                                                        <label for="campoSolicitudDeEquipamientoDeLaSolicitud">Solicitud De Equipamiento</label>
                                                        <textarea class="form-control" id="campoSolicitudDeEquipamientoDeLaSolicitud" name="solicitud_equipamiento" rows="3" readonly="true">{{ old('solicitud_equipamiento', $solicitud->solicitud_equipamiento) }}</textarea>
                                                    </div>
                    
                                                    <div class="form-group">
                                                        <label for="campoObservacionDeLaSolicitud">Observación</label>
                                                        <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                    </div>
                                                @break 
                                                @case('Revisión Técnica')
                                                    <div class="form-group">
                                                        <label for="campoLugarPreferenciaRevisionTecnicaDeLaSolicitud">Lugar De Preferencia Para La Revisión Técnica </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) }}" readonly="true">
                                                        <div class="invalid-feedback" id="validacionCampoLugarPreferenciaRevisionTecnicaDeLaSolicitud">
        
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? </label>
                                                        <input type="text" class="form-control" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" value="{{ old('traslado_vehiculo', $solicitud->traslado_vehiculo) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoFechaVencimientoDeLaSolicitud">Fecha De Vencimimento </label>
                                                        <input type="text" class="form-control" id="campoFechaVencimientoDeLaSolicitud" name="fecha_vencimiento" value="{{ old('fecha_vencimiento', fechaConFormatoDeChile($solicitud->fecha_vencimiento)) }}" readonly="true">
                                                        <div class="invalid-feedback" id="validacionCampoFechaVencimientoDeLaSolicitud">
        
                                                        </div>
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoFechaProgramacionDeLaSolicitud">Fecha De Programación </label>
                                                        <input type="text" class="form-control" id="campoFechaProgramacionDeLaSolicitud" name="fecha_programacion" value="{{ old('fecha_programacion', fechaConFormatoDeChile($solicitud->fecha_programacion)) }}" readonly="true">
                                                        <div class="invalid-feedback" id="validacionCampoFechaProgramacionDeLaSolicitud">
        
                                                        </div>
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoObservacionDeLaSolicitud">Observación</label>
                                                        <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                    </div>
                                                @break  
                                                @case('Reparación')
                                                    <div class="form-group">
                                                        <label for="campoLugarPreferenciaReparacionDeLaSolicitud">Lugar De Preferencia Para La Reparación </label>
                                                        <input type="text" class="form-control" id="campoLugarPreferenciaReparacionDeLaSolicitud" name="lugar_preferencia_reparacion" value="{{ old('lugar_preferencia_reparacion', $solicitud->lugar_preferencia_reparacion) }}" readonly="true">
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? </label>
                                                        <input type="text" class="form-control" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" value="{{ old('traslado_vehiculo', $solicitud->traslado_vehiculo) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoFechaReparaciónDeLaSolicitud">Fecha Para La Reparación </label>
                                                        <input type="text" class="form-control" id="campoFechaReparaciónDeLaSolicitud" name="fecha_reparacion" value="{{ old('fecha_reparacion', fechaConFormatoDeChile($solicitud->fecha_reparacion)) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoRequerimientoDeLaSolicitud">Indicar Elementos A Reparar </label>
                                                        <textarea class="form-control" id="campoRequerimientoDeLaSolicitud" name="requerimiento" rows="3" readonly="true">{{ old('requerimiento', $solicitud->requerimiento) }}</textarea>
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoObservacionDeLaSolicitud">Observación</label>
                                                        <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                    </div>
                                                @break 
                                                @case('Dar de baja')
                                                    <div class="form-group">
                                                        <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? </label>
                                                        <input type="text" class="form-control" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" value="{{ old('traslado_vehiculo', $solicitud->traslado_vehiculo) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoFechaDevolucionDeLaSolicitud">Fecha Para La Devolución </label>
                                                        <input type="text" class="form-control" id="campoFechaDevolucionDeLaSolicitud" name="fecha_devolucion" value="{{ old('fecha_devolucion', fechaConFormatoDeChile($solicitud->fecha_devolucion)) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label>Equipamiento</label>
                                                        <div style="display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap:10px;">
                                                            @foreach ($solicitud->equipamientos as $equ)
                                                                <label class="form-check-label">{{ $equ->equipamiento }}</label>
                                                            @endforeach
                                                        </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" readonly="true">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                    </div>
                                                @break 
                                                @case('Mantención')
                                                    <div class="form-group">
                                                        <label for="campoProximaMantecionKilometrajeDeLaSolicitud">Kilometraje Próxima Mantención </label>
                                                        <input type="text" class="form-control" id="campoProximaMantecionKilometrajeDeLaSolicitud" name="kilometraje_proxima_mantencion" value="{{ old('kilometraje_proxima_mantencion', $solicitud->kilometraje_proxima_mantencion) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoLugarPreferenciaMantencionDeLaSolicitud">Lugar De Preferencia Para La Mantención </label>
                                                        <input type="text" class="form-control" id="campoLugarPreferenciaMantencionDeLaSolicitud" value="{{ old('lugar_preferencia_mantencion', $solicitud->lugar_preferencia_mantencion) }}" name="lugar_preferencia_mantencion" readonly="true">
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="campoTrasladoVehiculoDeLaSolicitud">¿Vehiculo Necesita Traslado? </label>
                                                        <input type="text" class="form-control" id="campoTrasladoVehiculoDeLaSolicitud" name="traslado_vehiculo" value="{{ old('traslado_vehiculo', $solicitud->traslado_vehiculo) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoFechaMantencionDeLaSolicitud">Fecha Para La Mantención </label>
                                                        <input type="text" class="form-control" id="campoFechaMantencionDeLaSolicitud" value="{{ old('fecha_mantencion', fechaConFormatoDeChile($solicitud->fecha_mantencion)) }}" name="fecha_mantencion" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoTipoMantencionDeLaSolicitud">Tipo De Mantención </label>
                                                        <input type="text" class="form-control" id="campoTipoMantencionDeLaSolicitud" value="{{ old('tipo_mantencion', $solicitud->tipo_mantencion) }}" name="fecha_mantencion" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoObservacionDeLaSolicitud">Indicar Otros Detalles</label>
                                                        <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                    </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) }}" readonly="true">
                                                    </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) }}" readonly="true">
                                                    </div>
    
                                                    <div class="form-group">
                                                        <label for="campoFechaTrasladoDeLaSolicitud">Fecha De Traslado </label>
                                                        <input type="text" class="form-control" id="campoFechaTrasladoDeLaSolicitud" name="fecha_traslado" value="{{ old('fecha_traslado', fechaConFormatoDeChile($solicitud->fecha_traslado)) }}" readonly="true">
                                                    </div>
        
                                                    <div class="form-group">
                                                        <label for="campoObservacionDeLaSolicitud">Observación</label>
                                                        <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                                    </div>
                                                @break                              
                                            @endswitch
                                        </fieldset>
    
                                        <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                            <legend class="titulo-fieldset-color-azul" id="legendArticulo">Responder Solicitud</legend>

                                            @switch($solicitud->tipo_solicitud)
                                                @case('Equipamiento')
                                                    <div class="form-group">
                                                        <label for="campoFechaDeAgendamientoDeLaSolicitud">Fecha De Agendamiento </label>
                                                        <input type="date" class="form-control" id="campoFechaDeAgendamientoDeLaSolicitud" name="fecha_agendamiento">
                                                        <div class="invalid-feedback" id="validacionCampoFechaDeAgendamientoDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoTallerDeLaSolicitud">Taller </label>
                                                        <input type="text" class="form-control" id="campoTallerDeLaSolicitud" name="taller">
                                                        <div class="invalid-feedback" id="validacionCampoTallerDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoCiudadDeLaSolicitud">Ciudad </label>
                                                        <input type="text" class="form-control" id="campoCiudadDeLaSolicitud" name="ciudad">
                                                        <div class="invalid-feedback" id="validacionCampoCiudadDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoHoraDeLaSolicitud">Hora</label>
                                                        <div class="input-group clockpicker">
                                                            <input style="background-color: white;" type="text" class="form-control" id="campoHoraDeLaSolicitud" name="hora" readonly="true">
                                                            <div class="input-group-append">
                                                                <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                                            </div>
                                                        </div>
                                                        <div class="invalid-feedback" id="validacionCampoHoraDeLaSolicitud">
                            
                                                        </div>
                                                    </div>

                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <div class="form-group">
                                                            <label for="campoEmpresaDeTrasladoDeLaSolicitud">Empresa De Traslado</label>
                                                            <input type="text" class="form-control" id="campoEmpresaDeTrasladoDeLaSolicitud" name="empresa_traslado">
                                                            <div class="invalid-feedback" id="validacionCampoEmpresaDeTrasladoDeLaSolicitud"></div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label for="campoMontoMonetarioDeLaSolicitud">Costo Traslado </label>
                                                            <input type="text" class="form-control" id="campoMontoMonetarioDeLaSolicitud" name="monto_monetario" onfocus="convertirCampoMontoMenatarioHaFormatoNumero(this)" onblur="establecerFormatoMonedaAlCampoMontoMenatario(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                            <div class="invalid-feedback" id="validacionCampoMontoMonetarioDeLaSolicitud"></div>
                                                        </div>
                                                        <input type="hidden" id="campoMontoMonetarioFormatoNumeroDeLaSolicitud" name="monto_monetario">
                                                    @endif
            
                                                    <div class="form-group">
                                                        <label for="campoObservacionRespuestaDeLaSolicitud">Observación </label>
                                                        <textarea class="form-control" id="campoObservacionRespuestaDeLaSolicitud" name="observacion_respuesta" rows="3"></textarea>
                                                        <div class="invalid-feedback" id="validacionCampoObservacionRespuestaDeLaSolicitud"></div>
                                                    </div>
    
                                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                                        <label>Seleccionar Archivos</label>
                                                        <input type="file" class="form-control-file" id="a93541" onchange="GuardarArchivoSeleccionado(this)">
                                                        <div class="invalid-feedback" id="validacionCampoArchivoDeLaRequisicion">
                
                                                        </div>
                                                    </div>
                    
                                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorArchivos">
                                                        Debe adjuntar al menos un archivo para responder la solicitud.
                                                    </div>
                                                    <div class="dt-responsive table-responsive">
                                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th>Acción</th>
                                                                    <th>Archivo</th>
                                                                    <th>Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="registroDeArchivos">
                                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @break  
                                                @case('Revisión Técnica')
                                                    <div class="form-group">
                                                        <label for="campoFechaDeAgendamientoDeLaSolicitud">Fecha De Agendamiento </label>
                                                        <input type="date" class="form-control" id="campoFechaDeAgendamientoDeLaSolicitud" name="fecha_agendamiento">
                                                        <div class="invalid-feedback" id="validacionCampoFechaDeAgendamientoDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoTallerDeLaSolicitud">Taller </label>
                                                        <input type="text" class="form-control" id="campoTallerDeLaSolicitud" name="taller">
                                                        <div class="invalid-feedback" id="validacionCampoTallerDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoCiudadDeLaSolicitud">Ciudad </label>
                                                        <input type="text" class="form-control" id="campoCiudadDeLaSolicitud" name="ciudad">
                                                        <div class="invalid-feedback" id="validacionCampoCiudadDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoHoraDeLaSolicitud">Hora</label>
                                                        <div class="input-group clockpicker">
                                                            <input style="background-color: white;" type="text" class="form-control" id="campoHoraDeLaSolicitud" name="hora" readonly="true">
                                                            <div class="input-group-append">
                                                                <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                                            </div>
                                                        </div>
                                                        <div class="invalid-feedback" id="validacionCampoHoraDeLaSolicitud">
                            
                                                        </div>
                                                    </div>

                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <div class="form-group">
                                                            <label for="campoEmpresaDeTrasladoDeLaSolicitud">Empresa De Traslado</label>
                                                            <input type="text" class="form-control" id="campoEmpresaDeTrasladoDeLaSolicitud" name="empresa_traslado">
                                                            <div class="invalid-feedback" id="validacionCampoEmpresaDeTrasladoDeLaSolicitud"></div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label for="campoMontoMonetarioDeLaSolicitud">Costo Traslado </label>
                                                            <input type="text" class="form-control" id="campoMontoMonetarioDeLaSolicitud" name="monto_monetario" onfocus="convertirCampoMontoMenatarioHaFormatoNumero(this)" onblur="establecerFormatoMonedaAlCampoMontoMenatario(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                            <div class="invalid-feedback" id="validacionCampoMontoMonetarioDeLaSolicitud"></div>
                                                        </div>
                                                        <input type="hidden" id="campoMontoMonetarioFormatoNumeroDeLaSolicitud" name="monto_monetario">
                                                    @endif
            
                                                    <div class="form-group">
                                                        <label for="campoObservacionRespuestaDeLaSolicitud">Observación </label>
                                                        <textarea class="form-control" id="campoObservacionRespuestaDeLaSolicitud" name="observacion_respuesta" rows="3"></textarea>
                                                        <div class="invalid-feedback" id="validacionCampoObservacionRespuestaDeLaSolicitud"></div>
                                                    </div>
    
                                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                                        <label>Seleccionar Archivos</label>
                                                        <input type="file" class="form-control-file" id="a93541" onchange="GuardarArchivoSeleccionado(this)">
                                                        <div class="invalid-feedback" id="validacionCampoArchivoDeLaRequisicion">
                
                                                        </div>
                                                    </div>
                    
                                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorArchivos">
                                                        Debe adjuntar al menos un archivo para responder la solicitud.
                                                    </div>
                                                    <div class="dt-responsive table-responsive">
                                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th>Acción</th>
                                                                    <th>Archivo</th>
                                                                    <th>Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="registroDeArchivos">
                                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @break  
                                                @case('Reparación')
                                                    <div class="form-group">
                                                        <label for="campoFechaDeAgendamientoDeLaSolicitud">Fecha De Agendamiento </label>
                                                        <input type="date" class="form-control" id="campoFechaDeAgendamientoDeLaSolicitud" name="fecha_agendamiento">
                                                        <div class="invalid-feedback" id="validacionCampoFechaDeAgendamientoDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoTallerDeLaSolicitud">Taller </label>
                                                        <input type="text" class="form-control" id="campoTallerDeLaSolicitud" name="taller">
                                                        <div class="invalid-feedback" id="validacionCampoTallerDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoCiudadDeLaSolicitud">Ciudad </label>
                                                        <input type="text" class="form-control" id="campoCiudadDeLaSolicitud" name="ciudad">
                                                        <div class="invalid-feedback" id="validacionCampoCiudadDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoHoraDeLaSolicitud">Hora</label>
                                                        <div class="input-group clockpicker">
                                                            <input style="background-color: white;" type="text" class="form-control" id="campoHoraDeLaSolicitud" name="hora" readonly="true">
                                                            <div class="input-group-append">
                                                                <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                                            </div>
                                                        </div>
                                                        <div class="invalid-feedback" id="validacionCampoHoraDeLaSolicitud">
                            
                                                        </div>
                                                    </div>

                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <div class="form-group">
                                                            <label for="campoEmpresaDeTrasladoDeLaSolicitud">Empresa De Traslado</label>
                                                            <input type="text" class="form-control" id="campoEmpresaDeTrasladoDeLaSolicitud" name="empresa_traslado">
                                                            <div class="invalid-feedback" id="validacionCampoEmpresaDeTrasladoDeLaSolicitud"></div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label for="campoMontoMonetarioDeLaSolicitud">Costo Traslado </label>
                                                            <input type="text" class="form-control" id="campoMontoMonetarioDeLaSolicitud" name="monto_monetario" onfocus="convertirCampoMontoMenatarioHaFormatoNumero(this)" onblur="establecerFormatoMonedaAlCampoMontoMenatario(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                            <div class="invalid-feedback" id="validacionCampoMontoMonetarioDeLaSolicitud"></div>
                                                        </div>
                                                        <input type="hidden" id="campoMontoMonetarioFormatoNumeroDeLaSolicitud" name="monto_monetario">
                                                    @endif
            
                                                    <div class="form-group">
                                                        <label for="campoObservacionRespuestaDeLaSolicitud">Observación </label>
                                                        <textarea class="form-control" id="campoObservacionRespuestaDeLaSolicitud" name="observacion_respuesta" rows="3"></textarea>
                                                        <div class="invalid-feedback" id="validacionCampoObservacionRespuestaDeLaSolicitud"></div>
                                                    </div>
    
                                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                                        <label>Seleccionar Archivos</label>
                                                        <input type="file" class="form-control-file" id="a93541" onchange="GuardarArchivoSeleccionado(this)">
                                                        <div class="invalid-feedback" id="validacionCampoArchivoDeLaRequisicion">
                
                                                        </div>
                                                    </div>
                    
                                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorArchivos">
                                                        Debe adjuntar al menos un archivo para responder la solicitud.
                                                    </div>
                                                    <div class="dt-responsive table-responsive">
                                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th>Acción</th>
                                                                    <th>Archivo</th>
                                                                    <th>Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="registroDeArchivos">
                                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @break 
                                                @case('Dar de baja')
                                                    <div class="form-group">
                                                        <label for="campoFechaDeTrasladoDeLaSolicitud">Fecha De Traslado </label>
                                                        <input type="date" class="form-control" id="campoFechaDeTrasladoDeLaSolicitud" name="fecha_traslado">
                                                        <div class="invalid-feedback" id="validacionCampoFechaDeTrasladoDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoEmpresaDeTrasladoDeLaSolicitud">Empresa De Traslado</label>
                                                        <input type="text" class="form-control" id="campoEmpresaDeTrasladoDeLaSolicitud" name="empresa_traslado">
                                                        <div class="invalid-feedback" id="validacionCampoEmpresaDeTrasladoDeLaSolicitud"></div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="campoMontoMonetarioDeLaSolicitud">Costo Traslado </label>
                                                        <input type="text" class="form-control" id="campoMontoMonetarioDeLaSolicitud" name="monto_monetario" onfocus="convertirCampoMontoMenatarioHaFormatoNumero(this)" onblur="establecerFormatoMonedaAlCampoMontoMenatario(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                        <div class="invalid-feedback" id="validacionCampoMontoMonetarioDeLaSolicitud"></div>
                                                    </div>
                                                    <input type="hidden" id="campoMontoMonetarioFormatoNumeroDeLaSolicitud" name="monto_monetario">
                                                @break   
                                                @case('Mantención')
                                                    <div class="form-group">
                                                        <label for="campoFechaDeAgendamientoDeLaSolicitud">Fecha De Agendamiento </label>
                                                        <input type="date" class="form-control" id="campoFechaDeAgendamientoDeLaSolicitud" name="fecha_agendamiento">
                                                        <div class="invalid-feedback" id="validacionCampoFechaDeAgendamientoDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoTallerDeLaSolicitud">Taller </label>
                                                        <input type="text" class="form-control" id="campoTallerDeLaSolicitud" name="taller">
                                                        <div class="invalid-feedback" id="validacionCampoTallerDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoCiudadDeLaSolicitud">Ciudad </label>
                                                        <input type="text" class="form-control" id="campoCiudadDeLaSolicitud" name="ciudad">
                                                        <div class="invalid-feedback" id="validacionCampoCiudadDeLaSolicitud"></div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoHoraDeLaSolicitud">Hora</label>
                                                        <div class="input-group clockpicker">
                                                            <input style="background-color: white;" type="text" class="form-control" id="campoHoraDeLaSolicitud" name="hora" readonly="true">
                                                            <div class="input-group-append">
                                                                <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                                            </div>
                                                        </div>
                                                        <div class="invalid-feedback" id="validacionCampoHoraDeLaSolicitud">
                            
                                                        </div>
                                                    </div>

                                                    @if ($solicitud->traslado_vehiculo=="Si")
                                                        <div class="form-group">
                                                            <label for="campoEmpresaDeTrasladoDeLaSolicitud">Empresa De Traslado</label>
                                                            <input type="text" class="form-control" id="campoEmpresaDeTrasladoDeLaSolicitud" name="empresa_traslado">
                                                            <div class="invalid-feedback" id="validacionCampoEmpresaDeTrasladoDeLaSolicitud"></div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label for="campoMontoMonetarioDeLaSolicitud">Costo Traslado </label>
                                                            <input type="text" class="form-control" id="campoMontoMonetarioDeLaSolicitud" name="monto_monetario" onfocus="convertirCampoMontoMenatarioHaFormatoNumero(this)" onblur="establecerFormatoMonedaAlCampoMontoMenatario(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                            <div class="invalid-feedback" id="validacionCampoMontoMonetarioDeLaSolicitud"></div>
                                                        </div>
                                                        <input type="hidden" id="campoMontoMonetarioFormatoNumeroDeLaSolicitud" name="monto_monetario">
                                                    @endif
            
                                                    <div class="form-group">
                                                        <label for="campoObservacionRespuestaDeLaSolicitud">Observación </label>
                                                        <textarea class="form-control" id="campoObservacionRespuestaDeLaSolicitud" name="observacion_respuesta" rows="3"></textarea>
                                                        <div class="invalid-feedback" id="validacionCampoObservacionRespuestaDeLaSolicitud"></div>
                                                    </div>
    
                                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                                        <label>Seleccionar Archivos</label>
                                                        <input type="file" class="form-control-file" id="a93541" onchange="GuardarArchivoSeleccionado(this)">
                                                        <div class="invalid-feedback" id="validacionCampoArchivoDeLaRequisicion">
                
                                                        </div>
                                                    </div>
                    
                                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorArchivos">
                                                        Debe adjuntar al menos un archivo para responder la solicitud.
                                                    </div>
                                                    <div class="dt-responsive table-responsive">
                                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th>Acción</th>
                                                                    <th>Archivo</th>
                                                                    <th>Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="registroDeArchivos">
                                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @break 
                                                @case('Traslado')
                                                    <div class="form-group">
                                                        <label for="campoFechaTrasladoRespuestaDeLaSolicitud">Fecha De Traslado </label>
                                                        <input type="date" class="form-control" id="campoFechaTrasladoRespuestaDeLaSolicitud" name="fecha_traslado">
                                                        <div class="invalid-feedback" id="validacionCampoFechaTrasladoRespuestaDeLaSolicitud"></div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="campoEmpresaDeTrasladoDeLaSolicitud">Empresa De Traslado</label>
                                                        <input type="text" class="form-control" id="campoEmpresaDeTrasladoDeLaSolicitud" name="empresa_traslado">
                                                        <div class="invalid-feedback" id="validacionCampoEmpresaDeTrasladoDeLaSolicitud"></div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="campoMontoMonetarioDeLaSolicitud">Costo Traslado </label>
                                                        <input type="text" class="form-control" id="campoMontoMonetarioDeLaSolicitud" name="monto_monetario" onfocus="convertirCampoMontoMenatarioHaFormatoNumero(this)" onblur="establecerFormatoMonedaAlCampoMontoMenatario(this)" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                        <div class="invalid-feedback" id="validacionCampoMontoMonetarioDeLaSolicitud"></div>
                                                    </div>
                                                    <input type="hidden" id="campoMontoMonetarioFormatoNumeroDeLaSolicitud" name="monto_monetario">

                                                    <div class="form-group">
                                                        <label for="campoObservacionRespuestaDeLaSolicitud">Observación </label>
                                                        <textarea class="form-control" id="campoObservacionRespuestaDeLaSolicitud" name="observacion_respuesta" rows="3"></textarea>
                                                        <div class="invalid-feedback" id="validacionCampoObservacionRespuestaDeLaSolicitud"></div>
                                                    </div>

                                                    <div class="form-group" id="contenedorDelSeleccionadorDeArchivo">
                                                        <label>Seleccionar Archivos</label>
                                                        <input type="file" class="form-control-file" id="a93541" onchange="GuardarArchivoSeleccionado(this)">
                                                        <div class="invalid-feedback" id="validacionCampoArchivoDeLaRequisicion">
                
                                                        </div>
                                                    </div>
                    
                                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorArchivos">
                                                        Debe adjuntar al menos un archivo para responder la solicitud.
                                                    </div>
                                                    <div class="dt-responsive table-responsive">
                                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th>Acción</th>
                                                                    <th>Archivo</th>
                                                                    <th>Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="registroDeArchivos">
                                                                <tr id="archivosNoDisponibleEnLaTabla">
                                                                    <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @break                              
                                            @endswitch
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
    
                        <div class=" card-footer">
                            @switch($solicitud->tipo_solicitud)
                                @case('Equipamiento')
                                    <button type="button" class="btn btn-primary" onclick="enviarRespuesta()" id="botonDeEnvioRespuesta"><i class="fas fa-comment-medical" style="margin-right: 2px;"></i> Enviar Respuesta</button>
                                    @break
                                @case('Revisión Técnica')
                                    <button type="button" class="btn btn-primary" onclick="enviarRespuesta()" id="botonDeEnvioRespuesta"><i class="fas fa-comment-medical" style="margin-right: 2px;"></i> Enviar Respuesta</button>
                                    @break
                                @case('Reparación')
                                    <button type="button" class="btn btn-primary" onclick="enviarRespuesta()" id="botonDeEnvioRespuesta"><i class="fas fa-comment-medical" style="margin-right: 2px;"></i> Enviar Respuesta</button>
                                    @break  
                                @case('Dar de baja')
                                    <button type="button" class="btn btn-primary" onclick="enviarRespuestaParaDarDeBaja()" id="botonDeEnvioRespuesta"><i class="fas fa-comment-medical" style="margin-right: 2px;"></i> Enviar Respuesta</button>
                                    @break 
                                @case('Mantención')
                                    <button type="button" class="btn btn-primary" onclick="enviarRespuesta()" id="botonDeEnvioRespuesta"><i class="fas fa-comment-medical" style="margin-right: 2px;"></i> Enviar Respuesta</button>
                                    @break 
                                @case('Traslado')
                                    <button type="button" class="btn btn-primary" onclick="enviarRespuestaTraslado()" id="botonDeEnvioRespuesta"><i class="fas fa-comment-medical" style="margin-right: 2px;"></i> Enviar Respuesta</button>
                                    @break 
                            @endswitch
                            <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>
    
    <div class="modal fade" id="modalVisualizarArchivo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color: white;">
                        <h5 class="modal-title" id="modalTituloVisualizarArchivo"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div id="modalContenidoModalVisualizarArchivo" style="text-align: center;">
    
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </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') }}">
    <style>
        input[type=file] {
            width: 100%;
            max-width: 100%;
            color: #444;
            padding: 5px;
            background: #fff;
            border-radius: 3px;
            border: 1px solid #555;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <!--funciones respecto al adjunto de documentos en la requisicion-->
    <script>
        function visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(archivo, tipo, nombreArchivo) {
            if (tipo.toLowerCase() == "png" ||
                tipo.toLowerCase() == "jpeg" ||
                tipo.toLowerCase() == "gif" ||
                tipo.toLowerCase() == "jpg" ||
                tipo.toLowerCase() == "bmp") {
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                '<img src="' + archivo + '" style="max-width: 100%;">';
            }else if(tipo.toLowerCase() == "pdf"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + archivo + '" style="width:95%; height:600px;"></iframe>';
            }else if(tipo.toLowerCase() == "txt"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + archivo + '" style="width:95%; height:600px;"></iframe>';
            }
            document.getElementById("modalTituloVisualizarArchivo").innerHTML = nombreArchivo;
            $("#modalVisualizarArchivo").modal("show");
        }
    
        function eliminarArchivo(registro, archivo) {
            document.getElementById(archivo).remove();
            registro.remove();
    
            if (document.getElementById("registroDeArchivos").innerHTML.trim().length == 0) {
                document.getElementById("registroDeArchivos").innerHTML =
                    '<tr id="archivosNoDisponibleEnLaTabla">' +
                    '<td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>' +
                    '</tr>';
            }
        }
    
        function obtenerAccionesDelArchivoGuardado(extensionDelArchivo, base64, archivo) {
            if (
                extensionDelArchivo.toLowerCase() == "png" ||
                extensionDelArchivo.toLowerCase() == "jpeg" ||
                extensionDelArchivo.toLowerCase() == "gif" ||
                extensionDelArchivo.toLowerCase() == "jpg" ||
                extensionDelArchivo.toLowerCase() == "bmp"
            ) {
                accionesDelArchivo =
                    '<a class="dropdown-item" href="#" onclick="visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(\'' + base64 + '\',\'' + extensionDelArchivo + '\',\'' + archivo.files[0].name + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                    '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "mp3" ||
                extensionDelArchivo.toLowerCase() == "wav" ||
                extensionDelArchivo.toLowerCase() == "wma" ||
                extensionDelArchivo.toLowerCase() == "ogg"
            ) {
                accionesDelArchivo = 
                '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "zip" ||
                extensionDelArchivo.toLowerCase() == "rar" ||
                extensionDelArchivo.toLowerCase() == "tgz" ||
                extensionDelArchivo.toLowerCase() == "tar"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (extensionDelArchivo.toLowerCase() == "pdf") {
                accionesDelArchivo =
                    '<a class="dropdown-item" href="#" onclick="visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(\'' + base64 + '\',\'' + extensionDelArchivo + '\',\'' + archivo.files[0].name + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                    '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "xlsx" ||
                extensionDelArchivo.toLowerCase() == "xls"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "pptx" ||
                extensionDelArchivo.toLowerCase() == "ppt"
            ) {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "docx" ||
                extensionDelArchivo.toLowerCase() == "doc"
            ) {
                accionesDelArchivo = 
                '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (extensionDelArchivo.toLowerCase() == "txt") {
                accionesDelArchivo =
                    '<a class="dropdown-item" href="#" onclick="visualizarUnArchivoAntesDeRegistrarloEnLaBaseDeDatos(\'' + base64 + '\',\'' + extensionDelArchivo + '\',\'' + archivo.files[0].name + '\')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>' +
                    '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else if (
                extensionDelArchivo.toLowerCase() == "mp4" ||
                extensionDelArchivo.toLowerCase() == "webm" ||
                extensionDelArchivo.toLowerCase() == "avi" ||
                extensionDelArchivo.toLowerCase() == "asf" ||
                extensionDelArchivo.toLowerCase() == "dvd" ||
                extensionDelArchivo.toLowerCase() == "m1v" ||
                extensionDelArchivo.toLowerCase() == "movie" ||
                extensionDelArchivo.toLowerCase() == "mpeg" ||
                extensionDelArchivo.toLowerCase() == "wn" ||
                extensionDelArchivo.toLowerCase() == "wmv"
            ) {
                accionesDelArchivo = 
                '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            } else {
                accionesDelArchivo = '<a class="dropdown-item" href="#" onclick="eliminarArchivo(this.parentElement.parentElement.parentElement.parentElement,\'' + archivo.id + '\')"><i class="fas fa-trash" aria-hidden="true"></i> Eliminar Archivo</a>';
            }
    
            return accionesDelArchivo;
        }

        function obtenerNombreDelTipoArchivo(extensionDelArchivo) {
            if (
                extensionDelArchivo.toLowerCase() == "png" ||
                extensionDelArchivo.toLowerCase() == "jpeg" ||
                extensionDelArchivo.toLowerCase() == "gif" ||
                extensionDelArchivo.toLowerCase() == "jpg" ||
                extensionDelArchivo.toLowerCase() == "bmp"
            ) {
                NombreDeLaExtensionDelArchivo = "IMAGEN";
            } else if (
                extensionDelArchivo.toLowerCase() == "mp3" ||
                extensionDelArchivo.toLowerCase() == "wav" ||
                extensionDelArchivo.toLowerCase() == "wma" ||
                extensionDelArchivo.toLowerCase() == "ogg"
            ) {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DE AUDIO";
            } else if (
                extensionDelArchivo.toLowerCase() == "zip" ||
                extensionDelArchivo.toLowerCase() == "rar" ||
                extensionDelArchivo.toLowerCase() == "tgz" ||
                extensionDelArchivo.toLowerCase() == "tar"
            ) {
                NombreDeLaExtensionDelArchivo = "ARCHIVO COMPRIMIDO";
            } else if (extensionDelArchivo.toLowerCase() == "pdf") {
                NombreDeLaExtensionDelArchivo = "PDF";
            } else if (
                extensionDelArchivo.toLowerCase() == "xlsx" ||
                extensionDelArchivo.toLowerCase() == "xls"
            ) {
                NombreDeLaExtensionDelArchivo = "OFFICE EXCEL";
            } else if (
                extensionDelArchivo.toLowerCase() == "pptx" ||
                extensionDelArchivo.toLowerCase() == "ppt"
            ) {
                NombreDeLaExtensionDelArchivo = "OFFICE POWER POINT";
            } else if (
                extensionDelArchivo.toLowerCase() == "docx" ||
                extensionDelArchivo.toLowerCase() == "doc"
            ) {
                NombreDeLaExtensionDelArchivo = "OFFICE WORD";
            } else if (extensionDelArchivo.toLowerCase() == "txt") {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DE TEXTO";
            } else if (
                extensionDelArchivo.toLowerCase() == "mp4" ||
                extensionDelArchivo.toLowerCase() == "webm" ||
                extensionDelArchivo.toLowerCase() == "avi" ||
                extensionDelArchivo.toLowerCase() == "asf" ||
                extensionDelArchivo.toLowerCase() == "dvd" ||
                extensionDelArchivo.toLowerCase() == "m1v" ||
                extensionDelArchivo.toLowerCase() == "movie" ||
                extensionDelArchivo.toLowerCase() == "mpeg" ||
                extensionDelArchivo.toLowerCase() == "wn" ||
                extensionDelArchivo.toLowerCase() == "wmv"
            ) {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DE VIDEO";
            } else {
                NombreDeLaExtensionDelArchivo = "ARCHIVO DESCONOCIDO";
            }
        
            return NombreDeLaExtensionDelArchivo;
        }

        function uuid() {
            var dt = new Date().getTime();
            var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                var r = (dt + Math.random() * 16) % 16 | 0;
                dt = Math.floor(dt / 16);
                return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
            });
            return uuid;
        }
    
        function GuardarArchivoSeleccionado(archivo) {
            generarLoading('{{ asset('img/logo.png') }}')
            let nombreArchivo = archivo.files[0].name;
            let extensionArchivo = nombreArchivo.split('.');
            extensionArchivo = extensionArchivo[extensionArchivo.length - 1];
            var accionesDelArchivoGuardado = "";
    
            let existeNombreDelArchivoEnLaTabla=false;
            let filas = document.getElementById('tabla-archivos').tBodies[0].querySelectorAll("tr");
            filas.forEach(elemento => {
                if (elemento.querySelector(".tabla-nombre-archivo")) {
                    if(elemento.querySelector(".tabla-nombre-archivo").innerHTML.trim()==nombreArchivo){
                        existeNombreDelArchivoEnLaTabla=true;
                    }
                }
            });
    
            if(existeNombreDelArchivoEnLaTabla==false){
                document.getElementById("validacionCampoArchivoDeLaRequisicion").innerHTML = "";
                document.getElementById("validacionCampoArchivoDeLaRequisicion").style.display = "none";
                if (document.getElementById("archivosNoDisponibleEnLaTabla")) {
                    document.getElementById("archivosNoDisponibleEnLaTabla").remove();
                }
    
                let reader = new FileReader();
                reader.readAsDataURL(archivo.files[0]);
                reader.onload = function() {
                    let base64 = reader.result;
                    let nombreTipoArchivo=obtenerNombreDelTipoArchivo(extensionArchivo);
                    let accionesDelArchivo = obtenerAccionesDelArchivoGuardado(extensionArchivo, base64, archivo);
    
                    document.getElementById("registroDeArchivos").innerHTML +=
                        '<tr>' +
                        '<td>' +
                        '<div class="btn-group ">' +
                        '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                        'Acciones' +
                        '</button>' +
                        '<div class="dropdown-menu">' +
                            accionesDelArchivo +
                        '</div>' +
                        '</div>' +
                        '</td>' +
                        '<td class="tabla-nombre-archivo">' + nombreArchivo + '</td>' +
                        '<td>' + nombreTipoArchivo + '</td>' +
                        '</tr>';
    
                    archivo.style.display = "none";
                    let inputFile = document.createElement("input");
                    inputFile.setAttribute("type", "file");
                    inputFile.setAttribute("class", "form-control-file");
                    inputFile.setAttribute("id", uuid());
                    inputFile.setAttribute("onchange", "GuardarArchivoSeleccionado(this)");
                    document.getElementById("contenedorDelSeleccionadorDeArchivo").insertBefore(inputFile, document.getElementById("validacionCampoArchivoDeLaRequisicion"));
                    //document.getElementById("contenedorDelSeleccionadorDeArchivo").appendChild(inputFile);
                    eliminarLoading()
                };
                reader.onerror = function(error) {
                    eliminarLoading()
                };
            }else{
                document.getElementById("validacionCampoArchivoDeLaRequisicion").innerHTML = "El archivo adjuntado tiene el mismo nombre de uno de los archivos de la tabla, no es posible adjuntar varios archivos que tengan el mismo nombre.";
                document.getElementById("validacionCampoArchivoDeLaRequisicion").style.display = "block";
                eliminarLoading()
            }
        }
    </script>

    @if ($solicitud->tipo_solicitud=='Mantención')
        <script>
            $('.clockpicker').clockpicker({
                placement: 'bottom',
                align: 'left',
                autoclose: true
            });
    
            function validarRespuestaDeLaSolicitud(){
                error=false;
                let valorFechaDeAgendamiento=document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").value.trim();
                let valorTaller=document.getElementById("campoTallerDeLaSolicitud").value.trim();
                let valorCiudad=document.getElementById("campoCiudadDeLaSolicitud").value.trim();
                let valorHora=document.getElementById("campoHoraDeLaSolicitud").value.trim();
                let valorObserbacionRespuesta=document.getElementById("campoObservacionRespuestaDeLaSolicitud").value.trim();
    
                if(valorFechaDeAgendamiento.length>0){
                    document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFechaDeAgendamientoDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeAgendamientoDeLaSolicitud").innerHTML = "El campo fecha de agendamiento es obligatorio.";
                }
    
                if(valorTaller.length>0){
                    document.getElementById("campoTallerDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoTallerDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoTallerDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoTallerDeLaSolicitud").innerHTML = "El campo taller es obligatorio.";
                }
    
                if(valorCiudad.length>0){
                    document.getElementById("campoCiudadDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoCiudadDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoCiudadDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoCiudadDeLaSolicitud").innerHTML = "El campo ciudad es obligatorio.";
                }
    
                if(valorHora.length>0){
                    document.getElementById("campoHoraDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoHoraDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoHoraDeLaSolicitud").style.display="none";
                }else{
                    error=true;
                    document.getElementById("campoHoraDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoHoraDeLaSolicitud").innerHTML = "El campo hora es obligatorio.";
                    document.getElementById("validacionCampoHoraDeLaSolicitud").style.display="block";
                }
    
                if (document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud")) {
                    let valorEmpresaDeTraslado=document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim();
                    if(valorEmpresaDeTraslado.length>0){
                        document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "";
                    }else{
                        error=true;
                        document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "El campo empresa de traslado es obligatorio.";
                    }
                } 
    
                if (document.getElementById("campoMontoMonetarioDeLaSolicitud")) {
                    let valorMontoMonetario=document.getElementById("campoMontoMonetarioDeLaSolicitud").value.trim();
                    let valorMontoMonetarioFormatoNumero=document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim();
    
                    if(valorMontoMonetario.length>0 && valorMontoMonetarioFormatoNumero.length>0){
                        if(parseInt(valorMontoMonetarioFormatoNumero)>0){
                            document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "";
                        }else{
                            error=true;
                            document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado debe ser mayor que 0.";
                        }
                    }else{
                        error=true;
                        document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado es obligatorio.";
                    }
                } 
    
                if(valorObserbacionRespuesta.length>0){
                    document.getElementById("campoObservacionRespuestaDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoObservacionRespuestaDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoObservacionRespuestaDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoObservacionRespuestaDeLaSolicitud").innerHTML = "El campo observación es obligatorio.";
                }
    
                /*let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
                let archivos = document.getElementsByClassName("form-control-file");
                let cantidadArchivosAdjuntados = 0;
                for (let i = 0; i < totalDeArchivos; i++) {
                    if (archivos[i].files.length > 0) {
                        cantidadArchivosAdjuntados++;
                    }
                }
    
                if(cantidadArchivosAdjuntados==0){
                    document.getElementById("errorArchivos").style.display="block";
                    error=true;
                }else{
                    document.getElementById("errorArchivos").style.display="none";
                }*/
    
                if(error==true){
                    document.getElementById("custom-tabs-one-profile-tab").click();
                }
    
                return  error;
            }
    
            function enviarRespuesta(){
                document.getElementById("botonDeEnvioRespuesta").setAttribute("disabled", true);
                generarLoading('{{asset('img/logo.png')}}')
                let url="";
    
                switch("{{$solicitud->tipo_solicitud}}"){
                    case "Equipamiento":
                        url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';
                        break;
                    case "Revisión Técnica":
                    url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';
                    break;
                    case "Reparación":
                    url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';
                    break;    
                }
    
                if(validarRespuestaDeLaSolicitud()==false){
                    let formData = new FormData();
                    formData.append('fecha_agendamiento', document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").value.trim());
                    formData.append('taller', document.getElementById("campoTallerDeLaSolicitud").value.trim());
                    formData.append('ciudad', document.getElementById("campoCiudadDeLaSolicitud").value.trim());
                    formData.append('hora', document.getElementById("campoHoraDeLaSolicitud").value.trim());
                    if (document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud")) {
                        formData.append('empresa_traslado', document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim());
                    } 
    
                    if (document.getElementById("campoMontoMonetarioDeLaSolicitud")) {
                        formData.append('monto_monetario', document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim());
                    } 
                    formData.append('observacion_respuesta', document.getElementById("campoObservacionRespuestaDeLaSolicitud").value.trim());
                    let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
                    let archivos = document.getElementsByClassName("form-control-file");
                    let asignacionDeIdArchivo = 0;
                    for (let i = 0; i < totalDeArchivos; i++) {
                        if (archivos[i].files.length > 0) {
                            asignacionDeIdArchivo++;
                            formData.append('archivos' + i, archivos[i].files[0]);
                        }
                    }
                    formData.append('totalDeArchivos', asignacionDeIdArchivo);
                    var csrf = '{{ csrf_token() }}';
    
                    $.ajax({
                        url: url,
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Solicitud Respondida!',
                                text: 'Se respondio la solicitud varias',
                                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("botonDeEnvioRespuesta").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }else{
                    document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                    eliminarLoading()
                }
            }
        </script>
    @else    
        <script>
            $('.clockpicker').clockpicker({
                placement: 'bottom',
                align: 'left',
                autoclose: true
            });
    
            function validarRespuestaDeLaSolicitud(){
                error=false;
                let valorFechaDeAgendamiento=document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").value.trim();
                let valorTaller=document.getElementById("campoTallerDeLaSolicitud").value.trim();
                let valorCiudad=document.getElementById("campoCiudadDeLaSolicitud").value.trim();
                let valorHora=document.getElementById("campoHoraDeLaSolicitud").value.trim();
                let valorObserbacionRespuesta=document.getElementById("campoObservacionRespuestaDeLaSolicitud").value.trim();
    
                if(valorFechaDeAgendamiento.length>0){
                    document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFechaDeAgendamientoDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeAgendamientoDeLaSolicitud").innerHTML = "El campo fecha de agendamiento es obligatorio.";
                }
    
                if(valorTaller.length>0){
                    document.getElementById("campoTallerDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoTallerDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoTallerDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoTallerDeLaSolicitud").innerHTML = "El campo taller es obligatorio.";
                }
    
                if(valorCiudad.length>0){
                    document.getElementById("campoCiudadDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoCiudadDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoCiudadDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoCiudadDeLaSolicitud").innerHTML = "El campo ciudad es obligatorio.";
                }
    
                if(valorHora.length>0){
                    document.getElementById("campoHoraDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoHoraDeLaSolicitud").innerHTML = "";
                    document.getElementById("validacionCampoHoraDeLaSolicitud").style.display="none";
                }else{
                    error=true;
                    document.getElementById("campoHoraDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoHoraDeLaSolicitud").innerHTML = "El campo hora es obligatorio.";
                    document.getElementById("validacionCampoHoraDeLaSolicitud").style.display="block";
                }
    
                if (document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud")) {
                    let valorEmpresaDeTraslado=document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim();
                    if(valorEmpresaDeTraslado.length>0){
                        document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "";
                    }else{
                        error=true;
                        document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "El campo empresa de traslado es obligatorio.";
                    }
                } 
    
                if (document.getElementById("campoMontoMonetarioDeLaSolicitud")) {
                    let valorMontoMonetario=document.getElementById("campoMontoMonetarioDeLaSolicitud").value.trim();
                    let valorMontoMonetarioFormatoNumero=document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim();
    
                    if(valorMontoMonetario.length>0 && valorMontoMonetarioFormatoNumero.length>0){
                        if(parseInt(valorMontoMonetarioFormatoNumero)>0){
                            document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "";
                        }else{
                            error=true;
                            document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado debe ser mayor que 0.";
                        }
                    }else{
                        error=true;
                        document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado es obligatorio.";
                    }
                } 
    
                if(valorObserbacionRespuesta.length>0){
                    document.getElementById("campoObservacionRespuestaDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoObservacionRespuestaDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoObservacionRespuestaDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoObservacionRespuestaDeLaSolicitud").innerHTML = "El campo observación es obligatorio.";
                }
    
                let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
                let archivos = document.getElementsByClassName("form-control-file");
                let cantidadArchivosAdjuntados = 0;
                for (let i = 0; i < totalDeArchivos; i++) {
                    if (archivos[i].files.length > 0) {
                        cantidadArchivosAdjuntados++;
                    }
                }
    
                if(cantidadArchivosAdjuntados==0){
                    document.getElementById("errorArchivos").style.display="block";
                    error=true;
                }else{
                    document.getElementById("errorArchivos").style.display="none";
                }
    
                if(error==true){
                    document.getElementById("custom-tabs-one-profile-tab").click();
                }
    
                return  error;
            }
    
            function enviarRespuesta(){
                document.getElementById("botonDeEnvioRespuesta").setAttribute("disabled", true);
                generarLoading('{{asset('img/logo.png')}}')
                let url="";
    
                switch("{{$solicitud->tipo_solicitud}}"){
                    case "Equipamiento":
                        url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';
                        break;
                    case "Revisión Técnica":
                    url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';
                    break;
                    case "Reparación":
                    url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';
                    break;    
                }
    
                if(validarRespuestaDeLaSolicitud()==false){
                    let formData = new FormData();
                    formData.append('fecha_agendamiento', document.getElementById("campoFechaDeAgendamientoDeLaSolicitud").value.trim());
                    formData.append('taller', document.getElementById("campoTallerDeLaSolicitud").value.trim());
                    formData.append('ciudad', document.getElementById("campoCiudadDeLaSolicitud").value.trim());
                    formData.append('hora', document.getElementById("campoHoraDeLaSolicitud").value.trim());
                    if (document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud")) {
                        formData.append('empresa_traslado', document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim());
                    } 
    
                    if (document.getElementById("campoMontoMonetarioDeLaSolicitud")) {
                        formData.append('monto_monetario', document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim());
                    } 
                    formData.append('observacion_respuesta', document.getElementById("campoObservacionRespuestaDeLaSolicitud").value.trim());
                    let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
                    let archivos = document.getElementsByClassName("form-control-file");
                    let asignacionDeIdArchivo = 0;
                    for (let i = 0; i < totalDeArchivos; i++) {
                        if (archivos[i].files.length > 0) {
                            asignacionDeIdArchivo++;
                            formData.append('archivos' + i, archivos[i].files[0]);
                        }
                    }
                    formData.append('totalDeArchivos', asignacionDeIdArchivo);
                    var csrf = '{{ csrf_token() }}';
    
                    $.ajax({
                        url: url,
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                icon: 'success',
                                title: '¡Solicitud Respondida!',
                                text: 'Se respondio la solicitud varias',
                                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("botonDeEnvioRespuesta").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }else{
                    document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                    eliminarLoading()
                }
            }
        </script>
    @endif

    <script>
        function validarRespuestaDeLaSolicitudParaDarDeBaja(){
            error=false;
            let valorFechaDeTraslado=document.getElementById("campoFechaDeTrasladoDeLaSolicitud").value.trim();
            let valorEmpresaDeTraslado=document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim();
            let valorMontoMonetario=document.getElementById("campoMontoMonetarioDeLaSolicitud").value.trim();
            let valorMontoMonetarioFormatoNumero=document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim();

            if(valorFechaDeTraslado.length>0){
                document.getElementById("campoFechaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaDeTrasladoDeLaSolicitud").innerHTML = "";
            }else{
                error=true;
                document.getElementById("campoFechaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaDeTrasladoDeLaSolicitud").innerHTML = "El campo fecha de traslado es obligatorio.";
            }

            if(valorEmpresaDeTraslado.length>0){
                document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "";
            }else{
                error=true;
                document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "El campo empresa de traslado es obligatorio.";
            }

            if(valorMontoMonetario.length>0 && valorMontoMonetarioFormatoNumero.length>0){
                if(parseInt(valorMontoMonetarioFormatoNumero)>0){
                    document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado debe ser mayor que 0.";
                }
            }else{
                error=true;
                document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado es obligatorio.";
            }

            if(error==true){
                document.getElementById("custom-tabs-one-profile-tab").click();
            }

            return  error;
        }

        function enviarRespuestaParaDarDeBaja(){
            document.getElementById("botonDeEnvioRespuesta").setAttribute("disabled", true);
            generarLoading('{{asset('img/logo.png')}}')
            let url="";
            url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';

            if(validarRespuestaDeLaSolicitudParaDarDeBaja()==false){
                let formData = new FormData();
                formData.append('fecha_traslado', document.getElementById("campoFechaDeTrasladoDeLaSolicitud").value.trim());
                formData.append('empresa_traslado', document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim());
                formData.append('monto_monetario', document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim());
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        Swal.fire({
                            icon: 'success',
                            title: '¡Solicitud Respondida!',
                            text: 'Se respondio la solicitud varias',
                            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("botonDeEnvioRespuesta").removeAttribute("disabled");
                        eliminarLoading()
                    },
                    error: function(data) {
                        console.log(data)
                        document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                        eliminarLoading()
                    }
                })
            }else{
                document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                eliminarLoading()
            }
        }
    </script>

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

        function convertirCampoMontoMenatarioHaFormatoNumero(campo) {
            campo.value = document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value;
        }

        function establecerFormatoMonedaAlCampoMontoMenatario(campo) {
            if(document.getElementById("campoMontoMonetarioDeLaSolicitud").value.trim().length>0){
                document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value = campo.value.trim().replace(",", ".");
                let formatoMoneda = new Intl.NumberFormat("es-CL", {
                    style: "currency",
                    currency: "CLP",
                })
                let valor = formatoMoneda.format(campo.value.trim());
                valor = valor.replace("$", "");
                valor = valor.replace("CLP", "");
                campo.value = "CLP $ " + valor;
            }else{
                document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value="0";
                campo.value="CLP $ 0";
            }
        }

        function validarRespuestaDeLaSolicitudTraslado(){
            error=false;
            let valorFechaDeTraslado=document.getElementById("campoFechaTrasladoRespuestaDeLaSolicitud").value.trim();
            let valorEmpresaDeTraslado=document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim();
            let valorMontoMonetario=document.getElementById("campoMontoMonetarioDeLaSolicitud").value.trim();
            let valorMontoMonetarioFormatoNumero=document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim();
            let valorObserbacionRespuesta=document.getElementById("campoObservacionRespuestaDeLaSolicitud").value.trim();

            if(valorFechaDeTraslado.length>0){
                document.getElementById("campoFechaTrasladoRespuestaDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaTrasladoRespuestaDeLaSolicitud").innerHTML = "";
            }else{
                error=true;
                document.getElementById("campoFechaTrasladoRespuestaDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaTrasladoRespuestaDeLaSolicitud").innerHTML = "El campo fecha de traslado es obligatorio.";
            }

            if(valorEmpresaDeTraslado.length>0){
                document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "";
            }else{
                error=true;
                document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoEmpresaDeTrasladoDeLaSolicitud").innerHTML = "El campo empresa de traslado es obligatorio.";
            }

            if(valorMontoMonetario.length>0 && valorMontoMonetarioFormatoNumero.length>0){
                if(parseInt(valorMontoMonetarioFormatoNumero)>0){
                    document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado debe ser mayor que 0.";
                }
            }else{
                error=true;
                document.getElementById("campoMontoMonetarioDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMontoMonetarioDeLaSolicitud").innerHTML = "El campo costo traslado es obligatorio.";
            }

            if(valorObserbacionRespuesta.length>0){
                document.getElementById("campoObservacionRespuestaDeLaSolicitud").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoObservacionRespuestaDeLaSolicitud").innerHTML = "";
            }else{
                error=true;
                document.getElementById("campoObservacionRespuestaDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoObservacionRespuestaDeLaSolicitud").innerHTML = "El campo observación es obligatorio.";
            }

            /*let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
            let archivos = document.getElementsByClassName("form-control-file");
            let cantidadArchivosAdjuntados = 0;
            for (let i = 0; i < totalDeArchivos; i++) {
                if (archivos[i].files.length > 0) {
                    cantidadArchivosAdjuntados++;
                }
            }

            if(cantidadArchivosAdjuntados==0){
                document.getElementById("errorArchivos").style.display="block";
                error=true;
            }else{
                document.getElementById("errorArchivos").style.display="none";
            }*/

            if(error==true){
                document.getElementById("custom-tabs-one-profile-tab").click();
            }

            return  error;
        }

        function enviarRespuestaTraslado(){
            document.getElementById("botonDeEnvioRespuesta").setAttribute("disabled", true);
            generarLoading('{{asset('img/logo.png')}}')
            let url="";
            url='{{ route('solicitud-varias-vehiculo.store-responder-solicitud',$solicitud) }}';

            if(validarRespuestaDeLaSolicitudTraslado()==false){
                let formData = new FormData();
                formData.append('fecha_traslado_respuesta', document.getElementById("campoFechaTrasladoRespuestaDeLaSolicitud").value.trim());
                formData.append('empresa_traslado', document.getElementById("campoEmpresaDeTrasladoDeLaSolicitud").value.trim());
                formData.append('monto_monetario', document.getElementById("campoMontoMonetarioFormatoNumeroDeLaSolicitud").value.trim());
                formData.append('observacion_respuesta', document.getElementById("campoObservacionRespuestaDeLaSolicitud").value.trim());
                let totalDeArchivos = document.getElementsByClassName("form-control-file").length;
                let archivos = document.getElementsByClassName("form-control-file");
                let asignacionDeIdArchivo = 0;
                for (let i = 0; i < totalDeArchivos; i++) {
                    if (archivos[i].files.length > 0) {
                        asignacionDeIdArchivo++;
                        formData.append('archivos' + i, archivos[i].files[0]);
                    }
                }
                formData.append('totalDeArchivos', asignacionDeIdArchivo);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    url: url,
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        Swal.fire({
                            icon: 'success',
                            title: '¡Solicitud Respondida!',
                            text: 'Se respondio la solicitud varias',
                            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("botonDeEnvioRespuesta").removeAttribute("disabled");
                        eliminarLoading()
                    },
                    error: function(data) {
                        console.log(data)
                        document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                        eliminarLoading()
                    }
                })
            }else{
                document.getElementById("botonDeEnvioRespuesta").removeAttribute("disabled");
                eliminarLoading()
            }
        }
    </script>
@stop