{% extends "django-informer-base.html" %}
{% load staticfiles %}

{% block content %}
    <div class="mdl-grid">
        <div class="mdl-cell mdl-cell--1-col"></div>
        <div class="mdl-cell mdl-cell--10-col">

            <a href="{% url 'default-informer' %}"><div id="back" class="icon material-icons">arrow_back</div></a>
            <div class="mdl-tooltip" data-mdl-for="back">
                back to start
            </div>

            <h1 class="mdl-typography--display-4 mdl-typography--display-4-color-contrast">{{ name }}</h1>
            <h3 class="mdl-typography--display-2 mdl-typography--display-2-color-contrast">{{ message }}</h3>
            <h4 class="mdl-typography--display-1 mdl-typography--display-1-color-contrast">collected measures</h4>

            {% for measure in measures %}
            <h5 class="mdl-typography--headline mdl-typography--headline-color-contrast">
                <a href="{{ measure.url }}">{{ measure.name }}</a>
            </h5>

            <ul class="mdl-list">
                {% for raw in measure.data %}
                <li class="mdl-list__item mdl-list__item--two-line">
                    <span class="mdl-list__item-primary-content">
                        <span>{{ raw.date }}</span>
                        <span class="mdl-list__item-sub-title">{{ raw.value }}</span>
                    </span>
                </li>
                {% endfor %}
            </ul>
            {% empty %}
                <p>nothing to show</p>
            {% endfor %}
        </div>
        <div class="mdl-cell mdl-cell--1-col"></div>
    </div>
{% endblock %}