@extends('aulavirtual.layout.master')

@section('title', 'Educa Auge - Accede a los mejores cursos online para docentes')
@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/aulavirtual/examenes.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/css/aulavirtual/miscursos.css') }}" />
@endsection
@section('content')
    <main class="page-main">

        <!-- CONTENIDO DE LAS PESTAÑAS -->
        <div class="uk-container header-ventana">
            <div class="examen-tab">
                <h3>Examen Simulacro Matemática – 23/06/25</h3>
                <a href="{{ url('/examenesdesarrollados') }}"><< Retornar </a>
            </div>
            <div class="encabezado-tab" style="text-align: left;">
                <a href="" class="uk-button uk-button-primary">
                    VER ESTADÍSTICAS
                </a>
            </div>
            <table class="uk-table uk-table-divider uk-table-middle uk-table-hover uk-table-responsive exam-table">
                <thead>
                    <tr>
                        <th># Examen</th>
                        <th>Fecha</th>
                        <th>Preguntas Correctas</th>
                        <th>Preguntas Incorrectas</th>
                        <th>Porcentaje</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>

                    <!-- Ejemplo examen activo -->
                    <tr class="fila-table">
                        <td>
                            <div class="exam-title">
                                <span class="exam-num">1</span>
                                <div class="border border-green titulo-exam">
                                    Examen Simulacro Comunicación - 06/09/25
                                </div>
                            </div>
                        </td>
                        <td data-label="FECHA: ">2025 / 08 / 30</td>
                        <td data-label="Preguntas Correctas: ">20</td>
                        <td data-label="Preguntas Incorrectas: ">75</td>
                        <td data-label="Porcentaje: ">2%</td>
                        <td>
                            <button class="btn-resolver">
                               VER DETALLES
                            </button>
                        </td>
                    </tr>


                    <!-- Ejemplo examen rendido -->
                    <tr class="fila-table">
                        <td>
                            <div class="exam-title">
                                <span class="exam-num">2</span>
                                <div class="border border-green titulo-exam">
                                    Examen Simulacro Comunicación - 06/09/25
                                </div>
                            </div>
                        </td>
                        <td data-label="FECHA: ">2025 / 08 / 30</td>
                        <td data-label="Preguntas Correctas: ">20</td>
                        <td data-label="Preguntas Incorrectas: ">75</td>
                        <td data-label="Porcentaje: ">2%</td>
                        <td>
                            <button class="btn-resolver">
                               VER DETALLES
                            </button>
                        </td>
                    </tr>

                    <!-- más filas aquí... -->

                </tbody>
            </table>
        </div>
    </main>


@endsection