{% extends "base.html" %}
{% block title %} Listado de Actividades | {{super}}{%endblock %}

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

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


<!-- Contenido -->
{% block content %}
	<h1>Listado de actividades</h1>
	<hr>
	<div class="row-fluid">
	            <div class="span8">
	            	{% if actividad %}
					<table class="table table-striped">
				        <thead>
				          <tr>
				       		<th>Fecha Planteamiento<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
				            <th>Fecha Limite<a href="#"><i class="icon-arrow-up"></i></a><a href="#"><i class="icon-arrow-down"></i></a></th>
			            	<th>Nombre</th>
			            	<th>Trata</th>
				          	<th style="padding-left:10%;">&nbsp;</th>
				          </tr>
				        </thead>
				        <tbody>

					        {% for actividad in actividad %}
					          <tr>
					            <td>{{actividad.date|date:"d/m/Y"}}</td>
					            <td>{{actividad.enddate|date:"d/m/Y"}}</td>

					            <td><a href="{% url editar_actividad_wizard informacion.asignatura actividad.id %}">{{actividad.name}}</a></td>
					            <td>{{actividad.text|truncatewords:10}}</td>
				
					            <td>
					            	<a href="{% url editar_actividad_wizard informacion.asignatura actividad.id %}"> <i class="icon-pencil"></i></a>
					            	{% if actividad.hide %}
					            		<a href="{% url ocultar_actividad_wizard informacion.asignatura.slug actividad.id%}"> <i class=" icon-eye-open"></i></a>  
					            	{% else %}
					            		<a href="{% url ocultar_actividad_wizard informacion.asignatura.slug actividad.id%}"> <i class="icon-eye-close icon-white"></i></a>  
					            	{% endif %}

			                               <a href="#borrar_actividad-{{actividad.nr}}" role="button" data-toggle="modal"><i class="icon-trash"></i></a>

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

			                                <div class="modal-body">
			                                  <p>¿Esta seguro de eliminar la actividad {{actividad.text}}?</p>
			                                  <p class="pull-right">
			                                    <a href="{% url borrar_actividad_wizard informacion.asignatura actividad.id %}" 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>
					          {% endfor%}
				          </tbody>
				      </table>
				      {% else %}
				      	<div class="span9"><h4>Aun no hay creada ninguna actividad</h4></div>
				      {% endif%}

				      <a href="{% url crear_actividad_wizard informacion.asignatura %}" class="btn btn-primary btn-large pull-right"><i class="icon-plus"></i> Añadir actividad</a>

	  		</div>
		</div>	
{% endblock%}
{% block extra_js %}
<script src="{{MEDIA_URL}}js/bootstrap/bootstrap-datepicker.js"></script>
<script src="{{MEDIA_URL}}js/bootstrap/bootstrap-timepicker.js"></script>

<script type="text/javascript"> 
 	$(document).ready(function () { 
    		$(".datepicker").datepicker({format: 'dd/mm/yyyy'});

            $('.timepicker').timepicker({
                defaultTime: 'current',
                minuteStep: 15,
                disableFocus: true,
                showMeridian: false,
                template: 'dropdown'
            });

        });
</script>

{% endblock %}

