{% extends "base.html" %}
{% block content_title %}{% endblock %}
{% block content %}        
{% if articles %}
    {% for article in articles_page.object_list %}        

        {# First item #}
        {% if loop.first and not articles_page.has_previous() %}
            <div class="hero-unit">
                <aside id="featured">
                    <article>
                        <h1><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h1> 
                        {% include 'article_infos.html' %}{{ article.content }}{% include 'comments.html' %}
                    </article>
                    {% if loop.length == 1 %}
                        {% include 'pagination.html' %}
                    {% endif %}
                </aside><!-- /#featured -->
            </div>
            {% if loop.length > 1 %}
            <div class="row-fluid">
                <section id="content">
                    <h1>Other articles</h1>
                    <hr />
                        <ol id="posts-list">
            {% endif %}
        {# other items #}
        {% else %} 
            {% if loop.first and articles_page.has_previous %}
            <div class="row-fluid">
                <section id="content">
                    <ol id="posts-list" start="{{ articles_paginator.per_page -1 }}">
            {% endif %}
            <li>
                <div class="span6">
                    <article>    
                    <header>
                            <h1><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title}}">{{ article.title }}</a></h1>
                    </header>
                    
                    <div class="entry-content">
                    {% include 'article_infos.html' %}
                    {{ article.summary }}
                    <a class="btn primary" href="{{ SITEURL }}/{{ article.url }}">read more</a>
                    {% include 'comments.html' %}
                    </div><!-- /.entry-content -->
                    </article>
                </div>
            </li>
        {% endif %}
        {% if loop.last and (articles_page.has_previous() 
           or not articles_page.has_previous() and loop.length > 1) %}
            {% include 'pagination.html' %}
        {% endif %}
    {% endfor %}
    {% if loop.length > 1 or articles_page.has_previous() %}
        </ol><!-- /#posts-list -->
        </section><!-- /#content -->
        </div>
    {% endif %}
{% else %}
    <div class="hero-unit">
        <section id="content" class="body">    
        <h2>Pages</h2>
        {% for page in PAGES %}
            <li><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></li>
        {% endfor %}
        </section>
    </div>
{% endif %}
{% endblock content %}