{% extends "base.html" %}
{% block content %}

<section class="row header-row">
    <section class="col-sm-12">
        <a href="{% url 'lifting-month' prev_date.year prev_date.month %}">&larr; Previous</a>
        <h3 class="month-name">{{date|date:"F Y"}}</h3>
        <a href="{% url 'lifting-month' next_date.year next_date.month %}">Next &rarr;</a>
    </section>
</section>

<section class="row">
    <section class="col-sm-12">
        <table class="table calendar-month">
            <thead>
                <tr>
                <th>Sunday</th>
                <th>Monday</th>
                <th>Tuesday</th>
                <th>Wednesday</th>
                <th>Thursday</th>
                <th>Friday</th>
                <th>Saturday</th>
                <tr>
            </thead>
            <tbody>
            {% for week in days %}
            <tr>
                {% for day in week %}
                    <td class="calendar-day">
                        {% if day %}
                        <div class="day-number">
                            <a href="{% url 'lifting-day' date.year date.month day.number %}">{{day.number}}</a>
                        </div>
                        <ul class="month-day-list">
                            {% for lift in day.lifts %}
                            <li>
                            <a href="{% url 'lift-detail' lift.id %}">{{lift.display_name}}</a>
                            </li>
                            {% endfor %}
                        </ul>
                        {% endif %}
                    </td>
                {% endfor %}
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </section>
</section>

{% endblock %}