@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Solicitud De Nuevos Vehículos')

@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 == 'Pendiente')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-secondary" id="estadoDeLaOrdenDeCompra">
                                {{ $solicitud->estado }}
                            </div>
                        </div>
                    @endif

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

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

                    @if ($solicitud->estado == 'Anulada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info" id="estadoDeLaOrdenDeCompra">
                                {{ $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">Vehículos</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>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>

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

                                        <div class="form-group">
                                            <label>Fecha Solicitud</label>
                                            <input type="date" class="form-control" name="fecha_solicitud" value="{{ old('fecha_solicitud', fechaConFormatoDeUSA($solicitud->created_at)) }}" readonly="true">
                                        </div>
                                    </div>


                                    @if ($solicitud->estado == 'Rechazada')
                                        <div class="form-group" id="ContenedorMotivoRechazo">
                                            <label style="color:#dc3545">Motivo Del Rechazo</label>
                                            <textarea style="background-color:#E8C3C6;" class="form-control" rows="3" id="motivoRechazoTextArea" readonly="true">{{ $solicitud->observacion_estado }}</textarea>
                                        </div>
                                    @endif

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

                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <div class="alert alert-danger" role="alert" style="display: none;" id="errorTablaVehiculos">

                                    </div>
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-vehiculos">
                                            <thead>
                                                <tr role="row">
                                                    <th>Acción</th>
                                                    <th>Faena</th>
                                                    <th>Cantidad</th>
                                                    <th>Tracción</th>
                                                    <th>Tipo De Vehículo</th>
                                                    <th>Llave de Combustible</th>
                                                    <th>KMS/Mensual</th>
                                                    <th>Tipo Estándar</th>
                                                    <th>Tipo De Moneda</th>
                                                    <th>Tarifa Presupuestada (Mensual)</th>
                                                    <th>Período de arriendo - Plazo (meses)</th>
                                                    <th>Fecha Tentativa Inicio De Arriendo</th>
                                                    <th>Fecha Termino Del Contrato Comercial</th>
                                                    <th>Avances De Vehículo Creados</th>
                                                    <th>Estado</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registroVehiculos">
                                                @php
                                                    $itemConVehiculoCreados = false;
                                                @endphp
                                                @foreach ($solicitud->elementos as $vehiculo)
                                                    @php
                                                        if (count($vehiculo->detallesVehiculos) > 0) {
                                                            $itemConVehiculoCreados = true;
                                                        }
                                                        
                                                        if ($vehiculo->estado == 'Anulada') {
                                                            $cantidaDeVehiculosCreados = $vehiculo->cantidad;
                                                        } else {
                                                            $cantidaDeVehiculosCreados = count($vehiculo->detallesVehiculos);
                                                        }
                                                        $cantidadTotalDeVehiculosSolicitud = $vehiculo->cantidad;
                                                        if ($cantidaDeVehiculosCreados > 0) {
                                                            $porcentajeDeVehiculosCompletos = $cantidaDeVehiculosCreados / $cantidadTotalDeVehiculosSolicitud;
                                                        } else {
                                                            $porcentajeDeVehiculosCompletos = 0;
                                                        }
                                                        $porcentajeDeVehiculosCompletos = $porcentajeDeVehiculosCompletos * 100;
                                                        $barraDeProgresoDeVehiculosCompletos = '';
                                                        if ($cantidadTotalDeVehiculosSolicitud == $cantidaDeVehiculosCreados) {
                                                            $barraDeProgresoDeVehiculosCompletos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeDeVehiculosCompletos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeVehiculosCreados . '/' . $cantidadTotalDeVehiculosSolicitud . '</span></div>';
                                                        } else {
                                                            if ($cantidaDeVehiculosCreados > 0) {
                                                                $barraDeProgresoDeVehiculosCompletos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeDeVehiculosCompletos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeVehiculosCreados . '/' . $cantidadTotalDeVehiculosSolicitud . '</span></div>';
                                                            } else {
                                                                $barraDeProgresoDeVehiculosCompletos = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeDeVehiculosCompletos . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeVehiculosCreados . '/' . $cantidadTotalDeVehiculosSolicitud . '</span></div>';
                                                            }
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td>
                                                            @if ($vehiculo->estado == 'Abierta' && $solicitud->estado == 'Aprobada')
                                                                @if (Gate::check('camioneta.create') || Gate::check('camioneta.create-solicitud'))
                                                                    <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 (isset($vehiculo->observacion))
                                                                                <a class="dropdown-item" href="#" onclick="detalleDelCampoObservacion('{{ $vehiculo->observacion }}')"><i class="fas fa-eye" aria-hidden="true"></i> Observación</a>
                                                                            @endif

                                                                            @if (isset($vehiculo->equipo_adicional))
                                                                                <a class="dropdown-item" href="#" onclick="detalleDelCampoEquipamientoAdicional('{{ $vehiculo->equipo_adicional }}')"><i class="fas fa-tools" aria-hidden="true"></i> Equipamiento Adicional</a>
                                                                            @endif

                                                                            @if (Gate::check('camioneta.index') || Gate::check('camioneta.index-empresas') || Gate::check('camioneta.index-centros-costos') || Gate::check('camioneta.index-sucursal'))
                                                                                @foreach ($vehiculo->detallesVehiculos as $detalleVe)
                                                                                    <a class="dropdown-item" href="{{ route('camioneta.show', $detalleVe->camioneta) }}"><i class="fas fa-truck-pickup" aria-hidden="true"></i> Detalle Vehículo {{ $detalleVe->camioneta->patente }}</a>
                                                                                @endforeach
                                                                            @endif

                                                                            @if (Gate::check('camioneta.create') || Gate::check('camioneta.create-solicitud'))
                                                                                <a class="dropdown-item" href="{{ route('camioneta.create', $vehiculo) }}"><i class="fas fa-truck-pickup" aria-hidden="true"></i> Crear Vehículo</a>
                                                                            @endif

                                                                            @if (count($vehiculo->detallesVehiculos) == 0)
                                                                                @if (Gate::check('solicitud-creacion-camioneta.autorizador'))
                                                                                    <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                @elseif(Gate::check('solicitud-creacion-camioneta.autorizador-sucursal') && auth()->user()->sucursal == $solicitud->sucursal)
                                                                                    <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                @endif
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                @elseif(isset($vehiculo->observacion) || isset($vehiculo->equipo_adicional))
                                                                    <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 (isset($vehiculo->observacion))
                                                                                <a class="dropdown-item" href="#" onclick="detalleDelCampoObservacion('{{ $vehiculo->observacion }}')"><i class="fas fa-eye" aria-hidden="true"></i> Observación</a>
                                                                            @endif

                                                                            @if (isset($vehiculo->equipo_adicional))
                                                                                <a class="dropdown-item" href="#" onclick="detalleDelCampoEquipamientoAdicional('{{ $vehiculo->equipo_adicional }}')"><i class="fas fa-tools" aria-hidden="true"></i> Equipamiento Adicional</a>
                                                                            @endif

                                                                            @if (Gate::check('camioneta.index') || Gate::check('camioneta.index-empresas') || Gate::check('camioneta.index-centros-costos') || Gate::check('camioneta.index-sucursal'))
                                                                                @foreach ($vehiculo->detallesVehiculos as $detalleVe)
                                                                                    <a class="dropdown-item" href="{{ route('camioneta.show', $detalleVe->camioneta) }}"><i class="fas fa-truck-pickup" aria-hidden="true"></i> Detalle Vehículo {{ $detalleVe->camioneta->patente }}</a>
                                                                                @endforeach
                                                                            @endif

                                                                            @if (count($vehiculo->detallesVehiculos) == 0)
                                                                                @if ($vehiculo->estado == 'Abierta')
                                                                                    @if (Gate::check('solicitud-creacion-camioneta.autorizador'))
                                                                                        <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                    @elseif(Gate::check('solicitud-creacion-camioneta.autorizador-sucursal') && auth()->user()->sucursal == $solicitud->sucursal)
                                                                                        <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                    @endif
                                                                                @endif
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                @elseif(count($vehiculo->detallesVehiculos) == 0)
                                                                    @if ($vehiculo->estado == 'Abierta')
                                                                        @if (Gate::check('solicitud-creacion-camioneta.autorizador'))
                                                                            <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">
                                                                                    <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                </div>
                                                                            </div>
                                                                        @elseif(Gate::check('solicitud-creacion-camioneta.autorizador-sucursal') && auth()->user()->sucursal == $solicitud->sucursal)
                                                                            <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">
                                                                                    <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    @endif
                                                                @endif
                                                            @elseif($vehiculo->estado == 'Cerrada')
                                                                @if (isset($vehiculo->observacion) || isset($vehiculo->equipo_adicional) || count($vehiculo->detallesVehiculos) > 0)
                                                                    <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 (isset($vehiculo->observacion))
                                                                                <a class="dropdown-item" href="#" onclick="detalleDelCampoObservacion('{{ $vehiculo->observacion }}')"><i class="fas fa-eye" aria-hidden="true"></i> Observación</a>
                                                                            @endif

                                                                            @if (isset($vehiculo->equipo_adicional))
                                                                                <a class="dropdown-item" href="#" onclick="detalleDelCampoEquipamientoAdicional('{{ $vehiculo->equipo_adicional }}')"><i class="fas fa-tools" aria-hidden="true"></i> Equipamiento Adicional</a>
                                                                            @endif

                                                                            @if (Gate::check('camioneta.index') || Gate::check('camioneta.index-empresas') || Gate::check('camioneta.index-centros-costos') || Gate::check('camioneta.index-sucursal'))
                                                                                @foreach ($vehiculo->detallesVehiculos as $detalleVe)
                                                                                    <a class="dropdown-item" href="{{ route('camioneta.show', $detalleVe->camioneta) }}"><i class="fas fa-truck-pickup" aria-hidden="true"></i> Detalle Vehículo {{ $detalleVe->camioneta->patente }}</a>
                                                                                @endforeach
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @elseif (isset($vehiculo->observacion) || isset($vehiculo->equipo_adicional) || count($vehiculo->detallesVehiculos) > 0)
                                                                <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 (isset($vehiculo->observacion))
                                                                            <a class="dropdown-item" href="#" onclick="detalleDelCampoObservacion('{{ $vehiculo->observacion }}')"><i class="fas fa-eye" aria-hidden="true"></i> Observación</a>
                                                                        @endif

                                                                        @if (isset($vehiculo->equipo_adicional))
                                                                            <a class="dropdown-item" href="#" onclick="detalleDelCampoEquipamientoAdicional('{{ $vehiculo->equipo_adicional }}')"><i class="fas fa-tools" aria-hidden="true"></i> Equipamiento Adicional</a>
                                                                        @endif

                                                                        @if (Gate::check('camioneta.index') || Gate::check('camioneta.index-empresas') || Gate::check('camioneta.index-centros-costos') || Gate::check('camioneta.index-sucursal'))
                                                                            @foreach ($vehiculo->detallesVehiculos as $detalleVe)
                                                                                <a class="dropdown-item" href="{{ route('camioneta.show', $detalleVe->camioneta) }}"><i class="fas fa-truck-pickup" aria-hidden="true"></i> Detalle Vehículo {{ $detalleVe->camioneta->patente }}</a>
                                                                            @endforeach
                                                                        @endif

                                                                        @if (count($vehiculo->detallesVehiculos) == 0)
                                                                            @if ($vehiculo->estado == 'Abierta' && $solicitud->estado == 'Aprobada')
                                                                                @if (Gate::check('solicitud-creacion-camioneta.autorizador'))
                                                                                    <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                @elseif(Gate::check('solicitud-creacion-camioneta.autorizador-sucursal') && auth()->user()->sucursal == $solicitud->sucursal)
                                                                                    <a class="dropdown-item" href="#" onclick="anularVehiculoDeLaSolicitudDeNuevoVehiculo('{{ $vehiculo->id }}')"><i class="fas fa-backspace" aria-hidden="true"></i> Anular Ítem</a>
                                                                                @endif
                                                                            @endif
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td>{{ $vehiculo->faena }}</td>
                                                        <td>{{ $vehiculo->cantidad }}</td>
                                                        <td>{{ $vehiculo->traccion }}</td>
                                                        <td>{{ $vehiculo->tipo_vehiculo }}</td>
                                                        @if ($vehiculo->llave_combustible == 'true')
                                                            <td>Si</td>
                                                        @else
                                                            <td>No</td>
                                                        @endif
                                                        <td>{{ $vehiculo->kilometraje_mensual }}</td>
                                                        <td>{{ $vehiculo->tipo_estandar }}</td>
                                                        <td>{{ $vehiculo->tipo_moneda }}</td>
                                                        <td>{{ $vehiculo->tarifa_presupuestada_mes_texto }}</td>
                                                        <td>{{ $vehiculo->periodo }}</td>
                                                        <td>{{ fechaConFormatoDeChile($vehiculo->fecha_tentativa) }}</td>
                                                        <td>{{ fechaConFormatoDeChile($vehiculo->fecha_termino_contrato_comercial) }}</td>
                                                        <td>{!! $barraDeProgresoDeVehiculosCompletos !!}</td>
                                                        <td>
                                                            @if ($vehiculo->estado == 'Cerrada')
                                                                <span class="badge badge-success">{{ $vehiculo->estado }}</span>
                                                            @elseif($vehiculo->estado == 'Abierta')
                                                                <span class="badge badge-danger">{{ $vehiculo->estado }}</span>
                                                            @elseif($vehiculo->estado == 'Anulada')
                                                                <span class="badge badge-info">{{ $vehiculo->estado }}</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            @if ($solicitud->estado == 'Rechazada' && $solicitud->id_usuario == auth()->user()->id)
                                <a href="{{ route('solicitud-nuevo-vehiculo.edit', $solicitud) }}" role="button" class="btn btn-warning"><i class="fas fa-edit"></i> Editar Solicitud</a>
                            @endif
                            @if (Gate::check('solicitud-creacion-camioneta.autorizador'))
                                @if ($solicitud->estado == 'Pendiente')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                    <button type="button" class="btn btn-danger mt-1" id="botonRechazado" onclick="abrirModalRechazarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud</button>
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                @endif

                                @if ($solicitud->estado == 'Rechazada')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                @endif

                                @if ($solicitud->estado == 'Aprobada')
                                    @if ($solicitud->estado_final == 'Abierta' && $itemConVehiculoCreados == false)
                                        <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                    @endif
                                @endif
                            @elseif(Gate::check('solicitud-creacion-camioneta.autorizador-sucursal') && auth()->user()->sucursal == $solicitud->sucursal)
                                @if ($solicitud->estado == 'Pendiente')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                    <button type="button" class="btn btn-danger mt-1" id="botonRechazado" onclick="abrirModalRechazarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud</button>
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                @endif

                                @if ($solicitud->estado == 'Rechazada')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                @endif

                                @if ($solicitud->estado == 'Aprobada')
                                    @if ($solicitud->estado_final == 'Abierta' && $itemConVehiculoCreados == false)
                                        <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                    @endif
                                @endif
                            @elseif($esAutorizador == true)
                                @if ($solicitud->estado == 'Pendiente')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                    <button type="button" class="btn btn-danger mt-1" id="botonRechazado" onclick="abrirModalRechazarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Solicitud</button>
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                @endif

                                @if ($solicitud->estado == 'Rechazada')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarSolicitudDeNuevoVehiculo()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Solicitud</button>
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                @endif

                                @if ($solicitud->estado == 'Aprobada')
                                    @if ($solicitud->estado_final == 'Abierta' && $itemConVehiculoCreados == false)
                                        <button type="button" class="btn btn-info mt-1" id="botonAnulacion" onclick="abrirModalAnulacionSolicitudDeNuevoVehiculo()"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Solicitud</button>
                                    @endif
                                @endif
                            @endif
                            <a href="{{ route('solicitud-nuevo-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="modalObservacion" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloModalObservacion">Detalle Observación</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 for="descripcion">Observación</label>
                            <textarea class="form-control" id="campoObservacionModal" rows="3" readonly="true"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalEquipoAdicional" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloModalEquipoAdicional">Detalle Equipamiento Adicional</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 for="descripcion">Equipamiento Adicional</label>
                            <textarea class="form-control" id="campoEquipoAdicionalModal" rows="3" readonly="true"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalFormularioRechazoSolicitud" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioModalRechazoSolicitud">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title">Rechazar Solicitud De Nuevo Vehículo {{ $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 Del Rechazo</label>
                            <textarea class="form-control" id="campoObservacionModalRechazo" name="observacion" rows="3"></textarea>
                            <div class="invalid-feedback" id="validacionCampoObservacionModalRechazo">

                            </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="rechazarSolicitudDeNuevoVehiculo()">Rechazar Solicitud De Nuevo Vehículo</button>
                    </div>
                </div>
            </div>
        </form>
    </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 De Nuevo Vehículo {{ $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="anularSolicitudDeNuevoVehiculo()">Anular Solicitud De Nuevo Vehículo</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 detalleDelCampoObservacion(observacion) {
            document.getElementById("campoObservacionModal").value = observacion;
            $("#modalObservacion").modal("show");
        }

        function detalleDelCampoEquipamientoAdicional(equipoAdicional) {
            document.getElementById("campoEquipoAdicionalModal").value = equipoAdicional;
            $("#modalEquipoAdicional").modal("show");
        }
    </script>

    <script>
        function aprobarSolicitudDeNuevoVehiculo() {
            document.getElementById("botonAprobado").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de nuevo vehículo cambiará su estado ha aprobada",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, aprobar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{asset('img/logo.png')}}')
                    var csrf = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('solicitud-nuevo-vehiculo.aprobar', $solicitud) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Aprobado!',
                                    text: 'La solicitud de nuevo vehículo cambio su estado ha aprobada',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });

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

        function abrirModalRechazarSolicitudDeNuevoVehiculo() {
            document.getElementById("campoObservacionModalRechazo").value = "";
            document.getElementById("validacionCampoObservacionModalRechazo").innerHTML = "";
            document.getElementById("campoObservacionModalRechazo").setAttribute("class", "form-control");
            $("#modalFormularioRechazoSolicitud").modal("show");
        }

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

                    } else {
                        document.getElementById("botonRechazado").removeAttribute("disabled");
                    }
                })
            } else {
                document.getElementById("botonRechazado").removeAttribute("disabled");
                document.getElementById("campoObservacionModalRechazo").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoObservacionModalRechazo").innerHTML = "El campo motivo de rechazo es obligatorio para cambiar el estado ha rechazado.";
            }
        }

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

        function anularSolicitudDeNuevoVehiculo() {
            document.getElementById("botonAnulacion").setAttribute("disabled", true);
            if (document.getElementById("campoObservacionModalAnulacion").value.trim().length > 0) {
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La solicitud de nuevo 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-nuevo-vehiculo.anular', $solicitud) }}',
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Anulada!',
                                        text: 'La solicitud de nuevo 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.";
            }
        }

        function anularVehiculoDeLaSolicitudDeNuevoVehiculo(idVehiculo) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "El ítem de la solicitud de vehículo cambiará su estado ha anulado",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, anular!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{asset('img/logo.png')}}')
                    var csrf = '{{ csrf_token() }}';
                    var url = '{{ route('solicitud-nuevo-vehiculo.anular-elemento', [':idVehiculo']) }}';
                    url = url.replace(':idVehiculo', idVehiculo);

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: url,
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Anulado!',
                                    text: 'El item de la solicitud de vehículo cambio su estado ha anulado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });

                        },
                        error: function(data) {
                            console.log(data)
                            eliminarLoading()
                        }
                    })
                }
            })
        }
    </script>
@stop