{% extends "base.html" %}

{% block ver_perfil%}
"{%url ver_perfil informacion.asignatura.slug %}"
{% endblock%}
{%block escoge-asignatura%}
  {{informacion.asignatura.slug}}
{%endblock%}

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

{%block content %} 


    <div class="span8">


  <h1>Asignatura</h1>
  <br>
    <div class="groupbox">
      <div class="row-fluid">
        <div class="span2 course" >
          <img src="{{MEDIA_URL}}img/placehold/100x100.png">
          <h4>{{ informacion.asignatura.grupo}}</h4>
        </div>
        <div class="span4 description">
          <h3>{{ informacion.asignatura.name}}</h3>
          <div class="row">
          <p class="span4">Actividades <p><small class="badge">{{tareas.count }}</small>
          </div>

          <div class="row">
          <p class="span4">Revisiones <p><small class="badge">{{evaluaciones.count }}</small>
          </div>
        </div>
        <div class="span2 total">
          <div class="page-header">
            <h3>Alumnos</h3>
          </div>
          <div class="page-content">
            <p>{{informacion.asignatura.alumnos.count}}</p>
          </div>
          
        </div>
      </div>
      <div class="page-footer">
        <p>&nbsp;</p>
      </div>
    </div>


    <br>

<hr>

 <ul id="tab" class="nav nav-tabs">
            <li class="active"><a href="#actividades" data-toggle="tab"> Tareas</a></li>
            <li class=""><a href="#cuestionarios" data-toggle="tab"> Revisiones</a></li>
</ul>



<div class="tab-content">



<div class="tab-pane fade active in" id="actividades">
          <h3>Listado de actividades</h3>
          {% if tareas %}
        <table class="table table-condensed table-bordered">
                <thead>
                  <tr>
                    <th>Num<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Nombre<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Descripcion<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Nota<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Fecha Finalizacion<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Descargar</th>
                  </tr>
                </thead>
                    <tbody>
          {% for tarea in tareas %}
                    <tr>    
                      <td>{{tarea.actividades.nr}}</td>
                      <td><a href="{%url ver_tarea informacion.asignatura.slug tarea.actividades.id user%}">{{tarea.actividades.name}}</a></td>
                      <td>{{tarea.actividades.text|truncatewords:20}}</td>
                      <td>{%if tarea.evaluacion_tarea.count %}{{tarea.nota}}{%else%}<small>Sin revisar</small>{%endif%}</td>
                      <td>{{tarea.actividades.enddate}}</td>
                      <td><a href="{% url descarga_tarea informacion.asignatura.slug tarea.actividades.id user%}"><i class="icon-arrow-down"></i></a></td>                

                    </tr>
                
    {%empty%}
      No has realizado ninguna actividad aun


          {%endfor%}
                              </tbody>
            </table>
                {%else%}
               No has realizado ninguna actividad aun
            {%endif%}
</div>

<div class="tab-pane fade" id="cuestionarios">
          <h3>Listado de Revisiones</h3>

 {% if evaluaciones %}
        <table class="table table-condensed table-bordered">
                <thead>
                  <tr>
                    <th>Num<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Nombre<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Descripcion<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Nota<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Fecha Finalizacion<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Descargar</th>
                  </tr>
                </thead>
                    <tbody>

          {% for evaluacion in evaluaciones %}
                    <tr>    
                      <td>{{evaluacion.tarea.actividades.nr}}</td>
                      <td><a href="{% url ver_evaluacion informacion.asignatura.slug evaluacion.id user.username%}">{{evaluacion.tarea.actividades.name}}</a></td>
                      <td>{{evaluacion.tarea.actividades.text|truncatewords:20}}</td>
                      <td>{{evaluacion.nota}}</td>
                      <td>{{evaluacion.tarea.actividades.enddate}}</td>
                      <td><a href="{% url descarga_evaluacion informacion.asignatura.slug evaluacion.id user%}"><i class="icon-arrow-down"></i></a></td>                
                    </tr>
                
    {%empty%}
      No has revisado ninguna actividad aun


          {%endfor%}
                              </tbody>
            </table>
                {%else%}
               No has revisado ninguna actividad aun
            {%endif%}


</div>


</div>

  </div>
</div>



{%endblock%}

{% block extra_js%}
{{super}}
<script>
  $(function () {
    $('#myTab a:last').tab('show');
  })
</script>


{% endblock%}