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


{% block extra_head %}
    {{ block.super }}
    <script src="{% static "vendor/jquery/jquery-3.3.1.min.js" %}"></script>
    <script src="{% static "cofcms/js/calendar.js" %}"></script>
{% endblock %}

{% block aside_title %}{% trans "Agenda" %}{% endblock %}
{% block aside %}
    <div id="calendar-wrap">
        {% calendar %}
    </div>
{% endblock %}

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

    <section class="actuhome">
        {% for actu in page.actus %}
            <article class="actu">
                <div class="actu-header" {% if actu.image %}{% image actu.image fill-400x200 as img %}style="background-image:url('{{ img.url }}');"{% endif %}>
                    <h2><a href="{% pageurl actu %}">{{ actu.title }}</a></h2>
                </div>
                <div class="actu-misc">
                    {% if actu.is_event %}
                        <span class="actu-minical">{% mini_calendar actu %}</span><span class="actu-dates">{{ actu|dates }}</span>
                    {% else %}
                        {{ actu.body|richtext|truncatewords_html:10 }}
                    {% endif %}
                </div>
                <a href="{% pageurl actu %}" class="actu-overlay"></a>
            </article>
        {% endfor %}
    </section>
{% endblock %}