@extends('cultural.plantillaInstructivo')
@section('breadcrumb')

@endsection
@section('titulo', "Instructivo")
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
@section('contenido')

 
<div class="col-12">
<audio id="audio" src="/cultural/audio/Instructivoexamen1.mp3" autoplay controls loop></audio>
<div class="alert alert-secondary mt-3" role="alert">
<h2 class="text-center" style="font-size: 23px;"> ¡Bienvenido/a al examen online del departamento de alumnos libres de Cultural
Inglesa <br> de Buenos Aires - Sede Belgrano! </h2> 
<h4 class="py-4" style="font-size: 20px;">LEÉ BIEN LAS INSTRUCCIONES ANTES DE COMENZAR EL EXAMEN: </h4>

<ul>
    <li>REALIZÁ EL EXAMEN EN NOTEBOOK O PC PREFERENTEMENTE.</li> <br> 
    <li>LEÉ ATENTAMENTE LAS INSTRUCCIONES DE CADA ÍTEM.</li> <br>
    <li>TENÉ SIEMPRE PRESENTE EL TIEMPO RESTANTE.</li> <br>
    <li>CUANDO EXPIRE EL TIEMPO DISPONIBLE, LA SESIÓN CADUCARÁ AUTOMÁTICAMENTE.</li> <br>
    <li>PODÉS REALIZAR LAS ACTIVIDADES EN CUALQUIER ORDEN.</li> <br>
    <li>SI NO PODÉS COMPLETAR UNA ACTIVIDAD, PASA A LA SIGUIENTE.</li> <br>
    <li>PODÉS VOLVER A LAS ACTIVIDADES PREVIAS LAS VECES QUE QUIERAS.</li> <br>
    <li>ANTES DE FINALIZAR Y ENTREGAR, REVISÁ HABER COMPLETADO TODO LO POSIBLE. </li> <br>
</ul>

<h2 class="text-center" style="font-size: 25px;">¡SUERTE EN EL EXAMEN!</h2>
</div>   
</div>
        @if(isset($docente) && $docente->fk_idusuario == Session::get('usuario_id'))
        <div class="col-12 text-right pl-2">
        
            <a href="{{ $examen->url }}" class="btn btn-cultural"> Comenzar Examen</a>
        </div>
        @elseif(isset($cliente) && $cliente->fk_idusuario == Session::get('usuario_id') && $cliente->id == $examenAlumno->fk_idcliente) 
        <div class="col-12 text-right pl-2">
        
        <a href="{{ $examen->url }}" class="btn btn-cultural"> Comenzar Examen</a>
        </div>
        @else
        <div class="col-12 text-right pl-2">
            <a href="#" onclick="comenzarModelo();" class="btn btn-cultural"> Comenzar Examen</a>
        </div>

        @endif

<script>
    function comenzarModelo(){
        $.ajax({
        type: "GET",
        url: "/comenzar-modelo",
        data: {
            idexamen: globalId 
        },
        async: true,
        dataType: "json",
        success: function(data) {
        
        window.location.replace("{{ $examen->url }}");
            }
        });
    }

</script>
@endsection