@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-sm-6">

    <h2 style="font-size: 25px;">READING COMPREHENSION (10 MARKS)</h2>
    <audio src="/cultural/audio/2nd Year - Pregunta 1.mp3" autoplay controls></audio>
    <p style="text-align: justify; font-size: 15px;">
        <strong>Al Mahara, Dubai</strong>: It is one of the most amazing restaurants in the world. You take a submarine ride from the
        reception to your table. The dining room is inside a giant aquarium so you can see tropical fish
        swimming past you as you enjoy your delicious meal. The menu is mainly fish dishes but it is a lot more
        expensive than a normal fish and chips dinner! <br>
        <strong>Coolbaby Pet, Beijing</strong>: This has to be one of the craziest restaurants on the planet. It is the first restaurant in the
        world where pets are the main customers! Your dog, cat, hamster or even your rabbit can sit at your
        table and enjoy a meal with you. All the dishes for animals are specially designed to be a lot tastier than
        normal pet food. Their food will be as delicious as yours!<br>
        <strong>Dans le Noir, Paris</strong>: Dans le Noir (In the dark) restaurant in Paris is one of
        the weirdest eating experiences in the world. All the waiters and
        waitresses are blind and you eat in total darkness. Your meal is
        more memorable if you eat in the dark as your senses of smell and
        taste are more sensitive. However, it is a bit more difficult to
        remember what you eat when you can't see it, as our memories are
        83% visual!<br>
        <strong>Duvet Restaurant, New York</strong>: Do you like eating in bed? In the Duvet
        Restaurant in New York you can relax and enjoy your meal in one
        of their 30 luxurious beds. The beds are bigger than normal and it is
        more comfortable than sitting at a table. It's also one of the trendiest restaurants in the “Big Apple”, so
        make a reservation today! <br>
    </p>
</div>
<div class="col-sm-6">
    <h4 style="color: #8B0000;">Which restaurant would the people 1-4 like the most?</h4>
    <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> 

        <div class="pt-4 line"> 
            <div style="display: inline;" class="pt-5 mt-5">
                <p><strong>1. </strong>I want to work with blind people in the future.<input type="text" class="form-control" id="8_1" name="8_1" value="" onchange="guardarRespuesta();"></p>
            </div> <br>
            <div style="display: inline;" class="pt-5 mt-5">
                <p><strong>2. </strong>My ideal morning is to have breakfast in bed.<input type="text" class="form-control" id="8_2" name="8_2" value="" onchange="guardarRespuesta();"></p>
            </div> <br>
            <div style="display: inline;" class="pt-5">
                <p><strong>3. </strong>I've got a fish tank of tropical fish. Fish is my favourite food, too. <input type="text" class="form-control" id="8_3" name="8_3" value="" onchange="guardarRespuesta();"></p>
            </div> <br>
            <div style="display: inline;" class="pt-5">
                <p><strong>4. </strong>I want to be a vet when I leave school. I love all animals. <input type="text" class="form-control" id="8_4" name="8_4" value="" onchange="guardarRespuesta();"></p>
            </div> <br>
        </div>
    </form>
</div>

<div class="container pt-5">
    @if(isset($docente) && Session::get('usuario_id') == $docente->fk_idusuario)
    <div class="row">
        <div class="col-12 pl-2 text-right">
            <a href="/examen2ndYear/pregunta2/{{$examen->idexamen}}/{{$cliente->id}}" class="btn btn-cultural"> SIGUIENTE</a>  
        </div>

    </div>
    @else
    <div class="row">
        <div class="col-12 pl-2 text-right">
            <a href="/examen2ndYear/pregunta2/{{$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) {
            
            }
        });
    }