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

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-sm-6">
    <h2 style="font-size: 25px;">READING COMPREHENSION</h2>
    <audio src="/cultural/audio/1stYear-Pregunta1.mp3" autoplay controls></audio>

        <p style="text-align: justify; font-size: 15px; line-height: 30px;">
            Hi! I'm Gordon and I'm from Manchester, a city in the UK. Manchester is a big city with a population of
            about 500,000 people. There is a river in Manchester, the Mersey River and the weather is usually nice;
            mild in summer and not extremely cold in winter. There are two universities, a lot of museums,
            expensive shops, cafes and big restaurants and even a castle near the city; but what makes
            Manchester popular all over the world is football. There are two big
            football teams here: Manchester United and Manchester City. I'm a
            Manchester City fan. I love football. Are you into football? <br>
            In my free time I love playing football but I'm not very good at it, and
            I sometimes play tennis, too. I want to play well, but I'm lazy. I'm not
            keen on reading but I do well at school.<br>
            I'm at Priory School in Manchester. It's a small school – there are
            only two hundred students here. It's a school for boys and girls.
            There are twenty teachers and a lot of different rooms. They are all
            very nice and friendly. <br>
            I'm interested in sports and there is a big gymnasium for our PE classes but there isn't a swimmingpool here at school – we go to the city centre for swimming classes. I love Science and ICT too, but
            there aren't any modern computers in our ICT room. They're very old! <br>
            What about you? Write back soon and tell me about your town and your school.

        </p>
</div>
<div class="col-sm-6" class="radio">
  
    <h5 style="color: #8B0000; font-size: 25px;">TRUE O FALSE </h5>
    <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="row">
            <div class="col-8 pt-2">
                <p><strong>1. </strong>Gordon is from the United Kingdom.
                </p>

            </div>
            <div class="col-4 pt-2 text-left">
                <label><input type="radio" id="5_1" name="5_1" value="TRUE" onchange="guardarRespuesta();"><strong> TRUE</strong></label>

                <label><input type="radio" id="5_1" name="5_1" value="FALSE" onchange="guardarRespuesta();"><strong> FALSE</strong></label>

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>2. </strong>Gordon is into football and supports Manchester United. 
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
                <label><input type="radio" id="5_2" name="5_2" value="TRUE" onchange="guardarRespuesta();"><strong> TRUE</strong></label>

                <label><input type="radio" id="5_2" name="5_2" value="FALSE" onchange="guardarRespuesta();"><strong> FALSE</strong></label>

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>3. </strong>Gordon goes to a boys-only school in Manchester.
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
                <label><input type="radio" id="5_3" name="5_3" value="TRUE" onchange="guardarRespuesta();"><strong> TRUE</strong></label>

                <label><input type="radio" id="5_3" name="5_3" value="FALSE" onchange="guardarRespuesta();"><strong> FALSE</strong></label>

            </div>
        </div>
       
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>4. </strong>Gordon likes all of his teachers at school.
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
                <label><input type="radio" id="5_4" name="5_4" value="TRUE" onchange="guardarRespuesta();"><strong> TRUE</strong></label>

                <label><input type="radio" id="5_4" name="5_4" value="FALSE" onchange="guardarRespuesta();"><strong> FALSE</strong></label>

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>5. </strong>Gordon has swimming lessons in the big school gymnasium.
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
                <label><input type="radio" id="5_5" name="5_5" value="TRUE" onchange="guardarRespuesta();"><strong> TRUE</strong></label>

                <label><input type="radio" id="5_5" name="5_5" value="FALSE" onchange="guardarRespuesta();"><strong> FALSE</strong></label>

            </div>
        </div>
       

    </form>
   
</div>
<div class="container pt-5">
@if(isset($docente) && $docente->fk_idusuario == Session::get('usuario_id'))
    <div class="row">
        <div class="col-12 pl-2 text-right">
            <a href="/examen1stYear/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="/examen1stYear/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) {
            
            }
        });
    }