@extends('cultural.examen5thAYear.plantilla5thAYear')
@section('breadcrumb')

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-sm-6 line">
    <h2 style="font-size: 25px;">PARAPHRASE (10 MARKS)</h2>
    <audio src="/cultural/audio/5th Year - Pregunta 5.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 style="text-align: justify; font-size: 15px;">
            <strong>31. </strong>Our teacher gave us a test yesterday.<br> <strong>GIVEN</strong> <br> We <input type="text" name="17_31" id="17_31" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> a test yesterday.<br><br>
            <strong>32. </strong>Perhaps the teacher will give us another test next week.<br> <strong>MAY</strong> <br> The teacher <input type="text" name="17_32" id="17_32" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> another test next week.<br><br>
            <strong>33. </strong>I have never had such a long test. I couldn't finish it. <br> <strong>SO</strong> <br> The test was <input type="text" name="17_33" id="17_33" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> couldn't finish it. <br><br>
            <strong>34. </strong>All the other exercises in the test were easy. Number 4 was difficult <br> <strong>MOST</strong> <br> Number 4 was <input type="text" name="17_34" id="17_34" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> exercise in the test.<br><br>
            <strong>35. </strong>My parents got married 20 years ago <br> <strong>HAVE</strong> <br> My parents <input type="text" name="17_35" id="17_35" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> 20 years. <br><br>
        </p>
    </form>
</div>
<div class="col-sm-6 pt-5 line">
<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; font-size: 15px;">
        <strong>36. </strong>This exercise is so difficult, I just can't do it. <br> <strong>IF</strong> <br> I could do this exercise <input type="text" name="17_36" id="17_36" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> so difficult.<br><br>
        <strong>37. </strong>Maria suggested we visit the new school for more information. <br> <strong>SUGGESTED</strong> <br> Maria <input type="text" name="17_37" id="17_37" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> the new school for more information.<br><br>
        <strong>38. </strong>“Study more the next time!” the new teacher said to me <br> <strong>TOLD</strong> <br> The new teacher <input type="text" name="17_38" id="17_38" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> study more the next time<br><br>
        <strong>39. </strong>They expelled a student last year. He had been suspended before <br> <strong>WHO</strong> <br> The student, <input type="text" name="17_39" id="17_39" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;">, had been suspended before.<br><br>
        <strong>40. </strong>Because I'm very sleepy I can't finish my homework now. <br> <strong>TOO</strong> <br> I'm <input type="text" name="17_40" id="17_40" onchange="guardarRespuesta();" class="form-control" style="display:inline; width:200px;"> my homework now. <br>
        </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="/examen5thAYear/pregunta4/{{$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="/examen5thAYear/pregunta6/{{$examen->idexamen}}/{{$cliente->id}}" class="btn btn-cultural"> SIGUIENTE</a>
        </div>
    </div>
@else
    <div class="row">
        <div class="col-6 text-left">
            <a href="/examen5thAYear/pregunta4/{{$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="/examen5thAYear/pregunta6/{{$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) {
            
            }
        });
    }