@extends('layouts.app')
@section('breadcrumb')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
    <li class="breadcrumb-item"><a href="{{ route('capacitacion.solicitudes-administrador.index')}}">Revisión de Capacitaciones (Administrador)</a></li>
    <li class="breadcrumb-item active" aria-current="page">Solicitud de Capacitación Nº {{ $solicitud->id }}</li>
  </ol>
</nav>
@stop



@section('content')
    <div class="bgc-white p-20 bd">
        <h2>Solicitud de Capacitación N° {{ $solicitud->id }}</h2>

        <div>
        <div class="card mb-3">
                <div class="card-body">
                    <h4>Datos del Funcionario</h4>
                    <div class="row">
                    <div class="col-4">
                    <b-form-group horizontal label="Nombre">
                        {{ $solicitud->nombre }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="RUN">
                        {{ $solicitud->run }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Escalafón">
                        {{ $solicitud->escalafon }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Grado">
                        {{ $solicitud->grado }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Dirección / Unidad">
                        {{ $solicitud->direccion }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Modalidad Contrato">
                        {{ $solicitud->modalidad_contrato }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Cargo">
                        {{ $solicitud->cargo }}
                    </b-form-group>
                </div>
                </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h4>Datos de la Empresa</h4>
                    <div class="row">
                    <div class="col-4">
                    <b-form-group horizontal label="Empresa">
                        {{ $solicitud->empresa }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Rut">
                        {{ $solicitud->rut }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Ciudad">
                        {{ $solicitud->ciudad }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Fecha">
                        {{ $solicitud->fecha }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Nombre del Curso">
                        {{ $solicitud->nombre_curso }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Horas de duración">
                        {{ $solicitud->horas_duracion }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Costo del curso">
                        {{ $solicitud->costo_curso }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Forma de Pago">
                        {{ $solicitud->forma_pago }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Tipo de Capacitación">
                        {{ $solicitud->tipo_capacitacion }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Programa Actividad">
                        @if($programa = $solicitud->programa_actividad)
                            <a target="_blank" href="{{ $programa->getUrl() }}">{{ $programa->filename }}</a>
                        @else
                            Ninguno
                        @endif
                    </b-form-group>
                </div>
                </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h4>Datos Cometido</h4>
                    <div class="row">
                    <div class="col-3">
                    <b-form-group horizontal label="Fecha y hora Salida PLC">
                        {{ $solicitud->fecha_salida }}
                    </b-form-group>
                    </div>
                    <div class="col-3">
                    <b-form-group horizontal label="Fecha y hora Llegada PLC">
                        {{ $solicitud->fecha_llegada }}
                    </b-form-group>
                    </div>
                    <div class="col-3">
                    <b-form-group horizontal label="Reembolso de pasaje ida y/o regreso">
                        {{ $solicitud->tipo_reembolso_pasaje }}
                    </b-form-group>
                    </div>
                    <div class="col-3">
                    <b-form-group horizontal label="Valor Pasaje">
                        {{ $solicitud->valor_pasaje }}
                    </b-form-group>
                    </div>
                    <div class="col-12">
                    <b-form-group horizontal label="Oservaciones Especiales">
                        {{ $solicitud->observaciones_programa }}
                    </b-form-group>
                    </div>
                    <div class="col-12">
                    <h4>Autorización de reembolsos por gastos inherentes a la capacitación</h4>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Km. a Recorrer">
                        {{ $solicitud->km_recorrer }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Requerimientos de reembolso">
                        <ul>
                            @foreach($solicitud->tiposReembolso as $value)
                                <li>{{ $value->nombre }}</li>
                            @endforeach
                        </ul>
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Marca Vehiculo">
                        {{ $solicitud->marca_vehiculo }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Placa Patente">
                        {{ $solicitud->placa_patente }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Rendimiento">
                        {{ $solicitud->rendimiento }}
                    </b-form-group>
                    </div>
                    <div class="col-4">
                    <b-form-group horizontal label="Valor Viatico">
                        {{ $solicitud->valor_viatico }}
                    </b-form-group>
                </div>
                </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h4>Ultimas Capacitaciones Asistidas</h4>

                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Nombre del Curso</th>
                                <th>Fecha</th>
                                <th>Lugar</th>
                                <th>Financiamiento</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach(currentUser()->ultimasCapacitaciones($solicitud->created_at)->get() as $key => $capacitacion)
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $capacitacion->nombre_curso }}</td>
                                    <td>{{ $capacitacion->fecha }}</td>
                                    <td>{{ $capacitacion->lugar }}</td>
                                    <td>{{ $capacitacion->financiamiento }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h4>V°B° Director Unidad</h4>

                    <b-form-group horizontal label="Director">
                        {{ $solicitud->director->nombres }}
                    </b-form-group>

                    <b-form-group horizontal label="Autorizado el">
                        {{ $solicitud->director_paso_el }}
                    </b-form-group>

                    <b-form-group horizontal label="Observaciones Director">
                        <p>{{ $solicitud->observaciones_director }}</p>
                    </b-form-group>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h4>Revisión Unidad de Personal</h4>

                    <b-form-group horizontal label="Fecha">
                        {{ $solicitud->personal_paso_el }}
                    </b-form-group>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h4>Evaluación Comité de Capacitación</h4>

                    <b-form-group horizontal label="Fecha">
                        {{ $solicitud->comite_paso_el }}
                    </b-form-group>

                    @if($solicitud->acta)
                        <b-form-group horizontal label="Acta de Comité">
                            <a href="{{ $solicitud->acta->getUrl() }}" class="btn btn-primary" target="_blank">
                                Descargar Acta
                            </a>
                        </b-form-group>
                    @endif

                    <b-form-group horizontal label="Observaciones">
                        <p>{{ $solicitud->observaciones_comite }}</p>
                    </b-form-group>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <h4>Autorización Administración Municipal</h4>

                    <b-form-group horizontal label="Administrador">
                        {{ $solicitud->administrador->nombres }}
                    </b-form-group>

                    @if($solicitud->estado_id === \Modules\Capacitacion\Entities\Solicitud::PENDIENTE_REVISION_ADMINISTRACION_MUNICIPAL)
                        <b-form @submit="onSubmit" class="vld-parent">
                            <loading-overlay :active.sync="loading"
                                             :is-full-page="false"></loading-overlay>

                            <b-form-group horizontal label="Acción">
                                <select v-model="accion" class="form-control" required>
                                    <option value="ACEPTAR">Aceptar</option>
                                    <option value="RECHAZAR">Rechazar</option>
                                </select>
                            </b-form-group>

                            <b-form-group label="Observaciones">
                                <textarea v-model="observaciones" cols="30" rows="10" class="form-control" required></textarea>
                                <input-error :errors="errors" name="observaciones"></input-error>
                            </b-form-group>

                            <div class="d-flex justify-content-end">
                                <button class="btn btn-primary">Enviar a Personal</button>
                            </div>
                        </b-form>
                    @else
                        <b-form-group horizontal label="Autorizado el">
                            {{ $solicitud->admin_paso_el }}
                        </b-form-group>

                        <b-form-group horizontal label="Observaciones">
                            <p>{{ $solicitud->observaciones_administrador }}</p>
                        </b-form-group>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@push('pre-scripts')
<style>
legend{font-weight:bolder;}
.col-form-label{padding-bottom:0;}
</style>


    <script>
        window.pageMix.push({
            data: () => ({
                accion: 'ACEPTAR',
                observaciones: '',

                loading: false,
                errors: {},
                status: null
            }),

            methods: {
                onSubmit(evt) {
                    evt.preventDefault()

                    if (!this.loading) {
                        this.loading = true

                        const data = {
                            solicitud_id: '{{ $solicitud->id }}',
                            accion: this.accion,
                            observaciones: this.observaciones,
                            tipo: 'ADMINISTRADOR'
                        }

                        this.$http.post('{{ route('capacitacion.solicitudes-personal.store') }}', data)
                            .then(res => {
                                window.location = '{{ route('capacitacion.solicitudes-administrador.index') }}'
                                this.loading = false
                            })
                            .catch(err => {
                                if (err.response) {
                                    if (err.response.status === 500) {
                                        this.status = err.response.data.status
                                    }

                                    if (err.response.status === 422) {
                                        this.errors = err.response.data.errors
                                    }
                                }

                                this.loading = false
                            })
                    }
                }
            }
        })
    </script>
@endpush