@extends('layouts.app-admin')

@section('content')
<div class="content d-flex flex-column flex-column-fluid pt-0" id="kt_content">
    <div class="d-flex flex-column-fluid">
        <div class="container">
            <!-- Tarjeta con los detalles del juego y del jugador -->
            <div class="card shadow mb-4" style="background-color: #EAEAF4; border: none;">
                <div class="card-header p-4" style="background-color: #3D3D5C; border-radius: 10px 10px 0 0;">
                    <div class="d-flex justify-content-between align-items-center">
                        <h5 class="text-white font-weight-bold mt-2 mb-2">
                            {{ __('Resultados del Juego') }} - {{ $user->first_name }} {{ $user->last_name }}
                        </h5>
                    </div>
                </div>
                <div class="card-body" style="padding: 40px;">
                    <!-- Información general del juego -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <p><strong>Fecha y hora de inicio:</strong> {{ $game->date_time_start }}</p>
                            <p><strong>Fecha y hora de fin:</strong> {{ $game->date_time_end }}</p>
                            <p><strong>Tiempo total del juego:</strong> {{ $time_total }}</p>
                            <p><strong>Nivel:</strong> {{ $game->level }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Grupo:</strong> {{ $user->group }}</p>
                            <p><strong>Subgrupo:</strong> {{ $user->subgroup }}</p>
                            <p><strong>Código:</strong> {{ $user->code }}</p>
                        </div>
                    </div>

                    <!-- Mostrar las métricas calculadas -->
                    <h4 class="mb-3">Métricas Calculadas</h4>
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Métrica</th>
                                <th>Valor</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>VRC (Juego de Palabras)</td>
                                <td>{{ isset($VRC) ? number_format($VRC, 2) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>VRP (Juego de Figuras)</td>
                                <td>{{ isset($VRP) ? number_format($VRP, 2) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>VPS (Rapidez Mental)</td>
                                <td>{{ isset($VPS) ? number_format($VPS, 2) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>VPA (Media de VRC y VRP)</td>
                                <td>{{ isset($VPA) ? number_format($VPA, 2) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>M (Memorizar Contraseña)</td>
                                <td>{{ isset($M) ? number_format($M, 0) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>MT (Cálculo Mental)</td>
                                <td>{{ isset($MT) ? number_format($MT, 0) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>A (Precisión en Rapidez Mental)</td>
                                <td>{{ isset($A) ? number_format($A, 2) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>ERROR</td>
                                <td>{{ isset($ERROR) ? number_format($ERROR, 2) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>SIN VALOR</td>
                                <td>{{ isset($SIN_VALOR) ? number_format($SIN_VALOR, 2) . '%' : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td>CR (Capacidad de Respuesta en Rapidez Mental)</td>
                                <td>
                                    @if(isset($CR))
                                        {{ number_format($CR / 1000, 2) }} segundos
                                    @else
                                        N/A
                                    @endif
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    <!-- Opcional: Mostrar detalles de cada juego -->
                    <h4 class="mt-5 mb-3">Detalles de los Juegos</h4>

                    <!-- Juego de Rapidez Mental -->
                    <h5>Rapidez Mental</h5>
                    @if($game->mental_speed)
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Valor Esperado</th>
                                    <th>Valor Pulsado</th>
                                    <th>Resultado</th>
                                    <th>Tiempo de Pulsación (ms)</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($game->mental_speed->mental_speed_detail as $detail)
                                    <tr>
                                        <td>{{ $detail->value_expected }}</td>
                                        <td>{{ $detail->value_pressed }}</td>
                                        <td>
                                            @if($detail->result == 1)
                                                Correcto
                                            @elseif($detail->result == 2)
                                                Incorrecto
                                            @elseif($detail->result == 3)
                                                Sin Valor
                                            @endif
                                        </td>
                                        <td>{{ $detail->time }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <p>No hay datos de Rapidez Mental.</p>
                    @endif

                    <!-- Juego de Palabras -->
                    <h5>Juego de Palabras</h5>
                    @if($game->word_game)
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Palabra</th>
                                    <th>Resultado</th>
                                    <th>Tiempo de Pulsación (ms)</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($game->word_game->word_game_detail as $detail)
                                    <tr>
                                        <td>{{ $detail->word }}</td>
                                        <td>
                                            @if($detail->result == 1)
                                                Correcto
                                            @elseif($detail->result == 2)
                                                Incorrecto
                                            @elseif($detail->result == 3)
                                                Sin Valor
                                            @endif
                                        </td>
                                        <td>{{ $detail->time }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <p>No hay datos del Juego de Palabras.</p>
                    @endif

                    <!-- Juego de Figuras -->
                    <h5>Juego de Figuras</h5>
                    @if($game->memorize_figure_detail && $game->memorize_figure_detail->count() > 0)
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Figura</th>
                                    <th>Color</th>
                                    <th>Resultado</th>
                                    <th>Tiempo de Pulsación (ms)</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($game->memorize_figure_detail as $detail)
                                    <tr>
                                        <td>{{ $detail->figure }}</td>
                                        <td>{{ $detail->color }}</td>
                                        <td>
                                            @if($detail->result == 1)
                                                Correcto
                                            @elseif($detail->result == 2)
                                                Incorrecto
                                            @elseif($detail->result == 3)
                                                Sin Valor
                                            @endif
                                        </td>
                                        <td>{{ $detail->time }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <p>No hay datos del Juego de Figuras.</p>
                    @endif

                    <!-- Memorizar Contraseña -->
                    <h5>Memorizar Contraseña</h5>
                    @if($password_detail)
                        <p><strong>Contraseña Esperada:</strong> {{ $password_detail->value_expected }}</p>
                        <p><strong>Contraseña Ingresada:</strong> {{ $password_detail->value_entered }}</p>
                        <p><strong>Resultado:</strong>
                            @if($password_detail->result == 1)
                                Correcto
                            @elseif($password_detail->result == 2)
                                Incorrecto
                            @endif
                        </p>
                    @else
                        <p>No hay datos de Memorizar Contraseña.</p>
                    @endif

                    <!-- Cálculo Mental -->
                    <h5>Cálculo Mental</h5>
                    @if($game->mental_calculation)
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Valor Esperado</th>
                                    <th>Valor Ingresado</th>
                                    <th>Resultado</th>
                                    <th>Tiempo (ms)</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($game->mental_calculation->mental_calculation_detail as $detail)
                                    <tr>
                                        <td>{{ $detail->value_expected }}</td>
                                        <td>{{ $detail->value_entered }}</td>
                                        <td>
                                            @if($detail->result == 1)
                                                Correcto
                                            @elseif($detail->result == 2)
                                                Incorrecto
                                            @endif
                                        </td>
                                        <td>{{ $detail->time }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <p>No hay datos de Cálculo Mental.</p>
                    @endif

                    <!-- Opcional: Mostrar el video si existe -->
                    @if($video_path)
                    <h4 class="mt-5">Video del Juego</h4>
                    <video width="640" height="480" controls>
                        <source src="{{ $video_path }}" type="video/mp4">
                        Tu navegador no soporta la etiqueta de video.
                    </video>
                @else
                    <p>No hay video disponible para este juego.</p>
                @endif
                
                
                </div>
            </div>
        </div>
    </div>
</div>
@endsection