<h2>{{ parameters.title }}</h2>

{% if parameters.layout == "grande" %}

<ul class="actus--list tiles--list">
    {% for fiche in json.data %}
    <li class="actus--item tiles--item">
        <a
            class="tile tile-actu" 
            href="
                {% if fiche.fields.typecontenu_raw == 'externe' %}
                    {{ fiche.fields.urldetail }}
                {% else %}
                    {{ portal_url }}themes/tao/detail-actualite/{{ fiche.id }}/
                {% endif %}"
            >
            {% if fiche.fields.image %}
            <picture class="tile--picture">
                <img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/>
            </picture>
            {% endif %}

            <div class="tile--body">
                <p class="tile--date">{{ fiche.fields.date|date:"d M Y" }}</p>
                <h3 class="tile--title">{{ fiche.fields.titre }}</h3>
                <p class="tile--resume">{{ fiche.fields.resume|linebreaksbr }}</p>
            </div>
        </a>
    </li>
    {% endfor %}
</ul>

{% elif parameters.layout == "petite" %}

<ul class="actus-small--list tiles--list">
    {% for fiche in json.data %}
    <li class="actus-small--item tiles--item">
        <a
            class="tile tile-actu tile-actu-small"
            href="
                {% if fiche.fields.typecontenu_raw == 'externe' %}
                    {{ fiche.fields.urldetail }}
                {% else %}
                    {{ portal_url }}detail-tuile/{{ fiche.id }}/
                {% endif %}"
            >
            {% if fiche.fields.image %}
            <picture class="tile--picture">
                <img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/>
            </picture>
            {% endif %}

            <div class="tile--body">
                <h3 class="tile--title">{{ fiche.fields.titre }}</h3>
            </div>
        </a>
    </li>
    {% endfor %}
</ul>

{% elif parameters.layout == "mini" %}

<ul class="actus-mini--list tiles--list">
    {% for fiche in json.data %}
    <li class="actus-mini--item tiles--item">
        <a
            class="tile tile-actu tile-actu-mini"
            href="
                {% if fiche.fields.typecontenu_raw == 'externe' %}
                    {{ fiche.fields.urldetail }}
                {% else %}
                    {{ portal_url }}detail-tuile/{{ fiche.id }}/
                {% endif %}"
        >
            <div class="tile--body">
                <p class="tile--date">{{ fiche.fields.date|date:"d M Y" }}</p>
                <h3 class="tile--title">{{ fiche.fields.titre }}</h3>
            </div>
        </a>
    </li>
    {% endfor %}
</ul>

{% endif %}



<p class="tiles--btn">
    <a href="{{ parameters.button_url }}" class="button-right-arrow">{{ parameters.button_label }}</a>
</p>
