@extends('cultural.examen2ndGrade.plantilla2ndGrade')
@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;">TOMMY DESCRIBE SU CIUDAD. MIRÁ EL DIBUJO Y ELEGÍ LA OPCIÓN CORRECTA <br> (5 PUNTOS) </h2>
    <audio src="/cultural/audio/2ndGrade-Pregunta2.mp3" autoplay controls></audio>
    <div class="text-center pt-4">
        <img src="/cultural/images/Parque sin gente (1) (1).png" width="100%">
    </div>
</div>
<div class="col-12 mt-5">
<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; line-height: 40px;">
            HELLO! MY NAME IS TOMMY. IT’S 10 O’CLOCK ON SATURDAY MORNING AND NOW I’M GOING TO THE PET SHOP WITH MY DOG. 
            THIS IS MY TOWN. IT’S SMALL BUT THERE ARE LOTS OF SHOPS. 
            THERE IS A <strong>6. </strong> <select name="12_6" id="12_6">
            <option value selected></option>
            <option value="1">LIBRARY </option>
            <option value="2">SCHOOL </option>
            </select> BETWEEN THE RESTAURANT AND THE HOSPITAL. 
            THERE IS A <strong>7. </strong> <select name="12_7" id="12_7">
            <option value selected></option>
            <option value="1">GREENGROCER </option>
            <option value="2">SUPERMARKET </option>
            </select> NEXT TO THE CINEMA. 
            THERE IS A <strong>8. </strong><select name="12_8" id="12_8">
            <option value selected></option>
            <option value="1">SCHOOL </option>
            <option value="2">PET SHOP </option>
            </select> OPPOSITE THE PARK. 
            THERE IS A <strong>9. </strong> <select name="12_9" id="12_9">
            <option value selected></option>
            <option value="1">HOSPITAL </option>
            <option value="2">BANK </option>
            </select> NEXT TO THE LIBARY. 
            THERE IS A <strong>10. </strong><select name="12_10" id="12_10">
            <option value selected></option>
            <option value="1">CINEMA </option>
            <option value="2">PARK </option>
            </select> BETWEEN THE GREENGROCER’S AND THE PET SHOP.

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