@extends('cultural.examen4thJuniors.plantilla4thJuniors')
@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/4th Juniors - Pregunta 1.mp3" autoplay controls></audio>
        <p style="text-align: justify; font-size: 15px; line-height: 30px;">
            Is most of the music teenagers listen to downloaded legally?
            Last year 96% of all songs downloaded weren't paid for – they were downloaded
            illegally. A new survey has revealed that most teenagers have approximately 840
            illegal music tracks on their mp3 players.<br>
            The number of illegal downloads by 14 – 17 year –
            olds is higher – around 1,080. In addition, nearly
            60 % of young people often copy CDs from their
            friends, share music files by email or copy all of
            the music from a friend's computer. In the survey
            80% of young people who regularly download
            music explained that they were happy to download music from a library, but there
            wasn't one that had enough music.<br>
            Authorities were thinking of identifying people who download illegally through their
            ISP (Internet Service Provider) but this is impractical. British Music Rights is trying
            to solve the problem in another way. The organization wants ISPs to add large
            collections of music to broadband services for a small extra cost. In France the
            company Orange has agreed to provide downloads of more than a million songs
            for mobile phones and home computers for $12 a month. Other providers will
            probably make similar agreements, so the problem of illegal downloads could soon
            be a thing of the past. 
        </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>The survey shows that most of the music is downloaded illegally.
                </p>

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

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

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>2. </strong>Young people often buy CDs from a music store.  
                </p>

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

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

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>3. </strong>Teenagers say that they wouldn't be happy to pay to download music.
                </p>

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

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

            </div>
        </div>
       
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>4. </strong>Authorities are thinking to solve the problem.
                </p>

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

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

            </div>
        </div>
        <div class="row">
            <div class="col-8 pt-3">
                <p><strong>5. </strong>The writer thinks that illegal downloads will be a problem in the future.
                </p>

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

                <label><input type="radio" id="16_5" name="16_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="/examen4thjunior/pregunta2/{{$examen->idexamen}}/{{$cliente->idcliente}}" class="btn btn-cultural"> SIGUIENTE</a>  
        </div>

    </div>
    @else
    <div class="row">
        <div class="col-12 pl-2 text-right">
            <a href="/examen4thjunior/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) {
            
            }
        });
    }