@extends('cultural.examen6thAYear.plantilla6thAYear')
@section('breadcrumb')

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-sm-10" id="pregunta4">
    <h2 style="font-size: 25px;">PUT THE VERBS IN BRACKETS IN THE CORRECT TENSE (10 MARKS)</h2>
    <audio src="/cultural/audio/6th Year - Pregunta 4.mp3" autoplay controls></audio>
    <div>
    <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 style="text-align: justify; line-height: 34px">Hi Tony,<br>
                Next week I <strong> 21. (be) </strong> <input type="text" id="18_21" name="18_21" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                in San Diego for a computer games conference. I <strong> 22. (stay)</strong> <input type="text" id="18_22" name="18_22" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                there for three days so it would be great to meet up. I think I <strong> 23. (have) </strong><input type="text" id="18_23" name="18_23" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                Thursday evening free as the sessions that day  <strong>24. (finish) </strong><input type="text" id="18_24" name="18_24" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> at 5:30.<br>
                Every year I <strong>25. (attend) </strong><input type="text" id="18_25" name="18_25" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                The International Computer Games Conference. Last year, one of the best video games ever made, Legend of Zelda: Ocarina of Time 
                <strong>26. (present)</strong> <input type="text" id="18_26" name="18_26" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                It's a mixture of puzzle solving and sword-based combat. The enhanced graphics are incredibly realistic, especially in the version for the Nintendo 3DS console.
                Music <strong> 27. (play)</strong> <input type="text" id="18_27" name="18_27" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                an important role. To go up a level, the player<strong> 28. (must / learn)</strong> <input type="text" id="18_28" name="18_28" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                to play songs on an “ocarina” (a type of flute). Another important aspect of gameplay is exploration – players must obtain new items
                <strong>29. (explore)  </strong><input type="text" id="18_29" name="18_29" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                certain areas. This is a first person game, so players solve puzzles and look around the game world by
                <strong>30. (control) </strong><input type="text" id="18_30" name="18_30" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> the main character, Link. 
            </p>
        </form>
    </div>
</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="/examen6thAYear/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="/examen6thAYear/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="/examen6thAYear/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="/examen6thAYear/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) {
            
            }
        });
    }