{% set news = entry.news %}
{% set primaryMedia = null %}
{% set attachments = [] %}
{% set plainDescription = news.description|striptags|trim %}
{% set shortDescription = plainDescription|length > 190 ? plainDescription|slice(0, 190) ~ '…' : plainDescription %}

{% for medias in news.cbaNewsContents %}
    {% if primaryMedia is null and medias.media.principal %}
        {% set primaryMedia = medias.media %}
    {% endif %}

    {% if not medias.media.principal %}
        {% set attachments = attachments|merge([medias.media]) %}
    {% endif %}
{% endfor %}

<article class="cba-biblio-news-card">
    <div class="cba-biblio-news-media">
        {% if primaryMedia %}
            {% if primaryMedia.type.id == 11 %}
                <video controls preload="metadata" playsinline width="100%" height="auto" poster="{{ primaryMedia.image }}">
                    <source src="{{ primaryMedia.file }}" type="video/mp4" />
                    <p class="vjs-no-js">
                        To view this video please enable JavaScript, and consider upgrading to a
                        <a href="https://videojs.com/html5-video-support/" target="_blank">web browser that supports HTML5 video</a>
                    </p>
                </video>
            {% elseif primaryMedia.type.id == 10 %}
                <div class="cba-biblio-audio-cover" style="background-image: url('../..{{ primaryMedia.image }}');">
                    <div class="cba-biblio-audio-overlay"></div>
                    <div class="cba-biblio-audio-player">
                        <audio controls preload="none">
                            <source src="{{ primaryMedia.file }}" type="audio/mp3" />
                        </audio>
                    </div>
                </div>
            {% elseif primaryMedia.image %}
                <img src="{{ primaryMedia.image }}" alt="{{ news.title }}" loading="lazy" />
            {% else %}
                <div class="cba-biblio-news-fallback">
                    <i class="fas fa-book-open"></i>
                </div>
            {% endif %}
        {% else %}
            <div class="cba-biblio-news-fallback">
                <i class="fas fa-book-open"></i>
            </div>
        {% endif %}
    </div>

    <div class="cba-biblio-news-body">
        <div class="cba-biblio-news-meta">
            {% if news.publishedAt %}
                <span>
                    <i class="far fa-calendar-alt"></i>
                    {{ news.publishedAt|date('d/m/Y') }}
                </span>
            {% elseif news.createdAt %}
                <span>
                    <i class="far fa-calendar-alt"></i>
                    {{ news.createdAt|date('d/m/Y') }}
                </span>
            {% endif %}
        </div>

        <h3 class="cba-biblio-news-title">{{ news.title }}</h3>

        <div class="cba-biblio-news-text">
            {{ news.description|raw }}
        </div>

        {% if attachments|length > 0 %}
            <div class="cba-biblio-news-attachments">
                <div class="cba-biblio-news-attachments-title">Ressources associées</div>

                {% for medias in attachments %}
                    <a href="{{ medias.file }}" class="cba-biblio-attachment-link" target="_blank" rel="noopener">
                        <i class="fas fa-paperclip"></i>
                        {{ medias.name }}
                    </a>
                {% endfor %}
            </div>
        {% endif %}
    </div>
</article>