@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle De 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-aspen card-tabs">


                    @if ($solicitud->estado == 'Cerrada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-success">
                                {{ $solicitud->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($solicitud->estado == 'Abierta')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-danger">
                                {{ $solicitud->estado }}
                            </div>
                        </div>
                    @endif


                    @if ($solicitud->estado == 'Anulada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info">
                                {{ $solicitud->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($solicitud->estado == 'En Proceso De Cierre')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-primary">
                                {{ $solicitud->estado }}
                            </div>
                        </div>
                    @endif


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

                    <form id="formularioDeSolicitudNuevoVehiculo">
                        @csrf
                        <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>

                                        <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

                                    @if (Gate::check('camioneta.index') || Gate::check('camioneta.index-empresas') || Gate::check('camioneta.index-centros-costos') || Gate::check('camioneta.index-sucursal'))
                                        <a href="{{ route('camioneta.show', $solicitud->camioneta) }}" role="button" class="btn btn-aspen"><i class="fas fa-truck-pickup" style="margin-right: 2px;"></i> Detalle Vehículo</a>
                                    @endif
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    @switch($solicitud->tipo_solicitud)
                                        @case('Equipamiento')
                                            <div class="form-group">
                                                <label for="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('Mantención')
                                            <div class="form-group">
                                                <label for="campoProximaMantecionKilometrajeDeLaSolicitud">Próxima Mantención Por Kilometraje Del Vehículo Cuando Se Registro La Solicitud Varias</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>

                                            @if (isset($solicitud->fecha_proxima_mantencion))
                                                <div class="form-group">
                                                    <label for="campoProximaMantecionFechaDeLaSolicitud">Próxima Mantención Por Fecha Del Vehículo Cuando Se Registro La Solicitud Varias</label>
                                                    <input type="text" class="form-control" id="campoProximaMantecionFechaDeLaSolicitud" name="fecha_proxima_mantencion" value="{{ old('fecha_proxima_mantencion', fechaConFormatoDeChile($solicitud->fecha_proxima_mantencion)) }}" readonly="true">
                                                </div>
                                            @else
                                                <div class="form-group">
                                                    <label for="campoProximaMantecionFechaDeLaSolicitud">Próxima Mantención Por Fecha Del Vehículo Cuando Se Registro La Solicitud Varias</label>
                                                    <input type="text" class="form-control" id="campoProximaMantecionFechaDeLaSolicitud" name="fecha_proxima_mantencion" readonly="true">
                                                </div>
                                            @endif

                                            <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">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="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">Requerimiento </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('Revisión Técnica')
                                            <div class="form-group">
                                                <label for="campoLugarPreferenciaRevisionTecnicaDeLaSolicitud">Lugar De Preferencia Para La Revició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="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('Dar de baja')
                                            <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">Observación</label>
                                                <textarea class="form-control" id="campoObservacionDeLaSolicitud" name="observacion" rows="3" readonly="true">{{ old('observacion', $solicitud->observacion) }}</textarea>
                                            </div>
                                        @break

                                        @case('Cambio centro de costo')
                                            <div class="form-group">
                                                <label for="campoCentroDeCostoAnteriorDeLaSolicitud"> Centro De Costo Anterior </label>
                                                <input type="text" class="form-control" id="campoCentroDeCostoAnteriorDeLaSolicitud" name="id_centro_costo_viejo" value="{{ old('id_centro_costo_viejo ', $solicitud->centroDeCostoAnterior->centro_costo) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="campoCentroDeCostoDeLaSolicitud">Nuevo Centro De Costo </label>
                                                <input type="text" class="form-control" id="campoCentroDeCostoDeLaSolicitud" name="id_centro_costo" value="{{ old('id_centro_costo', $solicitud->centroDeCosto->centro_costo) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="campoFechaDelCambioDeLaSolicitud">Fecha Del Cambio </label>
                                                <input type="text" class="form-control" id="campoFechaDelCambioDeLaSolicitud" name="fecha_cambio" value="{{ old('fecha_cambio', fechaConFormatoDeChile($solicitud->fecha_cambio)) }}" 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
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            @switch($solicitud->tipo_solicitud)
                                @case('Equipamiento')
                                    @if ($solicitud->estado == 'Abierta')
                                        @if (Gate::check('solicitud-varias-camioneta.cerrar'))
                                            <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                        @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal'))
                                            @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                            @endif
                                        @endif
                                    @endif
                                @break

                                @case('Mantención')
                                    @if ($solicitud->tipo_mantencion == 'Mantención Por Kilometraje')
                                        @if (Gate::check('solicitud-varias-camioneta.cerrar'))
                                            <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                        @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal'))
                                            @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                            @endif
                                        @endif
                                    @elseif($solicitud->tipo_mantencion == 'Mantención Por Fecha')
                                        @if (Gate::check('solicitud-varias-camioneta.cerrar'))
                                            <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                        @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal'))
                                            @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                            @endif
                                        @endif
                                    @endif
                                @break

                                @case('Reparación')
                                    @if ($solicitud->estado == 'Abierta')
                                        @if (Gate::check('solicitud-varias-camioneta.cerrar'))
                                            <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                        @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal'))
                                            @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                            @endif
                                        @endif
                                    @endif
                                @break

                                @case('Revisión Técnica')
                                    @if ($solicitud->estado == 'Abierta')
                                        @if (Gate::check('solicitud-varias-camioneta.cerrar'))
                                            <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                        @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal'))
                                            @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                <button type="button" class="btn btn-aspen" id="botonDeCerrarSolicitud" onclick="cerrarSolicitudVarias()"><i class="fas fa-check-circle" style="margin-right: 2px;"></i> Cerrar Solicitud </button>
                                            @endif
                                        @endif
                                    @endif
                                @break

                                @case('Dar de baja')
                                    @if ($solicitud->estado == 'Abierta')
                                        @if (Gate::check('solicitud-varias-camioneta.cerrar'))
                                            <button type="button" class="btn btn-danger" id="botonDeDarDeBaja" onclick="darDeBajaElVehiculo()"><i class="fas fa-times-circle" style="margin-right: 2px;"></i> Solicitar Dar De Baja El Vehículo </button>
                                        @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal'))
                                            @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                <button type="button" class="btn btn-danger" id="botonDeDarDeBaja" onclick="darDeBajaElVehiculo()"><i class="fas fa-times-circle" style="margin-right: 2px;"></i> Solicitar Dar De Baja El Vehículo </button>
                                            @endif
                                        @endif
                                    @elseif($solicitud->estado == 'En Proceso De Cierre')
                                        @if (Gate::check('solicitud-varias-camioneta.cerrar-segunda'))
                                            <button type="button" class="btn btn-danger" id="botonDeDarDeBaja" onclick="darDeBajaElVehiculoSegundaEtapa()"><i class="fas fa-times-circle" style="margin-right: 2px;"></i> Dar De Baja El Vehículo </button>
                                        @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal-segunda'))
                                            @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                <button type="button" class="btn btn-danger" id="botonDeDarDeBaja" onclick="darDeBajaElVehiculoSegundaEtapa()"><i class="fas fa-times-circle" style="margin-right: 2px;"></i> Dar De Baja El Vehículo </button>
                                            @endif
                                        @endif
                                    @endif
                                @break

                                @case('Cambio centro de costo')
                                    @if (IndicarFechaMayorEntreDosFecha(date('Y-m-d'), $solicitud->fecha_cambio) == true)
                                        @if ($solicitud->estado == 'Abierta')
                                            @if (Gate::check('solicitud-varias-camioneta.cerrar'))
                                                <button type="button" class="btn btn-aspen" id="botonCambioCentroDeCosto" onclick="cambiarCentroDeCostoDelVehiculo()"><i class="fas fa-tag" style="margin-right: 2px;"></i> Cambiar Centro De Costo Del Vehículo </button>
                                            @elseif(Gate::check('solicitud-varias-camioneta.cerrar-sucursal'))
                                                @if ($solicitud->sucursal == auth()->user()->sucursal)
                                                    <button type="button" class="btn btn-aspen" id="botonCambioCentroDeCosto" onclick="cambiarCentroDeCostoDelVehiculo()"><i class="fas fa-tag" style="margin-right: 2px;"></i> Cambiar Centro De Costo Del Vehículo </button>
                                                @endif
                                            @endif
                                        @endif
                                    @endif
                                @break

                            @endswitch
                            @if ($solicitud->estado == 'Abierta')
                                @if (Gate::check('solicitud-varias-camioneta.anular'))
                                    <button type="button" class="btn btn-info" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo() "><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud </button>
                                @elseif(Gate::check('solicitud-varias-camioneta.anular-sucursal'))
                                    @if ($solicitud->sucursal == auth()->user()->sucursal)
                                        <button type="button" class="btn btn-info" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo() "><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud </button>
                                    @endif
                                @endif
                            @endif
                            <a href="{{ route('solicitud-varias-vehiculo.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalFormularioanulacionSolicitud" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioModalAnulacionSolicitud">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Anular Solicitud Varias {{ $solicitud->correlativo }}</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 class="form-group">
                            <label>Motivo De La Anulación</label>
                            <textarea class="form-control" id="campoObservacionModalAnulacion" name="observacion" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoObservacionModalAnulacion">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="anularSolicitudVariasDeVehiculo()" id="botonAnulacion">Anular Solicitud Varias</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') }}">
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        function cerrarSolicitudVarias() {
            document.getElementById("botonDeCerrarSolicitud").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud varias de vehículo cambiará su estado ha cerrada",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, cerrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{asset('img/logo.png')}}')
                    var csrf = '{{ csrf_token() }}';

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-varias-vehiculo.cerrar', $solicitud) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitud Cerrada!',
                                    text: 'La solicitud varias de vehículo fue cerrada con éxito',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });

                            document.getElementById("botonDeCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonDeCerrarSolicitud").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                } else {
                    document.getElementById("botonDeCerrarSolicitud").removeAttribute("disabled");
                }
            })
        }

        function darDeBajaElVehiculo() {
            document.getElementById("botonDeDarDeBaja").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "Se solicitara dar de baja el vehículo",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, solicitar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{asset('img/logo.png')}}')
                    var csrf = '{{ csrf_token() }}';

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-varias-vehiculo.dar-de-baja-vehiculo', [$solicitud->camioneta, $solicitud]) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Solicitar Dar De Baja!',
                                    text: 'Se solicito dar de baja el vehículo',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });

                            document.getElementById("botonDeDarDeBaja").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonDeDarDeBaja").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                } else {
                    document.getElementById("botonDeDarDeBaja").removeAttribute("disabled");
                }
            })
        }

        function cambiarCentroDeCostoDelVehiculo() {
            document.getElementById("botonCambioCentroDeCosto").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "El vehículo cambiara su centro de costo",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, cambiar centro de costo!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{asset('img/logo.png')}}')
                    var csrf = '{{ csrf_token() }}';

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-varias-vehiculo.cambio-centro-costo-vehiculo', [$solicitud->camioneta, $solicitud]) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Centro De Costo Cambiado!',
                                    text: 'El vehículo cambio su centro de costo de forma exitosa',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });

                            document.getElementById("botonCambioCentroDeCosto").removeAttribute("disabled");
                            eliminarLoading()
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonCambioCentroDeCosto").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                } else {
                    document.getElementById("botonCambioCentroDeCosto").removeAttribute("disabled");
                }
            })
        }

        function darDeBajaElVehiculoSegundaEtapa() {
            document.getElementById("botonDeDarDeBaja").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "El vehículo sera dado de baja",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, dar de baja!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{asset('img/logo.png')}}')
                    var csrf = '{{ csrf_token() }}';

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-varias-vehiculo.dar-de-baja-vehiculo-segunda-etapa', [$solicitud->camioneta, $solicitud]) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Vehículo Dado De Baja!',
                                    text: 'El vehículo fue dado de baja de forma exitosa',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });

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

    <script>
        function abrirModalAnulacionSolicitudDeNuevoVehiculo() {
            document.getElementById("campoObservacionModalAnulacion").value = "";
            document.getElementById("validacionCampoObservacionModalAnulacion").innerHTML = "";
            document.getElementById("campoObservacionModalAnulacion").setAttribute("class", "form-control");
            $("#modalFormularioanulacionSolicitud").modal("show");
        }

        function anularSolicitudVariasDeVehiculo() {
            document.getElementById("botonAnulacion").setAttribute("disabled", true);
            if (document.getElementById("campoObservacionModalAnulacion").value.trim().length > 0) {
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud varias de vehículo cambiará su estado ha anulada",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, anular!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{asset('img/logo.png')}}')
                        var datosFormulario = $("#formularioModalAnulacionSolicitud").serialize();
                        var csrf = '{{ csrf_token() }}';
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('solicitud-varias-vehiculo.anular', $solicitud) }}',
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Anulada!',
                                        text: 'La solicitud varias de vehículo cambio de estado ha anulada',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                console.log(data)
                                entById("botonAnulacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })

                    } else {
                        document.getElementById("botonAnulacion").removeAttribute("disabled");
                    }
                })
            } else {
                document.getElementById("botonAnulacion").removeAttribute("disabled");
                document.getElementById("campoObservacionModalAnulacion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoObservacionModalAnulacion").innerHTML = "El campo motivo de anulación es obligatorio para cambiar el estado ha anulada.";
            }
        }
    </script>
@stop