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

    {% for article_category in articles_homepage %}
    <div class="part marg">
        <h2><a href="{{ article_category.get_absolute_url }}" title="Číst více">{{ article_category.get_title }}</a></h2>
        <p class="info">{{ article_category.get_description }}</p>
        <img class="ilust" src="/media/img/trava.jpg" alt="Zelená tráva, ilustrační obrázek" />
        <ul class="article-list">
        {% for art in latest_articles|slice:":5" %}
          <li><a href="{{ art.get_absolute_url }}" title="{{ art.get_title }}">{{ art.get_title }}</a> <span class="date">({{ art.time_create|date:"d. N Y" }})</span></li>
        {% empty %}
          <li>Žádné články k zobrazení.</li>
        {% endfor %}
        </ul>
        <p class="more"><a href="{{ article_category.get_absolute_url }}" title="Číst více">zobrazit všechny články &raquo;</a></p>
    </div>
    {% endfor %}

    {% for biowaste_category in biowaste_homepage %}
    <div class="part">
        <h2><a href="{{ biowaste_category.get_absolute_url }}" title="Číst více">{{ biowaste_category.get_title }}</a></h2>
        <p class="info">{{ biowaste_category.get_description }}</p>
        <img class="ilust" src="/media/img/bioodpad.jpg" alt="Suché listy, ilustrační obrázek bioodpadu" />
        {{ biowaste_category.get_content.content|truncatewords_html:60 }}
        
        <p class="more"><a href="{{ biowaste_category.get_absolute_url }}" title="Číst více">další informace o bioodpadech &raquo;</a></p>
    </div>
    {% endfor %}

    {% for treatment_category in treatment_homepage %}
    <div class="part clear marg">
        <h2><a href="{{ treatment_category.get_absolute_url }}" title="Číst více">{{ treatment_category.get_title }}</a></h2>
        <p class="info">{{ treatment_category.get_description }}</p>
        <img class="ilust" src="/media/img/cycle.jpg" alt="Cyklus kompostování, zdroj obrázku: www.cuesa.org" />
        {{ treatment_category.get_content.content|truncatewords_html:60 }}
        
        <p class="more"><a href="{{ treatment_category.get_absolute_url }}" title="Číst více">další informace o bioodpadech &raquo;</a></p>
    </div>
    {% endfor %}


    {% for law_category in law_homepage %}
    <div class="part">
        <h2><a href="{{ law_category.get_absolute_url }}" title="Číst více">{{ law_category.get_title }}</a></h2>
        <p class="info">{{ law_category.get_description }}</p>
        <img class="ilust law" src="/media/img/paragraf.png" alt="Paragraf, ilustrační obrázek" />
        <ul class="article-list">
        {% for law in latest_laws|slice:":5" %}
          <li><a href="{{ law.get_absolute_url }}" title="{{ law.get_title }}">{{ law.get_title }}</a></li>
        {% empty %}
          <li>Žádné zákony k zobrazení.</li>
        {% endfor %}
        </ul>
        <p class="more"><a href="{{ law_category.get_absolute_url }}" title="Číst více">další zákony a normy &raquo;</a></p>
    </div>
    {% endfor %}

{% endblock %}