@extends('cultural.examen6thAYear.plantilla6thAYear')
@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;">MULTIPLE CHOICE (10 MARKS)</h2>
    <audio src="/cultural/audio/6th 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 style="text-align: justify; font-size: 15px; line-height: 30px;">
            Nowadays every one person game seems to be based <strong>6. </strong><select name="18_6" id="18_6" onchange="guardarRespuesta();"> <option value selected></option><option value="1">in</option><option value="2">on</option></select> killing, so you'd think the most
            popular computer games character would be some soldier from a violent shoot'em up <strong>7. </strong><select name="18_7" id="18_7" onchange="guardarRespuesta();"> <option value selected></option><option value="1">in fact</option><option value="2">despite</option></select>
            it's a friendly plumber called Mario, Nintendo's megastar.<br>
            Mario first appeared in a classic platform for arcades: Donkey Kong. In the game, players go up a
            level after dodging barrels thrown at them  
            <strong>8. </strong><select name="18_8" id="18_8" onchange="guardarRespuesta();"><option value selected></option> <option value="1">for</option><option value="2">by</option> </select>
            a giant ape. It was <strong>9. </strong><select name="18_9" id="18_9" onchange="guardarRespuesta();"><option value selected></option> <option value="1">completely</option><option value="2">completed</option></select>.
            addictive as people progressed from one stage  <strong>10. </strong><select name="18_10" id="18_10" onchange="guardarRespuesta();"><option value selected></option> <option value="1">into </option><option value="2">to</option> </select>
            the next. Its simple graphics explain Mario's distinctive red and blue costume: those bright colours made him easier  
            <strong>11. </strong><select name="18_11" id="18_11" onchange="guardarRespuesta();"><option value selected></option> <option value="1">for </option><option value="2">to</option> </select> see.<br>
            Mario is popular with children as well <strong>12. </strong><select name="18_12" id="18_12" onchange="guardarRespuesta();"><option value selected></option> <option value="1">as </option><option value="2">so</option> </select>
            adults so he's often the star in each new Nintendo console, like the Wii. One of their
            <strong>13. </strong><select name="18_13" id="18_13" onchange="guardarRespuesta();"> <option value selected></option> <option value="1">bigger </option><option value="2">biggest</option> </select> sellers was 2008's Super Mario Kart, 
            <strong>14. </strong><select name="18_14" id="18_14" onchange="guardarRespuesta();"> <option value selected></option><option value="1">which </option><option value="2">where</option> </select> players race on a split screen.<br>
            Nintendo fans agree that the Mario games have always provided excellent gameplay pleasure, from the birth of the Mario character
            <strong>15. </strong><select name="18_15" id="18_15" onchange="guardarRespuesta();"><option value selected></option> <option value="1">on </option><option value="2">in</option> </select> 1981, right up to the present day!

        </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="/examen6thAYear/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="/examen6thAYear/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="/examen6thAYear/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="/examen6thAYear/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) {
            
            }
        });
    }