@extends('adminlte::page')

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


@section('title', 'Intranet | Cerrar 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 Cierre</a>
                            </li>
                        </ul>
                    </div>
    
                    <form id="formularioDeSolicitudVariasCierre">
                        @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">
                                    @if ($solicitud->tipo_solicitud=='Dar de baja')
                                        <div @if ($solicitud->traslado_vehiculo=="Si") class="contenedorTresCamposPorFilaEnLosFormulario" @elseif($solicitud->traslado_vehiculo=="No") class="contenedorDosCamposPorFilaEnLosFormulario" @endif>
                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos Tipo De Solicitud</legend>

                                                <div class="form-group">
                                                    <label for="campoTrasladoVehiculoDeLaSolicitud">Traslado Del Vehículo </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>

                                            </fieldset>

                                            @if ($solicitud->traslado_vehiculo=="Si")
                                                <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                    <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos De La Respuesta De La Solicitud</legend>
                                                    <div class="form-group">
                                                        <label for="campoFechaDeTrasladoDeLaSolicitud">Fecha De Traslado </label>
                                                        <input type="text" class="form-control" id="campoFechaDeTrasladoDeLaSolicitud" name="fecha_traslado" value="{{ old('fecha_traslado', fechaConFormatoDeChile($solicitud->fecha_traslado)) }}" readonly="true">
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoEmpresaDeTrasladoDeLaSolicitud">Empresa De Traslado </label>
                                                        <input type="text" class="form-control" id="campoEmpresaDeTrasladoDeLaSolicitud" name="empresa_traslado" value="{{ old('empresa_traslado', $solicitud->empresa_traslado) }}" readonly="true">
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="campoMontoMonetarioDeLaSolicitud">Costo Traslado </label>
                                                        <input type="text" class="form-control" id="campoMontoMonetarioDeLaSolicitud" name="monto_monetario" value="{{ old('monto_monetario', 'CLP $ '.formatoMoneda($solicitud->monto_monetario,'CLP')) }}" readonly="true">
                                                    </div>
                                                </fieldset>
                                            @endif

                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Formulario De Cierre</legend>

                                                <div class="form-group">
                                                    <label for="campoFechaDeDevolucionDeLaSolicitud">Fecha De Devolución </label>
                                                    <input type="date" class="form-control" id="campoFechaDeDevolucionDeLaSolicitud" name="fecha_devolucion">
                                                    <div class="invalid-feedback" id="validacionCampoFechaDeDevolucionDeLaSolicitud"></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 cerrar 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>
                                            </fieldset>
                                        </div>
                                    @elseif($solicitud->tipo_solicitud=='Mantención')
                                        <div class="contenedorTresCamposPorFilaEnLosFormulario">
                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos Tipo De Solicitud</legend>
                                                    <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="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>
                                            </fieldset>
    
                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos De La Respuesta De La Solicitud</legend>
                                                    <div class="form-group">
                                                        <label for="campoFechaDeAgendamientoDeLaSolicitud">Fecha De Agendamiento </label>
                                                        <input type="text" class="form-control" id="campoFechaDeAgendamientoDeLaSolicitud" name="fecha_agendamiento" value="{{ old('fecha_agendamiento', fechaConFormatoDeChile($solicitud->fecha_agendamiento)) }}" readonly="true">
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoTallerDeLaSolicitud">Taller </label>
                                                        <input type="text" class="form-control" id="campoTallerDeLaSolicitud" name="taller" value="{{ old('taller', $solicitud->taller) }}" readonly="true">
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoCiudadDeLaSolicitud">Ciudad </label>
                                                        <input type="text" class="form-control" id="campoCiudadDeLaSolicitud" name="ciudad" value="{{ old('ciudad', $solicitud->ciudad) }}" readonly="true">
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoHoraDeLaSolicitud">Hora</label>
                                                        <div class="input-group">
                                                            <input  type="text" class="form-control" id="campoHoraDeLaSolicitud" name="hora" value="{{ old('hora', $solicitud->hora) }}" readonly="true" >
                                                            <div class="input-group-append">
                                                                <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                                            </div>
                                                        </div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoObservacionRespuestaDeLaSolicitud">Observación De La Respuesta</label>
                                                        <textarea class="form-control" id="campoObservacionRespuestaDeLaSolicitud" name="observacion_respuesta" rows="3" readonly="true">{{ old('observacion_respuesta', $solicitud->observacion_respuesta) }}</textarea>
                                                    </div>
    
                                                    <div class="dt-responsive table-responsive">
                                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos-en-procesos">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th>Acción</th>
                                                                    <th>Archivo</th>
                                                                    <th>Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="registroDeArchivosEnProcesos">
                                                                @if (count($solicitud->ArchivosEnProcesos)>0)
                                                                    @foreach ($solicitud->ArchivosEnProcesos as $archivo)
                                                                        <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">
                                                                                        @if (validarSiElArchivoSePuedeVisualizar(strtolower($archivo->extension))==true)
                                                                                            <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoDeLaSolicitudVaria('{{ $archivo->nombre_archivo }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)) }}','{{ $archivo->id_solicitud_varia }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                                        @endif
                                                                                        <a class="dropdown-item" href="{{ route('solicitud-varias-vehiculo.descargar-archivo', $archivo) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                            <td>{{$archivo->nombre_archivo}}</td>
                                                                            <td>{{retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)}}</td>
                                                                        </tr>
                                                                    @endforeach
                                                                @else
                                                                    <tr id="archivosEnProcesosNoDisponibleEnLaTabla">
                                                                        <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                                    </tr>
                                                                @endif
                                                            </tbody>
                                                        </table>
                                                    </div>
                                            </fieldset>
    
                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Formulario De Cierre</legend>
    
                                                <div class="form-group">
                                                    <label for="campoFechaDeInduccionDeLaSolicitud">Fecha Inducción de Mantención </label>
                                                    <input type="date" class="form-control" id="campoFechaDeInduccionDeLaSolicitud" name="fecha_induccion_mantencion">
                                                    <div class="invalid-feedback" id="validacionCampoFechaDeInduccionDeLaSolicitud"></div>
                                                </div>

                                                <div class="form-group">
                                                    <label for="campoKilometrajeProximaMantencionSolicitud">Kilometraje Próxima Mantención</label>
                                                    <input type="text" class="form-control" id="campoKilometrajeProximaMantencionSolicitud" name="kilometraje_proxima_mantencion_nuevo" onkeypress="return filtrarCamposParaQueSoloIngreseNumeros(event,this)" onpaste="return false;" onCopy="return false" onCut="return false">
                                                    <div class="invalid-feedback" id="validacionCampoKilometrajeProximaMantencionSolicitud">
        
                                                    </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 cerrar 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>
                                            </fieldset>
                                        </div>
                                    @elseif($solicitud->tipo_solicitud=='Revisión Técnica')
                                        <div class="contenedorTresCamposPorFilaEnLosFormulario">
                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos Tipo De Solicitud</legend>
                                                <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>
    
                                                <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>
    
                                                <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>
    
                                                <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>
                                            </fieldset>
    
                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Datos De La Respuesta De La Solicitud</legend>
                                                    <div class="form-group">
                                                        <label for="campoFechaDeAgendamientoDeLaSolicitud">Fecha De Agendamiento </label>
                                                        <input type="text" class="form-control" id="campoFechaDeAgendamientoDeLaSolicitud" name="fecha_agendamiento" value="{{ old('fecha_agendamiento', fechaConFormatoDeChile($solicitud->fecha_agendamiento)) }}" readonly="true">
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoTallerDeLaSolicitud">Taller </label>
                                                        <input type="text" class="form-control" id="campoTallerDeLaSolicitud" name="taller" value="{{ old('taller', $solicitud->taller) }}" readonly="true">
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoCiudadDeLaSolicitud">Ciudad </label>
                                                        <input type="text" class="form-control" id="campoCiudadDeLaSolicitud" name="ciudad" value="{{ old('ciudad', $solicitud->ciudad) }}" readonly="true">
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoHoraDeLaSolicitud">Hora</label>
                                                        <div class="input-group">
                                                            <input  type="text" class="form-control" id="campoHoraDeLaSolicitud" name="hora" value="{{ old('hora', $solicitud->hora) }}" readonly="true" >
                                                            <div class="input-group-append">
                                                                <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                                            </div>
                                                        </div>
                                                    </div>
            
                                                    <div class="form-group">
                                                        <label for="campoObservacionRespuestaDeLaSolicitud">Observación De La Respuesta</label>
                                                        <textarea class="form-control" id="campoObservacionRespuestaDeLaSolicitud" name="observacion_respuesta" rows="3" readonly="true">{{ old('observacion_respuesta', $solicitud->observacion_respuesta) }}</textarea>
                                                    </div>
    
                                                    <div class="dt-responsive table-responsive">
                                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-archivos-en-procesos">
                                                            <thead>
                                                                <tr role="row">
                                                                    <th>Acción</th>
                                                                    <th>Archivo</th>
                                                                    <th>Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="registroDeArchivosEnProcesos">
                                                                @if (count($solicitud->ArchivosEnProcesos)>0)
                                                                    @foreach ($solicitud->ArchivosEnProcesos as $archivo)
                                                                        <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">
                                                                                        @if (validarSiElArchivoSePuedeVisualizar(strtolower($archivo->extension))==true)
                                                                                            <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistradoDeLaSolicitudVaria('{{ $archivo->nombre_archivo }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)) }}','{{ $archivo->id_solicitud_varia }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                                        @endif
                                                                                        <a class="dropdown-item" href="{{ route('solicitud-varias-vehiculo.descargar-archivo', $archivo) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                            <td>{{$archivo->nombre_archivo}}</td>
                                                                            <td>{{retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)}}</td>
                                                                        </tr>
                                                                    @endforeach
                                                                @else
                                                                    <tr id="archivosEnProcesosNoDisponibleEnLaTabla">
                                                                        <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                                    </tr>
                                                                @endif
                                                            </tbody>
                                                        </table>
                                                    </div>
                                            </fieldset>
    
                                            <fieldset class="fieldset-color-azul" id="fieldsetArticulo">
                                                <legend class="titulo-fieldset-color-azul" id="legendArticulo">Formulario De Cierre</legend>
    
                                                <div class="form-group">
                                                    <label for="campoFechaDeInduccionDeLaSolicitud">Año <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                                    <input type="text" class="form-control" id="campoAnoDeLaSolicitud" name="ano">
                                                    <div class="invalid-feedback" id="validacionCampoAnoDeLaSolicitud"></div>
                                                </div>

                                                <div class="form-group">
                                                    <label for="campoFechaDeVencimientoDeLaSolicitud">Fecha Vencimiento </label>
                                                    <input type="date" class="form-control" id="campoFechaDeVencimientoDeLaSolicitud" name="fecha_vencimiento_cierre">
                                                    <div class="invalid-feedback" id="validacionCampoFechaDeVencimientoDeLaSolicitud"></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 cerrar 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>
                                            </fieldset>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
    
                        <div class=" card-footer">
                            @if ($solicitud->tipo_solicitud=='Dar de baja')
                                <button type="button" class="btn btn-primary" onclick="cerrarSolicitud()" id="botonCerrarSolicitud"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud</button>
                            @elseif($solicitud->tipo_solicitud=='Mantención')
                                <button type="button" class="btn btn-primary" onclick="cerrarSolicitud()" id="botonCerrarSolicitud"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud</button>
                            @elseif($solicitud->tipo_solicitud=='Revisión Técnica')
                                <button type="button" class="btn btn-primary" onclick="cerrarSolicitud()" id="botonCerrarSolicitud"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud</button>
                            @endif
                            <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>
    <script>
        if(document.getElementById("campoAnoDeLaSolicitud")){
            $('#campoAnoAdjuntarDocumentos').inputmask({
                mask: '9999',
                clearIncomplete: false,
                placeholder: "",
            });
        }
    </script>

    <script>
        function visualizarArchivoRegistradoDeLaSolicitudVaria(nombreArchivo, tipo, idSolicitud) {
            let rutaUrl = 'storage/solicitud-varia/' + idSolicitud + '/' + nombreArchivo;
            let url = '{{ asset('') }}';
            url = url + rutaUrl;

            if (tipo.toLowerCase() == "imagen") {
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                '<img src="' + url + '" style="max-width: 100%;">';
            }else if(tipo == "pdf"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }else if(tipo == "archivo de texto"){
                document.getElementById("modalContenidoModalVisualizarArchivo").innerHTML =
                    '<iframe src="' + url + '" style="width:95%; height:600px;"></iframe>';
            }

            document.getElementById("modalTituloVisualizarArchivo").innerHTML = nombreArchivo;
            $("#modalVisualizarArchivo").modal("show");
        }
        
        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=='Dar de baja')
        <script>
            function validarCierreDeLaSolicitud(){
                error=false;
                let valorFechaDeDevolucion=document.getElementById("campoFechaDeDevolucionDeLaSolicitud").value.trim();
    
                if(valorFechaDeDevolucion.length>0){
                    document.getElementById("campoFechaDeDevolucionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFechaDeDevolucionDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoFechaDeDevolucionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeDevolucionDeLaSolicitud").innerHTML = "El campo fecha de devolució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 cerrarSolicitud(){
                document.getElementById("botonCerrarSolicitud").setAttribute("disabled", true);
                generarLoading('{{asset('img/logo.png')}}')
                let url="";
                url='{{ route('solicitud-varias-vehiculo.cerrar-formulario',$solicitud) }}';
                if(validarCierreDeLaSolicitud()==false){
                    let formData = new FormData();
                    formData.append('fecha_devolucion', document.getElementById("campoFechaDeDevolucionDeLaSolicitud").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 Cerrada!',
                                text: 'Se cerro 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("botonCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }else{
                    document.getElementById("botonCerrarSolicitud").removeAttribute("disabled");
                    eliminarLoading()
                }
            }
        </script>
    @elseif($solicitud->tipo_solicitud=='Mantención')
        <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 validarCierreDeLaSolicitud(){
                error=false;
                let valorFechaDeInduccion=document.getElementById("campoFechaDeInduccionDeLaSolicitud").value.trim();
                let valorKilometrajeProximaMantencion=document.getElementById("campoKilometrajeProximaMantencionSolicitud").value.trim();
    
                if(valorFechaDeInduccion.length>0){
                    document.getElementById("campoFechaDeInduccionDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFechaDeInduccionDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoFechaDeInduccionDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeInduccionDeLaSolicitud").innerHTML = "El campo fecha inducción de mantención es obligatorio.";
                }

                if(valorKilometrajeProximaMantencion.length>0){
                    if(parseInt(valorKilometrajeProximaMantencion)>0){
                        let ultimaMantencion=document.getElementById("campoProximaMantecionKilometrajeDeLaSolicitud").value.trim();
                        if(ultimaMantencion.length>0){
                            if(parseInt(valorKilometrajeProximaMantencion)>parseInt(ultimaMantencion)){
                                document.getElementById("campoKilometrajeProximaMantencionSolicitud").setAttribute("class", "form-control is-valid");
                                document.getElementById("validacionCampoKilometrajeProximaMantencionSolicitud").innerHTML = "";
                            }else{
                                error=true;
                                document.getElementById("campoKilometrajeProximaMantencionSolicitud").setAttribute("class", "form-control is-invalid");
                                document.getElementById("validacionCampoKilometrajeProximaMantencionSolicitud").innerHTML = "El campo kilometraje próxima mantención debe ser mayor que el campo kilometraje próxima mantención anterior que su valor es "+ultimaMantencion+".";
                            }
                        }else{
                            document.getElementById("campoKilometrajeProximaMantencionSolicitud").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoKilometrajeProximaMantencionSolicitud").innerHTML = "";
                        }
                    }else{
                        error=true;
                        document.getElementById("campoKilometrajeProximaMantencionSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoKilometrajeProximaMantencionSolicitud").innerHTML = "El campo kilometraje próxima mantención debe ser mayor que 0.";
                    }
                }else{
                    error=true;
                    document.getElementById("campoKilometrajeProximaMantencionSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoKilometrajeProximaMantencionSolicitud").innerHTML = "El campo kilometraje próxima mantenció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 cerrarSolicitud(){
                document.getElementById("botonCerrarSolicitud").setAttribute("disabled", true);
                generarLoading('{{asset('img/logo.png')}}')
                let url="";
                url='{{ route('solicitud-varias-vehiculo.cerrar-formulario',$solicitud) }}';
                if(validarCierreDeLaSolicitud()==false){
                    let formData = new FormData();
                    formData.append('fecha_induccion_mantencion', document.getElementById("campoFechaDeInduccionDeLaSolicitud").value.trim());
                    formData.append('kilometraje_proxima_mantencion_nuevo', document.getElementById("campoKilometrajeProximaMantencionSolicitud").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 Cerrada!',
                                text: 'Se cerro 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("botonCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }else{
                    document.getElementById("botonCerrarSolicitud").removeAttribute("disabled");
                    eliminarLoading()
                }
            }
        </script> 
    @elseif($solicitud->tipo_solicitud=='Revisión Técnica') 
        <script>
            function validarCierreDeLaSolicitud(){
                error=false;
                let valorAno=document.getElementById("campoAnoDeLaSolicitud").value.trim();
                let valorFechaDeVencimiento=document.getElementById("campoFechaDeVencimientoDeLaSolicitud").value.trim();
    
                if(valorAno.length>0){
                    if(valorAno.length>3){
                        document.getElementById("campoAnoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoAnoDeLaSolicitud").innerHTML = "";
                    }else{
                        error=true;
                        document.getElementById("campoAnoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoAnoDeLaSolicitud").innerHTML = "Cuando el campo año contiene datos debe tener 4 caracteres.";
                    }
                }else{
                    document.getElementById("campoAnoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoAnoDeLaSolicitud").innerHTML = "";
                }

                if(valorFechaDeVencimiento.length>0){
                    document.getElementById("campoFechaDeVencimientoDeLaSolicitud").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoFechaDeVencimientoDeLaSolicitud").innerHTML = "";
                }else{
                    error=true;
                    document.getElementById("campoFechaDeVencimientoDeLaSolicitud").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoFechaDeVencimientoDeLaSolicitud").innerHTML = "El campo fecha vencimiento 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 cerrarSolicitud(){
                document.getElementById("botonCerrarSolicitud").setAttribute("disabled", true);
                generarLoading('{{asset('img/logo.png')}}')
                let url="";
                url='{{ route('solicitud-varias-vehiculo.cerrar-formulario',$solicitud) }}';
                if(validarCierreDeLaSolicitud()==false){
                    let formData = new FormData();
                    if(document.getElementById("campoAnoDeLaSolicitud").value.trim().length>0){
                        formData.append('ano', document.getElementById("campoAnoDeLaSolicitud").value.trim()+"-01-01");
                    }else{
                        formData.append('ano', document.getElementById("campoAnoDeLaSolicitud").value.trim());
                    }
                    formData.append('fecha_vencimiento_cierre', document.getElementById("campoFechaDeVencimientoDeLaSolicitud").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 Cerrada!',
                                text: 'Se cerro 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("botonCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                }else{
                    document.getElementById("botonCerrarSolicitud").removeAttribute("disabled");
                    eliminarLoading()
                }
            }
        </script> 
    @endif
@stop