@extends('layouts.app', ['title' => 'Estado del proceso de exploración', 'titleIcon' => asset('images/icons/Prueba_3.png')])
@section('content')
    <div class="container" id="tests">
        <x-table>
            <x-slot name="headerLeft">
                 <h2> Niños/jóvenes </h2>
            </x-slot>
            @institution
                <x-slot name="headerRight">
                <a class="btn btn-dark" href="{{route('admin.tests.reports.total', auth()->user()->client)}}">
                        <i class="fa fa-file-excel"></i> Descargar Informe Total
                    </a>
                </x-slot>
            @endinstitution
            <table class="table table-hover">
                <thead>
                    <th><i class="fa fa-user-graduate"></i> Niño/joven</th>
                    <th><i class="fa fa-child"></i> Edad</th>
                    <th><img src="{{asset('images/icons/Icono_1.png')}}" width="70"> Potencial de Aprehendizaje</th>
                    <th><img src="{{asset('images/icons/Icono_5.png')}}" width="70"> Campo de Talento</th>
                    <th></th>
                </thead>
                <tbody>
                    @forelse($students as $student)
                        @php
                            $teacherTest = $student->teacherTest;
                            $carerTest = $student->carerTest;
                            $potTest = $student->ownPotTest;
                            $talTestStatus = $student->talTestStatus;
                        @endphp

                        <tr>
                            <td>{{$student->fullName}}</td>
                            <td>{{$student->age}} años</td>
                            <td>
                                @if(@$teacherTest->status === null)
                                    -
                                @elseif(@$teacherTest->status == TestStatus::COMPLETED)
                                    <img src="{{asset('images/icons/Icono_10_1.png')}}"
                                         width="55"
                                         title="Potencial de Aprehendizaje Docente Terminada">
                                @else
                                    <a href="javascript:void(0)" @click.prevent="resendTestLink('{{$teacherTest}}')">
                                        <img src="{{asset('images/icons/Icono_10_2.png')}}"
                                            width="55"
                                            title="Potencial de Aprehendizaje Docente Por Realizar&#010;(Click para reenviar el instrumento)">
                                    </a>
                                @endif

                                @if(@$carerTest->status === null)
                                    -
                                @elseif(@$carerTest->status == TestStatus::COMPLETED)
                                    <img src="{{asset('images/icons/Icono_11_1.png')}}"
                                         width="55"
                                         title="Potencial de Aprehendizaje Familiar Terminada">
                                @else
                                    <a href="javascript:void(0)" @click.prevent="resendTestLink('{{$carerTest}}')">
                                        <img src="{{asset('images/icons/Icono_11_2.png')}}"
                                             width="55"
                                             title="Potencial de Aprehendizaje Familiar Por Realizar&#010;(Click para reenviar el instrumento)">
                                    </a>
                                @endif

                                @if(@$potTest->status === null)
                                    -
                                @elseif(@$potTest->status == TestStatus::COMPLETED)
                                    <img src="{{asset('images/icons/Icono_9_1.png')}}"
                                         width="55"
                                         title="Potencial de Aprehendizaje Niño/joven Terminada">
                                @else
                                    <a href="javascript:void(0)" @click.prevent="resendTestLink('{{$potTest}}')">
                                        <img src="{{asset('images/icons/Icono_9_2.png')}}"
                                             width="55"
                                             title="Potencial de Aprehendizaje Niño/joven Por Realizar&#010;(Click para reenviar el instrumento)">
                                    </a>
                                @endif
                            </td>
                            <td>
                                @if($talTestStatus === null || $talTestStatus == TestStatus::NOT_NEEDED)
                                    -
                                @elseif($talTestStatus == TestStatus::COMPLETED)
                                    <img src="{{asset('images/icons/Icono_9_1.png')}}"
                                         width="55"
                                         title="Campo de Talento Terminada">
                                @else
                                    <a href="javascript:void(0)" @click.prevent="resendTestLink('{{$student->nextTalTestToDo}}')">
                                        <img src="{{asset('images/icons/Icono_9_2.png')}}"
                                             width="55"
                                             title="Campo de Talento Por Realizar&#010;(Click para reenviar el instrumento)">
                                    </a>
                                @endif
                            </td>
                            <td>
                                <!-- <a href="{{route('admin.tests.summary', [$student, 'purchaseId' => $teacherTest->purchase->id])}}"
                                   class="btn btn-sm btn-outline-primary">
                                    <i class="fa fa-eye"></i> Resumen
                                </a> -->
                                @if(($talTestStatus == TestStatus::COMPLETED ||
                                     $talTestStatus == TestStatus::NOT_NEEDED) && $student->potTestCompleted)
                                    <a href="{{route('admin.tests.reports.basic', [$student, 'purchaseId' => $teacherTest->purchase->id])}}"
                                       class="btn btn-sm btn-outline-dark">
                                        @institution
                                             <i class="fa fa-file-alt"></i> Informe
                                        @else
                                            <i class="fa fa-file-alt"></i> Informe
                                        @endinstitution
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3">No hay niños/jóvenes para mostrar</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </x-table>
    </div>
@endsection
@push('js')
    <script>
        new Vue({
            el: '#tests',
            methods: {
                resendTestLink(test) {
                    test = JSON.parse(test)
                    if(!confirm('¿Desea reenviar el enlace de acceso al participante de este instrumento?')) return false;
                    axios.get('/api/tests/'+test.id+'/resend-link')
                        .then(res => {
                            if(res.data.status == 'success') Feedback('success', 'Se envió el enlace al participante')
                        }).catch(err => {
                            alert('Ocurrió un error al reenviar el enlace.')
                            console.log(err.response)
                        })
                }
            }
        })
    </script>
@endpush