@extends('cultural.examen1stElementary.plantilla1tsElementary')
@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;">MIRÁ LOS DIBUJOS. ELEGÍ SI (YES) O NO (NO) SEGÚN CORRESPONDA (5 PUNTOS)</h2>
    <audio src="/cultural/audio/1stElementary-Pregunta3.mp3" autoplay controls></audio>
    <div class="row mt-4">
        <div class="col-4">
            <img src="/cultural/images/nene 1.png" width="250px" height="250px">
        </div>
        <div class="col-4">
            <img src="/cultural/images/nene2.png" width="250px" height="250px">
        </div>
 
        <div class="col-4">

            <img src="/cultural/images/nena 3.png" width="250px" height="250px">
        </div>
    </div>
</div>
<div class="col-sm-12">
    <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-4 pt-5">
                <p><strong>11. </strong>THE SHARPENER IS UNDER THE DESK.
                </p>
 
            </div>
            <div class="col-8 pt-5 text-left">
                @if(isset($aRespuestaBBDD['13_11']) && $aRespuestaBBDD['13_11'] == "YES")
                <label><input type="radio" id="13_11" name="13_11" value="YES" checked onchange="guardarRespuesta();"><strong> YES</strong></label>

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

                <label><input type="radio" id="13_11" name="13_11" value="NO" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="13_11" name="13_11" value="YES" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="13_11" name="13_11" value="NO" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="col-4 pt-3">
                <p><strong>12. </strong>THE RUBBER IS IN THE SCHOOL BAG.
                </p>

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

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

                <label><input type="radio" id="13_12" name="13_12" value="NO" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="13_12" name="13_12" value="YES" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="13_12" name="13_12" value="NO" onchange="guardarRespuesta();"><strong> NO</strong></label>
                @endif
                
            </div>
        </div>
        <div class="row">
            <div class="col-4 pt-3">
                <p><strong>13. </strong>THE GREEN PEN IS ON THE DESK.
                </p>

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

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

                <label><input type="radio" id="13_13" name="13_13" value="NO" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="13_13" name="13_13" value="YES" onchange="guardarRespuesta();"><strong> YES</strong></label>

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

            </div>
        </div>
       
        <div class="row">
            <div class="col-4 pt-3">
                <p><strong>14. </strong>FOUR BOOKS ARE ON THE SCHOOL BAG.
                </p>

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

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

                <label><input type="radio" id="13_14" name="13_14" value="NO" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="13_14" name="13_14" value="YES" onchange="guardarRespuesta();"><strong> YES</strong></label>

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

            </div>
        </div>
        <div class="row">
            <div class="col-4 pt-3">
                <p><strong>15. </strong>THE RULER IS UNDER THE PENCIL CASE.
                </p>

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

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

                <label><input type="radio" id="13_15" name="13_15" value="NO" checked onchange="guardarRespuesta();"><strong> NO</strong></label>
                @else
                <label><input type="radio" id="13_15" name="13_15" value="YES" onchange="guardarRespuesta();"><strong> YES</strong></label>

                <label><input type="radio" id="13_15" name="13_15" value="NO" 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-6 text-left">
            <a href="/examen1stelementary/pregunta2/{{$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="/examen1stelementary/pregunta4/{{$examen->idexamen}}/{{$cliente->id}}" class="btn btn-cultural"> SIGUIENTE</a>
        </div>
    </div>
@else
    <div class="row">
   
        <div class="col-6 text-left">
            <a href="/examen1stelementary/pregunta2/{{$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="/examen1stelementary/pregunta4/{{$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) {
            
            }
        });
    }