@extends('cultural.examen1stElementary.plantilla1tsElementary')
@section('breadcrumb')

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-12">
<h2 style="font-size: 25px;">LEÉ Y ELEGÍ CON EL COLOR CORRECTO (5 PUNTOS) </h2>
<audio src="/cultural/audio/1stElementary-Pregunta2.mp3" autoplay controls></audio>
<br>
</div>
<div class="col-sm-6">
    <img src="/cultural/images/CorchoconNumeros.png" width="550px" height="400px">
</div>
<div class="col-sm-6 pl-5 pt-3">
<form action="" method="POST" id="form">
<input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
<input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>

    <p class="pt-5 pb-4"><strong>6. </strong>NUMBER 10 IS <select name="13_6" id="13_6" onchange="guardarRespuesta();">
                                <option value selected></option>
                                        
                                        <option value="1">RED</option>
                                        <option value="2">GREEN</option>
                                        <option value="3">BLUE</option>
                                        <option value="4">ORANGE</option>
                                        <option value="5">BLACK</option>
                                </select> </p>

    <p class="pb-4"><strong>7. </strong>NUMBER 3 IS  <select name="13_7" id="13_7" onchange="guardarRespuesta();">
                                <option value selected></option>
                                        <option value="RED">RED</option>
                                        <option value="GREEN">GREEN</option>
                                        <option value="BLUE">BLUE</option>
                                        <option value="ORANGE">ORANGE</option>
                                        <option value="BLACK">BLACK</option>
                                </select> </p>
    <p class="pb-4"><strong>8. </strong>NUMBER 7 IS <select name="13_8" id="13_8" onchange="guardarRespuesta();">
                                <option value selected></option>
                                <option value="RED">RED</option>
                                        <option value="GREEN">GREEN</option>
                                        <option value="BLUE">BLUE</option>
                                        <option value="ORANGE">ORANGE</option>
                                        <option value="BLACK">BLACK</option>
                                </select> </p>
    <p class="pb-4"><strong>9. </strong>NUMBER 5 IS <select name="13_9" id="13_9" onchange="guardarRespuesta();">
                                <option value selected></option>
                                        <    <option value="RED">RED</option>
                                        <option value="GREEN">GREEN</option>
                                        <option value="BLUE">BLUE</option>
                                        <option value="ORANGE">ORANGE</option>
                                        <option value="BLACK">BLACK</option>
                                </select> </p>
    <p class="pb-4"><strong>10. </strong>NUMBER 2 IS <select name="13_10" id="13_10" onchange="guardarRespuesta();">
                                <option value selected></option>
                                        <option value="RED">RED</option>
                                        <option value="GREEN">GREEN</option>
                                        <option value="BLUE">BLUE</option>
                                        <option value="ORANGE">ORANGE</option>
                                        <option value="BLACK">BLACK</option>
                                </select> </p>  
                             </form>
</div>

<div class="container pt-5">
@if(isset($docente) && $docente->fk_idusuario == Session::get('usuario_id'))
<div class="row">
   
        <div class="col-6 text-left">
            <a href="/examen1stelementary/pregunta1/{{$examen->idexamen}}/{{$cliente->id}}" class="actividad"><i class="fas fa-arrow-left"></i>  Actividad anterior</a>
        </div>
        <div class="col-6 pl-2 text-right">
            <a href="/examen1stelementary/pregunta3/{{$examen->idexamen}}/{{$cliente->id}}" class="btn btn-cultural"> SIGUIENTE</a>
        </div>
    </div>
@else
    <div class="row">
   
        <div class="col-6 text-left">
            <a href="/examen1stelementary/pregunta1/{{$examen->idexamen}}" class="actividad"><i class="fas fa-arrow-left"></i>  Actividad anterior</a>
        </div>
        <div class="col-6 pl-2 text-right">
            <a href="/examen1stelementary/pregunta3/{{$examen->idexamen}}" class="btn btn-cultural"> SIGUIENTE</a>
        </div>
    </div>
    @endif
  
</div>
<script>
 function guardarRespuesta() {
        formulario = $("form").serializeArray();
        $.ajax({
            type: "GET",
            dataType: 'json',
            url: "/examen/guardarRespuesta",
            data: {
                formulario: formulario,
                idexamen: globalId,
                _token: "{{ csrf_token() }}"
            },
        }).done(function(data) {

        });
    } 
    function fAbrirModalTiempo(){
      $('#modalTiempo').modal({backdrop: 'static', keyboard: false});
      $.ajax({
            type: "GET",
            url: "/examen/finalizado",
            data: {
                idexamen: globalId
            },
            async: true,
            dataType: "json",
            success: function(data) {
            
            }
        });
    }