<div class="actu--header">
    <p class="actu--date">{{ json.fields.date|date:"d M Y" }}</div>
    <h1 class="actu--title">{{ json.fields.titre }}</h1>
    {% if json.fields.image %}
        <picture class="actu--picture">
            <img  class="actu--img" src="{% make_public_url url=json.fields.image.url %}" width="100%">
            {% if json.fields.legende %}<legend class="actu--legend">{{ json.fields.legende }}</legend>{% endif %}
        </picture>
    {% endif %}
</div>

<div class="actu--body">
    <p>{{ json.fields.resume|linebreaksbr }}</p>

    {% if  json.fields.encart == "Oui" %}
    <section class="actu--insert">
        {% if json.fields.titreencart %}
        <h2 class="actu--insert-title">{{ json.fields.titreencart }}</h2>
        {% endif %}
        <p class="actu--insert-body">
            {{ json.fields.contenuencart|linebreaksbr }}
        </p>
        {% if json.fields.lienencart %}
        <p>
            <a class="actu--insert-link" href="{{ json.fields.lienencart }}" target="{{ json.fields.targetlienencart }}">{{ json.fields.libellelienencart }}</a>
        </p>
        {% endif %}
    </section>
    {% endif %}

    {% if json.fields.contenu_supplementaire %}
    <p>{{ json.fields.contenu_supplementaire|linebreaksbr }}</p>
    {% endif %}
</div>

{% if json.fields.liens == "Oui" or json.fields.fichier1 or json.fields.fichier2 or json.fields.fichier3 %}
<footer class="actu--footer">
    {% if json.fields.liens == "Oui" %}
    <div>
        <h2 class="actu--footer-title">
            {{ json.fields.titreliens }}
        </h2>
        <ul>
            {% for lien in json.fields.lienscomplementaires_raw %}
            <li>
                <a href="{{ lien.url }}" target="{{ lien.target }}">
                    {{ lien.libelle }}
                </a>
            </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

    {% if json.fields.fichier1 or json.fields.fichier2 or json.fields.fichier3 %}
    <div>
    {% if json.fields.titrefichiers %}
        <h2 class="actu--footer-title">{{ json.fields.titrefichiers }}</h2>
    {% endif %}
        <ul>
        {% if json.fields.fichier1 %}
            <li>
                <a class="download-link" type="{{ json.fields.fichier1.content_type }}" href="{% make_public_url url=json.fields.fichier1.url %}" download="{{ json.fields.fichier1.filename }}">
                    {{ json.fields.libelle_fichier1 }} libellé du fichier
                </a>
            </li>
        {% endif %}
        {% if json.fields.fichier2 %}
            <li>
                <a class="download-link" type="{{ json.fields.fichier2.content_type }}" href="{% make_public_url url=json.fields.fichier2.url %}" download="{{ json.fields.fichier2.filename }}">
                    {{ json.fields.libelle_fichier1 }} libellé du fichier
                </a>
            </li>
        {% endif %}
        {% if json.fields.fichier3 %}
            <li>
                <a class="download-link" type="{{ json.fields.fichier3.content_type }}" href="{% make_public_url url=json.fields.fichier3.url %}" download="{{ json.fields.fichier3.filename }}">
                    {{ json.fields.libelle_fichier1 }} libellé du fichier
                </a>
            </li>
        {% endif %}
        </ul>
    </div>
    {% endif %}
</footer>
{% endif %}
