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

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

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

{% block content %}
	<h1>Actividad</h1>
	<hr>
<div class="row-fluid">
            <div class="span8">

            <h2>{{tarea.actividades.name}}</h2>
            <br>

            <!-- -->
<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">
                {%for pregunta in preguntas_tarea.all %}
                        {% if pregunta.realizador == tarea.user %}
                              <h3>{{pregunta.text}}</h3>


                              <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 %}
                                          {% if pregunta.type == 6 %}
                                            
                                            <a href="#foto-{{pregunta.id}}" role="button" class="btn" data-toggle="modal">Ver</a>

                                            <!-- Modal -->
                                            <div id="foto-{{pregunta.id}}" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

                                            <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                            <h3 id="myModalLabel">{{pregunta.text}}</h3>
                                            </div>
                                            <div class="modal-body">
                                            <p><a href="{{MEDIA_URL}}{{pregunta.tarea_imagen_pregunta.all.0.foto}}" target="_blank" onClick="window.open(this.href, this.target, 'width=800,height=400'); return false;">

                                              <img src="{{MEDIA_URL}}{{pregunta.tarea_imagen_pregunta.all.0.foto}}" width="100%"/>                                            </a>

                                            </p>
                                            </div>
                                            <div class="modal-footer">
                                            <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
                                            </div>
                                            </div>
                                          {%else%}
                                               {{pregunta.tarea_eleccion_pregunta.all.0.name}}
                                          {%endif%}

                                    {% endif%}
                                  {% endif %}
                              </p>
                                        {% if pregunta.tarea_pregunta_evaluada_actividad.count > 0 %}
                                        <a href="#comentarios-{{pregunta.nr}}" role="button" class="btn" data-toggle="modal">Comentarios</a>

                                        <!-- Modal -->
                                        <div id="comentarios-{{pregunta.nr}}" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

                                        <div class="modal-header">
                                        <h3 id="myModalLabel"> Comentarios - {{pregunta.nr}}</h3>
                                        </div>
                                        <div class="modal-body">
                                              {%for comentario in pregunta.tarea_pregunta_evaluada_actividad.all %}
                                                <p>{{forloop.counter}} - {{comentario.comentario_alumno}}</p>
                                              {%empty%}
                                              <p>No tienes ningun comentario referente a esta pregunta</p>
                                              {%endfor%}

                                        </div>
                                        <div class="modal-footer">
                                        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
                                        </div>
                                        </div> 
                                        {%endif%}
                        {%endif%}
                  {%endfor%}

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

            </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%}