@extends('cultural.examen1stYear.plantilla1styear')
@section('breadcrumb')

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-sm-8" id="pregunta5">
    <h2 style="font-size: 25px;">CHOOSE THE CORRECT WORD TO COMPLETE THE QUESTIONS  (10 MARKS)</h2>
    <audio src="/cultural/audio/1stYear-Pregunta5.mp3" autoplay controls></audio> <br>
  <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>
    <ul>
    <li><strong>26. </strong> <select name="5_26" id="5_26" onchange="guardarRespuesta();">
        <option value selected></option>
        <option value="1">Who</option>
        <option value="2">What</option>
        <option value="3">How old</option>
        <option value="4">How many</option>
        <option value="5">Where</option>
</select> 
    is Tokyo? In the east of Japan.</li>
    <li><strong>27. </strong> <select name="5_27" id="5_27" onchange="guardarRespuesta();">
        <option value selected></option>
        <option value="1">Who</option>
        <option value="2">What</option>
        <option value="3">How old</option>
        <option value="4">How many</option>
        <option value="5">Where</option>
</select>  people are there in Tokyo? About 13 million</li>
    <li><strong>28. </strong><select name="5_28" id="5_28" onchange="guardarRespuesta();">
        <option value selected></option>
        <option value="1">Who</option>
        <option value="2">What</option>
        <option value="3">How old</option>
        <option value="4">How many</option>
        <option value="5">Where</option>
</select>  is there for tourists in your city? Lots of attractions</li>
    <li> <strong>29. </strong><select name="5_29" id="5_29" onchange="guardarRespuesta();">
        <option value selected></option>
        <option value="1">Who</option>
        <option value="2">What</option>
        <option value="3">How old</option>
        <option value="4">How many</option>
        <option value="5">Where</option>
</select>  do you live with? My family</li>
    <li><strong>30. </strong><select name="5_30" id="5_30" onchange="guardarRespuesta();">
        <option value selected></option>
        <option value="1">Who</option>
        <option value="2">What</option>
        <option value="3">How old</option>
        <option value="4">How many</option>
        <option value="5">Where</option>
</select>  is Buenos Aires City? 560 years old.</li>
    </ul>
  </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="/examen1stYear/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="/examen1stYear/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="/examen1stYear/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="/examen1stYear/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) {
            
            }
        });
    }