@extends('cultural.examen1stJuniors.plantilla1stJuniors')
@section('breadcrumb')

@endsection
@section('titulo', "$examen->nombre")
@section('contenido')
@section('scripts')
<script>
globalId = '0';
    </script>
@endsection
<div class="col-sm-12">
    <h2 style="font-size: 25px;"> FILL IN THE BLANKS WITH THE WORDS GIVEN (10 MARKS)</h2>
    <audio src="/cultural/audio/1stJuniors-Pregunta5.mp3" autoplay controls></audio> <br>
    <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;">
        Hello friends! My name's Kirk. I live in Ottawa, Canada, but my parents are not
        Canadian. They come from Liverpool, England. Ottawa <strong>21. </strong><select name="6_21" id="6_21" onchange="guardarRespuesta();"> <option value selected></option><option value="1">some</option><option value="2">many</option><option value="3">opposite</option><option value="4">is</option><option value="5">Are</option> </select> a fantastic
        city. There are good restaurants and shops. There is a big shopping centre and
        there are also <strong>22. </strong><select name="6_22" id="6_22" onchange="guardarRespuesta();"><option value selected></option> <option value="1">some</option><option value="2">many</option><option value="3">opposite</option><option value="4">is</option><option value="5">Are</option> </select>
        churches. There 's a Catholic church <strong>23. </strong><select name="6_23" id="6_23" onchange="guardarRespuesta();"><option value selected></option> <option value="1">some</option><option value="2">many</option><option value="3">opposite</option><option value="4">is</option><option value="5">Are</option> </select>
        my school. My school is really big. It's called Barton School. There is a very good cafeteria in my school and there are two libraries, one for very young people and
        one for teenagers <strong>24. </strong><select name="6_24" id="6_24" onchange="guardarRespuesta();"> <option value selected></option><option value="1">some</option><option value="2">many</option><option value="3">opposite</option><option value="4">is</option><option value="5">Are</option> </select>
        there two libraries in your school? How <strong>25. </strong><select name="6_25" id="6_25" onchange="guardarRespuesta();"><option value selected></option> <option value="1">some</option><option value="2">many</option><option value="3">opposite</option><option value="4">is</option><option value="5">Are</option> </select>
        classroom are there? <br> Keep in touch! Kirk.
    </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="/examen1stjunior/pregunta4/{{$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="/examen1stjunior/pregunta6/{{$examen->idexamen}}/{{$cliente->id}}" class="btn btn-cultural"> SIGUIENTE</a>
        </div>
    </div>
    @else
    <div class="row">
        <div class="col-6 text-left">
            <a href="/examen1stjunior/pregunta4/{{$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="/examen1stjunior/pregunta6/{{$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) {
            
            }
        });
    }