{% extends "layout.html" %}
{% block content %}
    <div class="full-width">
        <div class="content">
            <h1>Month by month</h1>
            <p>Month compared to last year. Values are in 8h average.</p>
        </div>
        {% for month in months %}
            <div class="content-subtitle">
                <h2>{{month.month_name}}</h2>
            </div>
            <div class="content graph">
                <div class="graph-item">
                    <img src="{{month.month_graph}}" alt="{{month.month_name}} graph">
                </div>
                <div class="graph-item">
                    {{month.table}}
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock content %}