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

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-12">
    <h2 style="font-size: 25px;"> FILL IN THE BLANKS WITH THE WORDS GIVEN (10 MARKS)</h2>
    <audio src="/cultural/audio/5th Year - Pregunta 2.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 class="pt-3" style="text-align: justify; font-size: 15px; line-height: 40px;">
        Most people find that <strong> 6. </strong><select name="17_6" id="17_6" onchange="guardarRespuesta();">
            <option value selected></option>
                <option value="1">as</option>
                <option value="2">at</option>
                <option value="3">best</option>
                <option value="4">in</option>
                <option value="5">it</option>
                <option value="6">kind</option>
                <option value="7">much</option>
                <option value="8">than</option>
                <option value="9">them</option>
                <option value="10">which</option>
            </select> is easier to remember a list of words when they
            have processed <strong>7. </strong><select name="17_7" id="17_7" onchange="guardarRespuesta();"
            <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> in some way. Categorising or grouping usually works as
        well <strong>8. </strong><select name="17_8" id="17_8" onchange="guardarRespuesta();">
        <option value selected></option>
        <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> trying to create or remember a context for a word.
        Words <strong>9. </strong><select name="17_9" id="17_9" onchange="guardarRespuesta();">
        <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> are presented in some <strong>10. </strong><select name="17_10" id="17_10" onchange="guardarRespuesta();">
        <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> of order, e.g.
        alphabetical, are usually easier to remember <strong>11. </strong><select name="17_11" id="17_11" onchange="guardarRespuesta();">
        <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select>the ones which don't seem to
        have any order <strong>12. </strong><select name="17_12" id="17_12" onchange="guardarRespuesta();">
        <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> all. Most language experts agree that one of the
        <strong>13. </strong><select name="17_13" id="17_13" onchange="guardarRespuesta();">
        <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> ways to learn and remember vocabulary is to read as
        <strong>14. </strong><select name="17_14" id="17_14" onchange="guardarRespuesta();">
        <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> as you can, encountering the new words again and again
        <strong>15. </strong><select name="17_15" id="_15" onchange="guardarRespuesta();">
        <option value selected></option>
            <option value="1">as</option>
            <option value="2">at</option>
            <option value="3">best</option>
            <option value="4">in</option>
            <option value="5">it</option>
            <option value="6">kind</option>
            <option value="7">much</option>
            <option value="8">than</option>
            <option value="9">them</option>
            <option value="10">which</option>
        </select> a variety of contexts
    </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/pregunta1/{{$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/pregunta3/{{$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/pregunta1/{{$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/pregunta3/{{$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) {
            
            }
        });
    }