@extends('cultural.examen1stJuniors.plantilla1stJuniors')
@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 (10 MARKS)</h2>
    <audio src="/cultural/audio/1stJuniors-Pregunta1.mp3" autoplay controls></audio>
        <p style="text-align: justify; font-size: 15px; line-height: 33px;">
            Manchester is the home of
            Manchester United Football
            Club. But is Manchester also an
            important place in the world of
            music? Yes, it is. There's a
            famous school in the city centre
            called Chetham's School of Music.<br>
            Chetham is a specialist school for talented young musicians from around the UK.
            It's a mixed school, for boys and girls, and it's got around 300 students between
            the ages of eight and eighteen. They study academic subjects like Maths and
            English but they also study music for three hours a day. Students play musical
            instruments like the piano or violin. Some students can't play any instruments but
            they can sing really well.<br>
            Manchester has got an orchestra too. They play all around the world. There's also
            the Hallé Youth Orchestra. That's for young people who can play a musical
            instrument but don't go to a music school like Chetham's. 
        </p>
    </div> 
<div class="col-sm-6" class="radio"> 
  
    <h5 style="color: #8B0000; font-size: 25px;">TRUE OR 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>The city of Manchester is famous for its football club.
                </p>

            </div>
            <div class="col-4 pt-2 text-left">
            @if(isset($aRespuestaBBDD['6_1']) && $aRespuestaBBDD['6_1'] == "TRUE")
                <label><input type="radio" id="6_1" name="6_1" value="TRUE" checked onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_1" name="6_1" value="FALSE" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @elseif(isset($aRespuestaBBDD['6_1']) && $aRespuestaBBDD['6_1'] == "FALSE")
                <label><input type="radio" id="6_1" name="6_1" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_1" name="6_1" value="FALSE" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="6_1" name="6_1" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

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

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>2. </strong>The school is only for girls. 
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
            @if(isset($aRespuestaBBDD['6_2']) && $aRespuestaBBDD['6_2'] == "TRUE")
                <label><input type="radio" id="6_2" name="6_2" value="TRUE" checked onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_2" name="6_2" value="FALSE" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @elseif(isset($aRespuestaBBDD['6_2']) && $aRespuestaBBDD['6_2'] == "FALSE")
                <label><input type="radio" id="6_2" name="6_2" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_2" name="6_2" value="FALSE" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="6_2" name="6_2" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

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

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>3. </strong>Students only study music at Chetham.
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
            @if(isset($aRespuestaBBDD['6_3']) && $aRespuestaBBDD['6_3'] == "TRUE")
                <label><input type="radio" id="6_3" name="6_3 value="TRUE" checked onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_3" name="6_3" value="FALSE" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @elseif(isset($aRespuestaBBDD['6_3']) && $aRespuestaBBDD['6_3'] == "FALSE")
                <label><input type="radio" id="6_3" name="6_3" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_3" name="6_3" value="FALSE" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="6_3" name="6_3" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_3" name="6_3" value="FALSE" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @endif
            </div>
        </div>
       
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>4. </strong>Some students don't play any instruments.
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
            @if(isset($aRespuestaBBDD['6_4']) && $aRespuestaBBDD['6_4'] == "TRUE")
                <label><input type="radio" id="6_4" name="6_4" value="TRUE" checked onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_4" name="6_4" value="FALSE" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @elseif(isset($aRespuestaBBDD['6_4']) && $aRespuestaBBDD['6_4'] == "FALSE")
                <label><input type="radio" id="6_4" name="6_4" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_4" name="6_4" value="FALSE" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="6_4" name="6_4" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_4" name="6_4" value="FALSE" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>5. </strong>Manchester hasn't got an orchestra.
                </p>

            </div>
            <div class="col-4 pt-3 text-left">
            @if(isset($aRespuestaBBDD['6_5']) && $aRespuestaBBDD['6_5'] == "TRUE")
                <label><input type="radio" id="6_5" name="6_5" value="TRUE" checked onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_5" name="6_5" value="FALSE" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @elseif(isset($aRespuestaBBDD['6_5']) && $aRespuestaBBDD['6_5'] == "FALSE")
                <label><input type="radio" id="6_5" name="6_5" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="6_5" name="6_5" value="FALSE" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="6_5" name="6_5" value="TRUE" onchange="guardarRespuesta();"><strong> YES</strong></label>

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

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