{% extends "cofcms/base_aside.html" %}
{% load wagtailimages_tags cofcms_tags wagtailcore_tags %}

{% block aside %}
    {% calendar %}
{% endblock %}

{% block content %}
    <section class="intro">
        <h1>{{ page.title }}</h1>
        <div>{{ page.introduction|safe }}</div>
    </section>

    <section class="actulist">
        {% for actu in page.actus %}
            <article class="actu">
                <div class="actu-image" {% if actu.image %}{% image actu.image fill-400x200 as img %}style="background-image:url('{{ img.url }}');"{% endif %}></div>
                <div class="actu-infos">
                    <h2><a href="{% pageurl actu %}">{{ actu.title }}</a></h2>
                    {% if actu.is_event %}
                        <p><span class="actu-dates">{{ actu.dates|capfirst }}</span><br />{{ actu.chapo }}</p>
                    {% else %}
                        {{ actu.body|safe|truncatewords_html:25 }}
                    {% endif %}
                    <a href="{% pageurl actu %}">Lire plus &gt;</a>
                </div>
            </article>
        {% endfor %}
    </section>
{% endblock %}