@extends('layout.master')

@section('title', 'Educa Auge - Accede a los mejores cursos online para docentes')

@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/examenv2.css') }}" />
@endsection

@section('content')


    <main class="page-main mis-examenes">
        <div class="uk-section uk-container">
            <div class="uk-margin-medium-top">
                <h1 class="uk-heading-divider uk-flex uk-flex-between uk-flex-middle encabezado">
                    <span>Exámenes</span>
                    <!-- Botón reducido y alineado -->
                    <a href="{{ url('/examenes/historial_examenes') }}" class="uk-button uk-button-primary uk-button-small">
                        Exámenes Resueltos
                    </a>
                </h1>
            </div>

            <!-- Tabla responsive -->
            <div class="">
                <table class="uk-table uk-table-divider uk-table-hover uk-table-responsive">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Examen</th>
                            <th>Privacidad </th>
                            <th>Fecha Activa</th>
                            <th>Hora Activa </th> 
                            <th>Cant. Intentos/Efectuados</th>
                            <th>Estado</th>
                            <th>Acción</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($examenes as $index => $examen)

                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $examen->titulo }}</td>
                                <td>
                                    @switch($examen->privacidad)
                                        @case(1)
                                            Por curso
                                        @break

                                        @case(2)
                                            Gratuito
                                        @break

                                        @case(3)
                                            Pagado
                                        @break

                                        @case(4)
                                            Becas
                                        @break

                                        @default
                                            ---
                                    @endswitch
                                </td>
                                <td>{{ $examen->fecha_compra ?? '' }}</td>
                                <td>{{ $examen->hora_apertura ?? 'Sin datos'}}</td>
                                <td>{{ $examen->intentos_realizados }} / {{ $examen->intentos_totales }}</td>
                                <td>
                                    @if ($examen->intentos_realizados > 0 && $examen->intentos_realizados == $examen->intentos_totales)
                                        <span class="badge bg-info text-white">Rendido</span>
                                    @else
                                        <span
                                            style="background-color: #d4edda; color: #155724; padding: 5px 10px; border-radius: 5px; font-weight: bold;">
                                            Activo
                                        </span>
                                    @endif
                                </td>
                                {{-- @php
                                    // Define aquí los exámenes protegidos y los suscritos válidos
                                    $examenesProtegidos = [2495, 2497];
                                    $usuariosPermitidos = [68316]; // Pon aquí todos los id_suscrito que quieras
                                @endphp --}}
                                <td>
                                    {{-- @if (!in_array($examen->id_examen, $examenesProtegidos) ||
                                            (session()->has('suscrito') && in_array(session('suscrito')['user']->id_suscrito, $usuariosPermitidos))) --}}

                                        @if ($examen->intentos_realizados < $examen->intentos_totales)
                                            @if (!$examen->bloqueado)
                                                <a href= "{{ url('examen/' . $examen->titulo_rewrite) }}"
                                                    class="uk-button uk-button-secondary uk-button-small">
                                                    <span uk-icon="icon: play-circle"></span> Resolver
                                                </a>

                                                @if ($examen->mensaje_bloqueo)
                                                    <div class="uk-text-meta uk-margin-small-top" style="color: #1e87f0;">
                                                        <span uk-icon="icon: calendar"></span>
                                                        {{ $examen->mensaje_bloqueo }}
                                                    </div>
                                                @endif
                                            @else
                                                <button class="uk-button uk-button-muted uk-button-small" disabled>
                                                    <span uk-icon="icon: lock"></span> {{ $examen->mensaje_bloqueo }}
                                                </button>
                                            @endif
                                        @else
                                            <button class="uk-button uk-button-danger uk-button-small"
                                                uk-toggle="target: #modal-intentos-{{ $examen->id_examen }}">
                                                <span uk-icon="icon: ban"></span> No disponible
                                            </button>

                                            <!-- Modal de intentos agotados -->
                                            <div id="modal-intentos-{{ $examen->id_examen }}" uk-modal>
                                                <div class="uk-modal-dialog uk-modal-body uk-text-center">
                                                    <h2 class="uk-modal-title">Intentos agotados</h2>
                                                    <p>Has realizado <strong>{{ $examen->intentos_realizados }}</strong> de
                                                        <strong>{{ $examen->intentos_totales }}</strong> intentos
                                                        permitidos.
                                                    </p>
                                                    <a href="https://api.whatsapp.com/send/?phone=51957668571&text=Hola%2C+necesito+m%C3%A1s+informaci%C3%B3n+sobre+{{ urlencode($examen->titulo) }}"
                                                        target="_blank" class="uk-button uk-button-primary uk-button-small">
                                                        <span uk-icon="icon: whatsapp"></span> Contactar por WhatsApp
                                                    </a>
                                                    <button class="uk-button uk-button-default uk-modal-close"
                                                        type="button">Cerrar</button>
                                                </div>
                                            </div>
                                        @endif

                                    {{-- @endif --}}
                                </td>

                            </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="uk-text-center">
                                        <span class="uk-text-warning">No tienes exámenes disponibles.</span>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>


            </div>
        </main>
    @endsection