@extends('layouts.portal', ['title' => 'Realizar Instrumento'])
@section('content')
    <div class="container">


        @if($partaker->pot_source_id == SourcesIds::ESTUDIANTE)
            <p>Antes de inciar, por favor revise la siguiente guía. Cuando termine de leerla, regrese a esta pestaña. </p>
            <p><a href="https://documentos.potenciat.org/Paso%20a%20paso%20estudiante-%20%C2%BFCo%CC%81mo%20utilizar%20Pot3ncia-T_%20Estudiantes%20.pdf" target="blank">Guía</a></p> 
            @if($partaker->age < Constants::MINIMUM_AGE_POTENCIAL_APRENDIZAJE  &&
                $partaker->age < Constants::MINIMUM_AGE_CAMPO_TALENTO)
                <p>Usted no tiene procesos asignados. Por favor, comuníquese con quien lo(a) invitó a participar.</p>
            @else
                @if($partaker->ownPotTest->status != TestStatus::COMPLETED)
                    @php $test = $partaker->ownPotTest; @endphp
                    <div class="mt-4 d-flex justify-content-center flex-column align-items-center">
                        <h3 class="mb-0">{{InstrumentTypes::POTENCIAL_APRENDIZAJE}}</h3>
                        <img src="{{asset('images/icons/Icono_1_3.png')}}" width="200">
                        <p class="my-0">
                            <small>Realizar antes de: {{$test->pinExpirationDate->format('d/m/Y')}}</small>
                        </p>
                        <a href="{{route('portal.tests.potential.start', $test)}}"
                           class="btn btn-primary py-1 px-2 mt-2 mr-1">
                            <i class="fa fa-check-circle"></i>
                            @if($test->status == TestStatus::TO_DO)
                                Iniciar 
                            @elseif($test->status == TestStatus::TO_COMPLETE)
                                Continuar 
                            @endif
                        </a>
                    </div>
                @else
                    @php $test = $partaker->nextTalTestToDo; @endphp
                    @if(!$test)
                        <p class="mt-4 text-center">Se han realizado todos los procesos asignados.</p>
                        <p class="text-center">¡Gracias por participar!</p>
                        <div class="text-center mt-3">
                            <a href="javascript:void(0)"
                               class="btn btn-sm btn-outline-dark"
                               title="Salir"
                               onclick="document.getElementById('logout-form').submit();">
                                <i class="fa fa-sign-out-alt"></i> Salir
                            </a>
                        </div>
                    @else
                        <div class="mt-4 d-flex justify-content-center flex-column align-items-center">
                            <h3 class="mb-0">{{InstrumentTypes::CAMPO_TALENTO}}</h3>
                            <img src="{{asset('images/icons/Icono_5_3.png')}}" width="200">
                            <p class="my-0">
                                <small>Realizar antes de: {{$test->pinExpirationDate->format('d/m/Y')}}</small>
                            </p>
                            <a href="{{route('portal.tests.talent.start', $test)}}"
                               class="btn btn-primary py-1 px-2 mt-2 mr-1">
                                <i class="fa fa-check-circle"></i>
                                @if($partaker->talTestStatus == TestStatus::TO_DO)
                                    Iniciar
                                @elseif($partaker->talTestStatus == TestStatus::TO_COMPLETE)
                                    Continuar 
                                @endif
                            </a>
                        </div>
                    @endif
                @endif
            @endif
        @else

            <h2>Exploración del potencial de aprehendizaje</h2>
            <p>Antes de inciar, por favor revise la siguiente guía. Cuando termine de leerla, regrese a esta pestaña. </p>
            
            @if($partaker->pot_source_id == SourcesIds::DOCENTE)
                <p><a href="https://documentos.potenciat.org/%C2%BFCo%CC%81mo%20utilizar%20Pot3ncia-T_%20-Docentes1.pdf" target="blank">Guía</a></p> 
            @else
                <p><a href="https://documentos.potenciat.org/%C2%BFCo%CC%81mo%20utilizar%20Pot3ncia-TT_%20-%20Padres%20de%20familia%20o%20acudientes.pdf" target="blank">Guía</a></p> 
            @endif
            <p>Por favor, presione el botón Iniciar para realizar la(s) actividad(es) indicada(s).</p>
            
            <x-table>
                <table class="table align-items-center table-flush table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>#</th>
                            <th><i class="fa fa-file-alt"></i> Actividad</th>
                            <th><i class="fa fa-user-graduate"></i> Niño/joven</th>
                            <th><i class="fa fa-calendar"></i> Vencimiento</th>
                            <th><i class="fa fa-toggle-on"></i> Estado</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($tests as $test)
                            @continue($test->tal_instrument_id)
                            <tr>
                                <td>{{$loop->iteration}}</td>
                                <td style="max-width: 25vw; white-space: pre-wrap;">{{$test->instrument->name}} </td>
                                <td>{{$test->student->fullName}}</td>
                                <td>{{$test->pinExpirationDate->format('d/m/Y')}}</td>
                                <td>
                                    @php
                                        switch($test->status) {
                                            case TestStatus::TO_COMPLETE:
                                                $testStatusColor = 'info'; break;
                                            case TestStatus::COMPLETED:
                                                $testStatusColor = 'success'; break;
                                            default:
                                                $testStatusColor = 'primary';
                                        }
                                    @endphp
                                    <span class="badge badge-{{$testStatusColor}}">{{$test->status}}</span>
                                </td>
                                <td class="text-center">
                                    @if($test->status != TestStatus::COMPLETED)
                                        <a href="{{route('portal.tests.potential.start', $test)}}" class="btn btn-primary py-1 px-2 mr-1">
                                            <i class="fa fa-check-circle"></i>
                                            @if($test->status == TestStatus::TO_DO)
                                                Iniciar
                                            @elseif($test->status == TestStatus::TO_COMPLETE)
                                                Continuar
                                            @endif
                                        </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </x-table>

        @endif

    </div>
@endsection