@extends('layouts.app')

@section('content')
    <div class="bgc-white p-20 bd">
        <h3>Capacitaciones Aprobadas</h3>

        <form>
            <div class="card mb-3">
                <div class="card-body">
                    <h4>Filtro por Persona</h4>

                    <b-form-group horizontal label="Nombre" label-for="nombre">
                        <input v-model="nombre" id="nombre" name="nombre" type="text" class="form-control">
                    </b-form-group>

                    <b-form-group horizontal label="Fecha Inicio" label-for="fecha_inicio">
                        <input v-model="fecha_inicio" id="fecha_inicio" name="fecha_inicio" type="date"
                               class="form-control">
                    </b-form-group>

                    <b-form-group horizontal label="Fecha Fin" label-for="fecha_fin">
                        <input v-model="fecha_fin" id="fecha_fin" name="fecha_fin" type="date" class="form-control">
                    </b-form-group>
                </div>

                <div class="card-footer">
                    <div class="d-flex justify-content-end mb-2">
                        <button type="submit" class="btn btn-primary">Filtrar</button>
                    </div>
                </div>
            </div>
        </form>

        <div class="card">
            <div class="card-body">
                {{ $solicitudes->links() }}
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>N°</th>
                            <th>Nombre</th>
                            <th>Fecha</th>
                            <th>Estado</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($solicitudes as $solicitud)
                            <tr>
                                <td>{{ $solicitud->id }}</td>
                                <td>{{ $solicitud->nombre }}</td>
                                <td>{{ fechaFormato($solicitud->created_at, 'd/m/Y H:i:s') }}</td>
                                <td style="background-color: {{ $solicitud->color_estado }}">
                                    {{ $solicitud->estado_actual }}
                                </td>
                                <td class="d-flex justify-content-center">
                                    <b-dropdown text="Acciones" boundary="viewport">
                                        <b-dropdown-item href="{{ route('capacitacion.solicitudes-personal.show', $solicitud) }}">Ver Solicitud</b-dropdown-item>
                                        <b-dropdown-item href="{{ route('capacitacion.solicitudes.pdf', $solicitud) }}">Obtener PDF</b-dropdown-item>
                                        @if($solicitud->esEstado(\Modules\Capacitacion\Entities\Solicitud::PENDIENTE_REVISION_PERSONAL))
                                            <b-dropdown-item href="{{ route('capacitacion.solicitudes-personal.edit', $solicitud) }}">Editar Solicitud</b-dropdown-item>
                                        @endif
                                        @if($solicitud->decreto()->exists())
                                            <b-dropdown-item href="{{ route('capacitacion.decretos.show', $solicitud->decreto) }}">Obtener Decreto</b-dropdown-item>
                                            <b-dropdown-item href="{{ route('capacitacion.decretos.edit', $solicitud->decreto) }}">Editar Decreto</b-dropdown-item>
                                        @else
                                            @if($solicitud->esEstado(\Modules\Capacitacion\Entities\Solicitud::APROBADO, \Modules\Capacitacion\Entities\Solicitud::PENDIENTE_PERSONAL_CREACION_DECRETO))
                                                <b-dropdown-item href="{{ route('capacitacion.decretos.create', $solicitud) }}">Crear Decreto</b-dropdown-item>
                                            @endif
                                        @endif
                                        @if($solicitud->informe()->exists())
                                            <b-dropdown-item href="{{ route('capacitacion.informes.show', $solicitud->informe) }}">Informe Capacitación</b-dropdown-item>
                                        @endif
                                    </b-dropdown>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>

                {{ $solicitudes->links() }}
            </div>
        </div>
    </div>
@endsection

@push('pre-scripts')
    <script>
        window.pageMix.push({
            data: () => ({
                loading: false,
                nombre: '',
                fecha_inicio: '',
                fecha_fin: ''
            }),

            methods: {}
        })
    </script>
@endpush