{% extends "base.html" %}
{% block title %} {{informacion.asignatura}} | {{super}}{%endblock %}

{% 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">{{informacion.asignatura.actividad_asignatura.count }}</small>
          </div>

          <div class="row">
          <p class="span4">Revisiones <p><small class="badge">{{informacion.asignatura.actividad_asignatura.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>
          <div class="offset4" style="margin-top:15px;">
              <a href="{%url aniadir_alumno_asignatura informacion.asignatura.slug %}" class="btn btn-primary btn-medium btn-success">Nuevo alumno</a>
              <a href="{%url aniadir_alumnos_asignatura informacion.asignatura.slug %}" class="btn btn-primary btn-medium btn-success">Nuevo listado de alumnos</a>

          </div>

    <br>



 <ul id="tab" class="nav nav-tabs">
            <li class="active"><a href="#alumnos" data-toggle="tab"> Alumnos</a></li>
            <li class=""><a href="#actividades" data-toggle="tab"> Actividades</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="alumnos">
    {% if informacion.asignatura.alumnos%}
        <h3>Listado de alumnos</h3>

           <a href="#borrar_alumnos" role="button"  class="pull-right btn btn-primary btn-medium btn-danger" style="margin:1%;"value="Borrar alumnos"  data-toggle="modal">Borrar alumnos</a>

            <!-- Modal -->
            <div id="borrar_alumnos" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

            <div class="modal-body">
              <p>¿Esta seguro de eliminar todos los alumnos?</p>
              <p class="pull-right">
                <a href="{%url eliminar_alumnos_asignatura informacion.asignatura.slug %}" class="btn btn-primary btn-large">Si</a>
              <button class="btn btn-primary btn-large" data-dismiss="modal" aria-hidden="true">No</button>
              </p>
            </div>

            </div>

        <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>Dni<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>Nota Final<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <th>Tareas</th>
                    <th>Evaluaciones</th>
                    <th>&nbsp;</th>
                  </tr>
                </thead>
                    <tbody>

    {%for  alumno in informacion.asignatura.alumnos %}

                    <tr>    

                      <td>{{forloop.counter}}</td>
                      <td><a href="{% url ver_alumno_asignatura informacion.asignatura.slug alumno.user.username%}">{{alumno.user.username}}</a></td>
                      
                      <td><a href="{% url ver_alumno_asignatura informacion.asignatura.slug alumno.user.username%}">{%if alumno.nombre %}{{alumno.nombre|capfirst}}{%else%}{{alumno.user.username}}{%endif%}</a></td>
                        
                      {%if alumno|obtener_nota_final:informacion.asignatura.slug %}
                          {%if alumno|obtener_nota_final:informacion.asignatura.slug < 5 %}                      
                          <td style="background-color:red;text-align:center;color:white;">

                          <span >{{alumno|obtener_nota_final:informacion.asignatura.slug}}</span>
                          </td>
                          {%else%}
                          <td style="background-color:green;text-align:center;color:white;">

                          <span >{{alumno|obtener_nota_final:informacion.asignatura.slug }}</span>
                          </td>
                          {%endif%}
                        {%else%}
                          <td>-</td>
                        {%endif%}
                      </td>
                        <td ><a href="{% url descarga_tareas_alumno informacion.asignatura.slug alumno.user.username %}"><i class="icon-arrow-down"></i></a></td>
                        <td><a href="{% url descarga_evaluacion_alumno informacion.asignatura.slug alumno.user.username %}"><i class="icon-arrow-down"></i></a></td>
                        <td>
                               <a href="#borrar_alumno-{{alumno}}" role="button" data-toggle="modal"><i class="icon-trash"></i></a>

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

                                <div class="modal-body">
                                  <p>¿Esta seguro de eliminar el alumno {{alumno.nombre}} ?</p>
                                  <p class="pull-right">
                                    <a href="{%url eliminar_alumno_asignatura informacion.asignatura alumno.user.username %}" class="btn btn-primary btn-large">Si</a>
                                  <button class="btn btn-primary btn-large" data-dismiss="modal" aria-hidden="true">No</button>
                                  </p>
                                </div>
                              </div>
                        </td>
                    </tr>
                  



    {%empty%}
    {%endfor%}
    {%endif%}
                    </tbody>
            </table>
            </div>

<div class="tab-pane fade" id="actividades">
          <h3>Listado de actividades</h3>
          {% if informacion.asignatura.actividad_asignatura.all%}
        <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>Fecha Finalizacion<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
                    <td>Descargar</td>
                  </tr>
                </thead>
                    <tbody>

          {% for actividad in informacion.asignatura.actividad_asignatura.all %}
                    <tr>    
                      <td>{{actividad.nr}}</td>
                      <td><a href="{%url ver_actividades_alumnos informacion.asignatura.slug actividad.id %}">{{actividad.name}}</a></td>
                      <td>{{actividad.text|truncatewords:20}}</td>
                      <td>{{actividad.enddate}}</td>
                      <td>{% if actividad.tarea_tarea_actividades.count %}<a href="{% url descarga_todas_tareas informacion.asignatura.slug actividad.id %}"><i class="icon-arrow-down"></i></a>{%endif%}</td>         
                    </tr>
                
    {%empty%}
      No hay ninguna actividad aun


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

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


          {% if informacion.asignatura.actividad_asignatura.all%}
        <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>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 actividad in informacion.asignatura.actividad_asignatura.all %}
                    <tr>    
                      <td>{{actividad.nr}}</td>
                      <td><a href="{%url ver_evaluaciones_alumnos informacion.asignatura.slug actividad.id %}">{{actividad.name}}</a></td>
                      <td>{{actividad.text|truncatewords:20}}</td>
                      <td>{{actividad.enddate}}</td>
                      <td><a href="{% url descarga_todas_evaluaciones informacion.asignatura.slug actividad.id %}"><i class="icon-arrow-down"></i></a></td>         
              
                    </tr>
                
    {%empty%}
      No hay ninguna actividad aun


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


</div>


</div>

  </div>
</div>



{%endblock%}

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


{% endblock%}