{% extends "base.html" %}
{% block title %} Revisar tarea {{user.usuario.rol}} | {{super}}{%endblock %}

{%block escoge-asignatura%}
  {{informacion.asignatura.slug}}
{%endblock%}

{% block navbar%}
{%include "app/include/menu.html"%}
{%endblock%}

<!-- Contenido -->
{%block content%}
<div class="row-fluid">
      <div class="span8" id="cuestionario">
            <div class="cuestionario">
                {%if evaluacion and preguntas_tarea %}
              <form action="{%url ver_evaluacion_tarea informacion.asignatura.slug evaluacion.tarea.actividades.id %}" method='POST' id="tareaForm">
                  {% csrf_token %}

                <hr>
                <h2>TAREA</h2>
                <hr>

                {%for pregunta in preguntas_tarea.all %}
                        {% if pregunta.realizador == tarea.user %}
                <div id="scrollbar1">
                    <div class="scrollbar"  ><div class="track"><div class="thumb" ><div class="end" ></div></div></div></div>

                    <div class="viewport" >
                          <div class="overview" >
                      <h2><span class="num"><{{ forloop.counter }}</span></h2><h4>{{pregunta.text}}</h4>

                            <p>
                                  {% if pregunta.type == 1 %}
                                        {{pregunta.tarea_respuesta_pregunta.all.0.respuesta}}
                                  {% else %}
                                    {% if pregunta.type == 3 %}
                                              {% for eleccion in  pregunta.tarea_eleccion_pregunta.all%}

                                                {% if eleccion.pregunta.realizador == tarea.user%}
                                                  {{eleccion.name}} 
                                                {% endif %}
                                              {%endfor%}
                                    {% else %}
                                        {{pregunta.tarea_eleccion_pregunta.all.0.name}}
                                    {% endif%}

                                {% endif %}
                            </p>



                          </div>
                    </div>
                 </div>     
                      <div style="margin-left:5%;">
                      {% for pregunta_ev in preguntas_actividad.all %}
                        {%if pregunta_ev.nr == pregunta.nr %}
                          <h2><span class="num">{{ pregunta.nr }}</span></h2><h3>{{pregunta_ev.text}} : </h3>
                            <p>
                              <div class="btn-group" data-toggle="buttons-radio">
                                    {% for respuesta in pregunta_ev.tarea_eleccion_pregunta.all%}
                                      <label class="btn btn-primary">
                                        <input type="radio" value="{{respuesta.name}}" class="btn btn-primary" style="color:yellow;" name="califica[{{pregunta_ev.pregunta_evaluada.nr}}]"/>
                                        {{respuesta.name}}                                      
                                      </label>
                                    {%endfor%}
                              </div>
                            </p> 
                          <br>
                          <h3>Comentario:</h3>
                          <p>
                              <div class="btn-group">
                                <textarea class="x-large" style="width:100%;"cols="100" rows="8" value="" name="nota[{{pregunta_ev.pregunta_evaluada.nr}}]"></textarea>
                              </div>

                            </p>                        

                      {%endif%}

                      {% endfor%}
                      </div>
                {%endif%}
              {%endfor%}
              <hr>
              <h2>CUESTIONARIO DE VALORACION</h2>
              <hr>
    
       
                  {% for pregunta in preguntas %}
                      {% if not pregunta.realizador %}
                      <div class="pregunta">
                      <h2><span class="num">{{ forloop.counter }}</span></h2><h3>{{pregunta.text}}</h3>
                            <p>

                
                              {% ifnotequal pregunta.type 1 %}

                               {% if pregunta.type == 2 or pregunta.type == 4  or pregunta.type == 5 %}
                                <div class="btn-group" data-toggle="buttons-radio">
                               {%else%}
                                <div class="btn-group" data-toggle="buttons-checkbox">
                               {%endif%}
                                {% for respuesta in pregunta.eleccion_pregunta.all%}

                                    <label class="btn btn-primary">
                                      {% if respuesta.pregunta.type != 3 %}
                                      <input type="radio" value="{{respuesta.name}}" class="btn btn-primary" style="color:yellow;" name="hash[{{pregunta.nr}}]"/>
                                      {{respuesta.name}}
                                      {%else%}
                                      <input type="checkbox" value="{{respuesta.name}}" class="btn btn-primary" style="color:yellow;" name="hash[{{pregunta.nr}}-{{respuesta.nr}}]"/>
                                      {{respuesta.name}}                                      {%endif%}
                                    </label>

                                {% empty %}
                                  Sin preguntas
                                {% endfor%}
                                </div>
                              </p>
                        {% else %}
                            <p>
                              <div class="btn-group">
                                <textarea class="x-large" style="width:100%;"cols="100" rows="10" value="" name="hash[{{pregunta.nr}}]"></textarea>
                              </div>

                            </p>
                        {%endifnotequal%}
                        </div>
                              {% endif %}

                {% endfor%}
                  </div>
            </div>
          </p>
              <input type="submit" class="btn btn-primary btn-large btn-info offset3" value="Enviar" id="sendButton" />
          </form>                

           {%if informacion.atras %}
              <a href="{{informacion.atras}}" class="btn btn-primary btn-large btn-danger">Volver</a>
           {%endif%}

          {% else %}
            <h3>La actividad esta vacia</h3>
          {% endif %}

          </div>
      </div>
</div>
 
{% endblock%}


{% block extra_js%}

<script type="text/javascript" src="http://baijs.nl/tinyscrollbar/js/jquery.tinyscrollbar.min.js"></script>

<script type="text/javascript">
      $(document).ready(function(){
            $('#scrollbar1').tinyscrollbar();

      });
</script>
{% endblock%}