@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li class=""><a href="{{ url('/admin') }}"><i class='bx bx-home-alt'
                            style="font-size: 18px;color: #F31519;"></i></a></li>
                <li class=""><a href="{{ url('/admin') }}">Principal </a></li>
                <li class="">&nbsp;&nbsp;/ Admin Aula</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/examen') }}">Examenes Online</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            <p align="right">
                <a href="{{ url('/admin/examen') }}"><i class="bx bx-share"></i> Regresar</a>
            </p>
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Resumen Evaluación Examen Online</h3>
                <p>
                    <a href="user_filterhistorialexa.php" class="btn btn-outline-secondary">
                        <i class='bx bx-search'></i> Consulta Avanzada
                    </a>
                    <a href="miresumenpuntaje.php" class="btn btn-outline-secondary">
                        <i class="bx bx-user-circle"></i> Usuario con mayor puntaje
                    </a>
                </p>
            </div>
            <div class="card-body">
                <!-- Aquí iría un condicional para mostrar este bloque si hay resultados -->
                <div class="row">
                    <!-- Ejemplo de tarjeta de resultado -->
                    <div class="col-lg-4 col-md-6">
                        <div class="card p-0 mb-30">
                            <div class="card-body p-4 text-primary border-primary">
                                <div class="box-body">
                                    <center>
                                        <a><span class="bx bx-bookmark-minus"></span></a> <b>Examen</b><br>
                                        Nombre del examen<br>
                                        <a><span class="bx bx-user"></span></a> <b>Usuario</b><br>
                                        Nombre del usuario<br>
                                        <a><span class="bx bx-calendar"></span></a> <b>Fecha / Hora</b><br>
                                        Fecha y hora<br>
                                    </center>
                                    <table class="table">
                                        <tr class="warning">
                                            <td><a><span class="bx bx-pencil"></span></a> Cantidad de Preguntas:
                                                <b>10</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-check"></span></a> Preguntas Correctas: <b>8</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-x"></span></a> Preguntas Incorrectas: <b>2</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-alarm"></span></a> Tiempo Transcurrido: <b>30
                                                    minutos</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Puntos Obtenidos:
                                                <b>80</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Total Puntaje Examen:
                                                <b>100</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Porcentaje Puntos:
                                                <b>80%</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Fin del ejemplo de tarjeta de resultado -->

                    <!-- Ejemplo de tarjeta de resultado -->
                    <div class="col-lg-4 col-md-6">
                        <div class="card p-0 mb-30">
                            <div class="card-body p-4 text-primary border-primary">
                                <div class="box-body">
                                    <center>
                                        <a><span class="bx bx-bookmark-minus"></span></a> <b>Examen</b><br>
                                        Nombre del examen<br>
                                        <a><span class="bx bx-user"></span></a> <b>Usuario</b><br>
                                        Nombre del usuario<br>
                                        <a><span class="bx bx-calendar"></span></a> <b>Fecha / Hora</b><br>
                                        Fecha y hora<br>
                                    </center>
                                    <table class="table">
                                        <tr class="warning">
                                            <td><a><span class="bx bx-pencil"></span></a> Cantidad de Preguntas:
                                                <b>10</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-check"></span></a> Preguntas Correctas: <b>8</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-x"></span></a> Preguntas Incorrectas: <b>2</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-alarm"></span></a> Tiempo Transcurrido: <b>30
                                                    minutos</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Puntos Obtenidos:
                                                <b>80</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Total Puntaje Examen:
                                                <b>100</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Porcentaje Puntos:
                                                <b>80%</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Fin del ejemplo de tarjeta de resultado -->

                    <!-- Ejemplo de tarjeta de resultado -->
                    <div class="col-lg-4 col-md-6">
                        <div class="card p-0 mb-30">
                            <div class="card-body p-4 text-primary border-primary">
                                <div class="box-body">
                                    <center>
                                        <a><span class="bx bx-bookmark-minus"></span></a> <b>Examen</b><br>
                                        Nombre del examen<br>
                                        <a><span class="bx bx-user"></span></a> <b>Usuario</b><br>
                                        Nombre del usuario<br>
                                        <a><span class="bx bx-calendar"></span></a> <b>Fecha / Hora</b><br>
                                        Fecha y hora<br>
                                    </center>
                                    <table class="table">
                                        <tr class="warning">
                                            <td><a><span class="bx bx-pencil"></span></a> Cantidad de Preguntas:
                                                <b>10</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-check"></span></a> Preguntas Correctas: <b>8</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-x"></span></a> Preguntas Incorrectas: <b>2</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-alarm"></span></a> Tiempo Transcurrido: <b>30
                                                    minutos</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Puntos Obtenidos:
                                                <b>80</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Total Puntaje Examen:
                                                <b>100</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Porcentaje Puntos:
                                                <b>80%</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Fin del ejemplo de tarjeta de resultado -->

                    <!-- Ejemplo de tarjeta de resultado -->
                    <div class="col-lg-4 col-md-6">
                        <div class="card p-0 mb-30">
                            <div class="card-body p-4 text-primary border-primary">
                                <div class="box-body">
                                    <center>
                                        <a><span class="bx bx-bookmark-minus"></span></a> <b>Examen</b><br>
                                        Nombre del examen<br>
                                        <a><span class="bx bx-user"></span></a> <b>Usuario</b><br>
                                        Nombre del usuario<br>
                                        <a><span class="bx bx-calendar"></span></a> <b>Fecha / Hora</b><br>
                                        Fecha y hora<br>
                                    </center>
                                    <table class="table">
                                        <tr class="warning">
                                            <td><a><span class="bx bx-pencil"></span></a> Cantidad de Preguntas:
                                                <b>10</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-check"></span></a> Preguntas Correctas: <b>8</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-x"></span></a> Preguntas Incorrectas: <b>2</b><br>
                                            </td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-alarm"></span></a> Tiempo Transcurrido: <b>30
                                                    minutos</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Puntos Obtenidos:
                                                <b>80</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Total Puntaje Examen:
                                                <b>100</b><br></td>
                                        </tr>
                                        <tr class="warning">
                                            <td><a><span class="bx bx-checkbox-checked"></span></a> Porcentaje Puntos:
                                                <b>80%</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Fin del ejemplo de tarjeta de resultado -->

                </div>
                <!-- Aquí iría un bloque alternativo para mostrar un mensaje si no hay resultados -->
                <div class="alert alert-danger">
                    <strong>Mensaje! </strong> No tienes historial.
                </div>
            </div>
        </div>

    </main>
@endsection