@extends('cultural.examen2ndJuniors.plantilla2ndJuniors')
@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/2ndJuniors-Pregunta3.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; line-height: 40px;">
            I love Spanish food, so I <strong>11. </strong> <select name="14_11" id="11_1" onchange="guardarRespuesta();"> <option value selected></option><option value="1">always</option><option value="2">never</option></select> go to Manolo's, the Spanish
            restaurant down the road, when it's my birthday. My family love the food at Manolo's. They make a special kind of paella from Valencia. 
            It's made with <strong>12. </strong><select name="14_12" id="14_12" onchange="guardarRespuesta();"> <option value selected></option><option value="1">rice</option><option value="2">rices</option></select>, vegetables and fish. I like the people who work there. They're very
            friendly.<br>
            Two years <strong>13. </strong><select name="14_13" id="14_13" onchange="guardarRespuesta();"><option value selected></option> <option value="1">ago</option><option value="2">last</option> </select> I went to Spain on holiday and I think Manolo's paella is
            better than the ones I had in Spain. <br>
            The last time I went there was in June. My <strong>14. </strong><select name="14_14" id="14_14" onchange="guardarRespuesta();"><option value selected></option> <option value="1">more old</option><option value="2">older</option></select>
            brother passed all his exams so we went there to celebrate. Last summer my grandparents came to
            visit  <strong>15. </strong><select name="14_15" id="14_15" onchange="guardarRespuesta();"> <option value selected></option><option value="1">from </option><option value="2">in</option> </select>
            Brazil so we took them to Manolo's. They only eat Brazilian food, so they just ordered beans and rice because they loved it! 
        </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="/examen2ndjunior/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="/examen2ndjunior/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="/examen2ndjunior/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="/examen2ndjunior/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) {
            
            }
        });
    }