@extends('cultural.examen2ndYear.plantilla2ndYear')
@section('breadcrumb')

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-sm-11" id="pregunta4">
    <h2 style="font-size: 25px;">PUT THE VERBS IN BRACKETS IN THE CORRECT TENSE (5 MARKS)</h2>
    <audio src="/cultural/audio/2nd 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 everybody! <br>
                <strong> 15. (do) </strong> <input type="text" class="form-control" id="8_15" name="8_15" value="" onchange="guardarRespuesta();" style="display:inline; width:200px;"> anything next Saturday at 3pm? If you 
                <strong> 16. (be)</strong> <input type="text" class="form-control" id="8_16" name="8_16" value="" onchange="guardarRespuesta();" style="display:inline; width:200px;"> cancel it! You mustn't go because I 
                <strong> 17. (now / organize) </strong> <input type="text" id="8_17" name="8_17" value="" class="form-control" onchange="guardarRespuesta();" style="display:inline; width:200px;"> a surprise party for Mijal's birthday. So don't tell anything to her. She
                thinks she <strong>18. (travel) </strong><input type="text" class="form-control" id="8_18" name="8_18" value="" onchange="guardarRespuesta();" style="display:inline; width:200px;"> somewhere with her family next Saturday. As you all
                know, I love  <strong>19. (cook) </strong><input type="text" class="form-control" id="8_19" name="8_19" value="" onchange="guardarRespuesta();" style="display:inline; width:200px;"> I 
                <strong>20. (usually / prepare)</strong> <input type="text" class="form-control" id="8_20" name="8_20" value="" onchange="guardarRespuesta();" style="display:inline; width:200px;"> kebabs. It's her favourite dish. I  
                <strong> 21. (already / buy)</strong> <input type="text" class="form-control" id="8_21" name="8_21" value="" style="display:inline; width:200px;" onchange="guardarRespuesta();"> everything at the Deli Market to make them. You 
                <strong> 22. (must / get)</strong> <input type="text" class="form-control" id="8_22" name="8_22" value="" onchange="guardarRespuesta();" style="display:inline; width:200px;"> the drinks. And a cake because I 
                <strong>23. (not / bake it / yet)  </strong><input type="text" class="form-control" id="8_23" value="" name="8_23" onchange="guardarRespuesta();" style="display:inline; width:200px;"> ; you only
                <strong>24. (need / bring) </strong><input type="text" class="form-control" id="8_24" name="8_24" value="" onchange="guardarRespuesta();" style="display:inline; width:200px;"> something to decorate the place! 
            </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="/examen2ndYear/pregunta3/{{$examen->idexamen}}/{{$cliente->id}}" class="actividad"><i class="fas fa-arrow-left"></i>  Actividad anterior</a>
        </div>
        <div class="col-6 text-right pl-2">
            <a href="/examen2ndYear/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="/examen2ndYear/pregunta3/{{$examen->idexamen}}" class="actividad"><i class="fas fa-arrow-left"></i>  Actividad anterior</a>
        </div>
        <div class="col-6 text-right pl-2">
            <a href="/examen2ndYear/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) {
            
            }
        });
    }