{% extends "layout.html" %}
{% block body %}

<div class="container well-large">
   <h1>{{subject}}</h1>
   <div class="row-fluid ">
      {%- for key, year in dates.items() recursive %}   
                    {%- if year %}  
                    <div class="span6">
                      <li> <a href="#">{{key}}</a>
                        <ul class="">
                        
                        {% for month, days in year.items() %} 
                        <li><a href="#" class=""> {{month}}</a>
                          <ul class="">
                            {% for day in days %}
                                <div class="row-fluid well-small">
                                  <div class="span4">
                                    <li><a href="/view/{{subject}}/{{day.source}}" class="small"> {{day.weekday}}, {{day.day}}</a></li>
                                  </div>
                                  <div class="pull-right">
                                    <a class="btn" href="/view/{{subject}}/{{day.source}}"> View</a>
                                    <a class="btn"> Download</a>
                                  </div>
                      
                                  </div>
                                
                            {% endfor %}
                          </ul>
                        </li>
                        {% endfor %} 
                        </ul>
                      </li>     
                      </li>    
                      </div>                
                    {%-endif%}                     
                {%- endfor %} 
              </div>
    <div class="row-fluid ">
      <a class="btn btn-large"> Download all</a>
    </div>
              
</div>
  {% endblock %}