@extends('cultural.examen2ndYear.plantilla2ndYear')
@section('breadcrumb')

@endsection
@if($examen->nombre == "")
@section('titulo', "2nd YEAR")
@else
@section('titulo', "$examen->nombre")
@endif
@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 (5 MARKS)</h2>
    <audio src="/cultural/audio/2nd 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: 40px;">
        This is my ideal restaurant in NYC (New York City). It's called Cyberfun and Food and it's a very special
        restaurant where you can play computer games and eat tasty food at the same time! It's a paradise for gamers.
        The restaurant is divided <strong>5. </strong><select name="8_5" id="8_5" onchange="guardarRespuesta();"> <option value="" selected></option> <option value="about">about</option><option value="into">into</option><option value="where">where</option><option value="while">while</option><option value="with">with</option> </select> three zones. In one zone there are comfortable chairs 
        <strong>6. </strong> <select name="8_6" id="8_6" onchange="guardarRespuesta();">  <option value="" selected></option> <option value="about">about</option><option value="into">into</option><option value="where">where</option><option value="while">while</option><option value="with">with</option> </select> you can play games and have a snack. This area is perfect if you are on your own. You can
        choose a game to play, or you can read a computer magazine. All the snacks are easy to eat <strong>7. </strong><select name="8_7" id="8_7" onchange="guardarRespuesta();">  <option value="" selected></option> <option value="about">about</option><option value="into">into</option><option value="where">where</option><option value="while">while</option><option value="with">with</option> </select>
        your fingers so you don't miss a minute of gaming <strong>8. </strong><select name="8_8" id="8_8" onchange="guardarRespuesta();">  <option value="" selected> </option> <option value="about">about</option><option value="into">into</option><option value="where">where</option><option value="while">while</option><option value="with">with</option> </select> you eat! The second zone has a table with
        computer screens on it! Here you can play games with your friends and enjoy a meal at the same time. The third
        about into where while with
        area is a technology- free zone where you can talk to your friends and spend time thinking <strong>9. </strong><select name="8_9" id="8_9" onchange="guardarRespuesta();"> <option value="" selected></option> <option value="about">about</option><option value="into">into</option><option value="where">where</option><option value="while">while</option><option value="with">with</option> </select>
        real life!
    </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="/examen2ndYear/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="/examen2ndYear/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="/examen2ndYear/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="/examen2ndYear/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) {
            
            }
        });
    }