@extends('cultural.examen4thJuniors.plantilla4thJuniors')
@section('breadcrumb')

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-sm-12">
    <h2 style="font-size: 25px;">MULTIPLE CHOICE (10 MARKS)</h2>
    <audio src="/cultural/audio/4th Juniors - Pregunta 3.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;">
            John Williams is the composer of the Star Wars theme tune. He is one of the most
            respected artists <strong>11. </strong> <select name="16_11" id="16_11" onchange="guardarRespuesta();"> <option value selected></option> <option value="1">which</option><option value="2">who</option></select>
            created the music for some of our favourite films. Creating the music for films is complex. It is usually  
            <strong>12. </strong> <select name="16_12" id="16_12"> <option value selected onchange="guardarRespuesta();"></option> <option value="1">do</option><option value="2">done</option></select>
            after the film has been shot. The composer is shown the film and talked to the directors about what sort of music they would like. 
            Sometimes the filmed is edited to make it fit the music <strong>13. </strong> <select name="16_13" id="16_13" onchange="guardarRespuesta();"> <option value selected></option> <option value="1">better</option><option value="2">good</option> </select>
            John Williams was born in New York and after studying music, he started working
            for a film studio. <strong>14. </strong> <select name="16_14" id="16_14" onchange="guardarRespuesta();"> <option value selected></option> <option value="1">What</option><option value="2">While</option></select>
            ihe was working there, he produced the music for Steven Spielber's shark film Jaws. 
            Spielberg then <strong>15. </strong> <select name="16_15" id="16_15" onchange="guardarRespuesta();">  <option value selected></option><option value="1">told </option><option value="2">said</option> </select>
            George Lucas that he was a very good composer and Williams produced the music for that film. His success did not end with Star Wars, he went on to make the music for Superman and Jurassic Park among others.
        </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/pregunta2/{{$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/pregunta4/{{$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/pregunta2/{{$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/pregunta4/{{$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) {
            
            }
        });
    }