@extends('cultural.examen3rdYear.plantilla3rdYear')
@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 (10 MARKS)</h2>
    <audio src="/cultural/audio/3rdYear-Pregunta3.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 Laura!<br>
                How are you doing? Remember last week I <strong> 11. (tell) </strong> <input type="text" id="9_11" name="9_11"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">
                you that Marta <strong> 12. (have)</strong> <input type="text" id="9_12" name="9_12"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> a party on Saturday night? Well, you won't believe it but my mum 
                <strong> 13. (just / tell)</strong> <input type="text" id="9_13" name="9_13"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> me that it's my grandma's 70th birthday party on the same day and all the
                family have to go. I  <strong>14. (already / tell) </strong><input type="text" id="9_14" name="9_14"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> Mum I couldn't go with them
                because I had  <strong>15. (do) </strong><input type="text" id="9_15" name="9_15"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> a school project with Marta. My mum believed me and
                said I <strong>16. (can / stay)</strong> <input type="text" id="9_16" name="9_16"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> at Marta's house on Saturday night. Now I
                <strong> 17. (feel)</strong> <input type="text" id="9_17" name="9_17"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> terrible! If Mum
                <strong> 18. (find)</strong> <input type="text" id="9_18" name="9_18"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> out the truth, she'll go crazy. What 
                <strong>19. (you do)  </strong><input type="text" id="9_19" name="9_19"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> if you were me, Laura? What
                <strong>20. (i / do) </strong><input type="text" id="9_20" name="9_20"  onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> ?<br>
                Thx! Emma. 
            </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="/examen3rdYear/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="/examen3rdYear/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="/examen3rdYear/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="/examen3rdYear/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) {
            
            }
        });
    }