@extends('cultural.examen4thJuniors.plantilla4thJuniors')
@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;"> FILL IN THE BLANKS WITH THE WORDS GIVEN (10 MARKS)</h2>
    <audio src="/cultural/audio/4th Juniors - Pregunta 4.mp3" autoplay controls></audio>
    <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-3" style="text-align: justify; font-size: 15px; line-height:40px;">
        For many people, The Beatles were the most amazing band ever, and for many of
        them, John Lennon was a real hero. But who was John Lennon? <br>
        He was born <strong>16. </strong><select name="16_16" id="16_16" onchange="guardarRespuesta();"><option value selected></option> <option value="1">asked</option><option value="2">which</option><option value="3">never</option><option value="4">on</option><option value="5">for</option> </select>
        9th October 1940, when Great Britain was participating in World War II. John's childhood was not easy. His father travelled a
        lot and he was <strong>17. </strong><select name="16_17" id="16_17" onchange="guardarRespuesta();"> <option value selected></option><option value="1">asked</option><option value="2">which</option><option value="3">never</option><option value="4">on</option><option value="5">for</option> </select>
        at home.
        After some difficulties, John went to live with his aunt and uncle. John was never a
        good student. He didn't study <strong>18. </strong><select name="16_18" id="16_18" onchange="guardarRespuesta();"><option value selected></option> <option value="1">asked</option><option value="2">which</option><option value="3">never</option><option value="4">on</option><option value="5">for</option> </select>
        exams. He just enjoyed composing music. His first band was formed 1956. He first met Paul Mc Cartney at
        his band second performance  <strong>19. </strong><select name="16_19" id="16_19" onchange="guardarRespuesta();"> <option value selected></option><option value="1">asked</option><option value="2">which</option><option value="3">never</option><option value="4">on</option><option value="5">for</option> </select>
        took place in Woolton at St Peter's Church party. John  <strong>20. </strong><select name="16_20" id="16_20" onchange="guardarRespuesta();"><option value selected></option> <option value="1">asked</option><option value="2">which</option><option value="3">never</option><option value="4">on</option><option value="5">for</option> </select>
        Mc Cartney if we wanted to join the band, and he immediately accepted. He was only 14!
    </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="/examen4thjunior/pregunta3/{{$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="/examen4thjunior/pregunta5/{{$examen->idexamen}}/{{$cliente->id}}" class="btn btn-cultural"> SIGUIENTE</a>
        </div>
    </div>
@else
    <div class="row">
        <div class="col-6 text-left">
            <a href="/examen4thjunior/pregunta3/{{$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="/examen4thjunior/pregunta5/{{$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) {
            
            }
        });
    }