{% extends "base.html" %}
{% block page_content %}
<div class="wrapper">
  <div id="header">
    <div id="logo">
      <h1><a href="{% url 'voda/index' %}">Voda</a></h1>
      <p>Spotreba vody</p>
    </div>
    <div id="topnav">
      <ul>
        <li class="active"><a href="{% url 'voda/index' %}">Voda</a></li>
        <li><a href="{% url 'voda/index' %}">Elektrika</a></li>
        <li><a href="{% url 'voda/index' %}">Plyn</a></li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>
<div class="wrapper">
{% for i in voda %}
  <div id="intro">
    <ul>
      <li>
        <h2>Dátum: {{ i.datum }}</h2>
        <p>Spotreba: {{ i.spotreba }} m3</p>
        <p>Rozdiel spotreby: {{ i.rozdiel_spotreby }} m3</p>
        <p>Denná spotreba: {{ i.denna_spotreba }} m3</p>
        <p class="readmore"><a href="{% url 'voda/detail' i.id %}">Detaily</a></p>
      </li>
    </ul>
    <br class="clear" />
  </div>
{% endfor %}
  <br class="clear" />
</div>
{% endblock %}