{% trans_default_domain 'front_ec_international' %}

{% set i18n = lastNews|i18n %}

{% if i18n and url.code %}

    {% set title = i18n.title %}
    {% set subTitle = i18n.subTitle %}
    {% set titleForce = i18n.titleForce ? i18n.titleForce : 2 %}
    {% set titleAlignment = i18n.titleAlignment ? i18n.titleAlignment : 'text-left' %}
    {% set intro = i18n.introduction %}
    {% set introAlignment = i18n.introductionAlignment ? i18n.introductionAlignment : 'text-left' %}
    {% set body = i18n.body %}
    {% set bodyAlignment = i18n.bodyAlignment ? i18n.bodyAlignment : 'text-left' %}
    {% set mediaRelation = lastNews|mainMedia %}
    {% set haveMedia = mediaRelation.media.filename is defined and mediaRelation.media.filename %}

    <div class="first-news-block bg-primary" data-aos="fade-right">

        <div class="container pt-5 pb-5 position-relative">

            {% include 'core/webmaster-edit.html.twig' with {
                'title': "Éditer l'actualité"|trans([], 'front_webmaster'),
                'role': 'ROLE_NEWSCAST',
                'path': path('admin_newscast_edit', {'website': website.id, 'newscast': lastNews.id})
            } only %}

            <div class="row">

                {% if haveMedia %}
                    <div class="col-md-5 pt-5 pb-5">
                        {{ mediaRelation|thumb }}
                    </div>
                {% endif %}

                <div class="{% if haveMedia %}col-md-7 p-5{% else %}col-12 pt-5 pb-5{% endif %} my-auto">

                    {% if title|striptags|length > 0 %}
                        <a href="{{ path('front_newscast_view', {'pageUrl': url.code, 'url': lastNews|i18nUrl}) }}">
                            <h{{ titleForce }} class="title text-white {{ titleAlignment }}">{{ title|unescape|raw }}</h{{ titleForce }}>
                        </a>
                    {% endif %}

                    {% if lastNews.category and lastNews.category.displayCategory %}
                        {% set i18nCategory = lastNews.category|i18n %}
                        {% if i18nCategory and i18nCategory.title %}
                            {% set titleCategory = i18n.title %}
                            <h{{ titleForce + 1 }} class="news-category-title {{ titleAlignment }}">{{ i18nCategory.title|unescape|raw }}</h{{ titleForce + 1 }}>
                        {% endif %}
                    {% endif %}

                    {% if subTitle|striptags|length > 0 %}
                        <strong class="sub-title mb-3 d-inline-block w-100">{{ subTitle|raw }}</strong>
                    {% endif %}

                    {% if lastNews.category and not lastNews.category.hideDate or not lastNews.category %}
                        <small class="date mb-4 d-inline-block w-100">
                            {% set format = lastNews.category ? lastNews.category.formatDate : 'dd/MM/Y' %}
                            {{ "Publié le"|trans|raw }} {{ lastNews.publicationStart|localizeddate('none', 'none', app.request.locale, null, format) }}
                        </small>
                    {% endif %}

                    {% if intro|striptags|length > 0 %}
                        <p class="introduction text-white {{ introAlignment }}">{{ intro|striptags|truncate(150) }}</p>
                    {% endif %}

                    {% if intro|striptags|length == 0 and body|striptags|length > 0 %}
                        <p class="introduction text-white {{ bodyAlignment }}">{{ body|striptags|truncate(150) }}</p>
                    {% endif %}

                    <div class="w-100 mt-4">
                        <a href="{{ path('front_newscast_view', {'pageUrl': url.code, 'url': lastNews|i18nUrl}) }}" class="btn btn-outline-white hbtn hb-fill-right" data-toggle="preloader">
                            {{ "En savoir plus"|trans|raw }}<i class="fal fa-chevron-right ml-2"></i>
                        </a>
                    </div>

                </div>

            </div>

        </div>

    </div>

{% endif %}