{% extends 'boxes/box.html.twig' %}

{% block box %}
{% if not newsArray is empty %}
    <ul class="listnews small_picture">
        {% for news in newsArray %}
            <li class="side_picture item" data-url="{{ news.url() }}" data-newsId="{{ news.id }}">
                <a class="imageWrapper" href="{{ news.url() }}" onclick="{{ box.getEvent(app.request.get('_route'))|raw }}" title="{{ news.title }}">
                    <img class="item-picture" src="{{ news.getPictureUrl('50_50') }}" alt="{{ news.title }}" title="{{ news.title }}" >
                </a>
                <a class="pictureBoxTitle" href="{{ news.url() }}" onclick="{{ box.getEvent(app.request.get('_route'))|raw }}" title="{{ news.title }}">
                    <span class="title item-title">{{ news.title|raw }}</span>
                    {% if is_protected is defined and is_protected %}
                        <span class="hits">hits:{{ news.hits }}</span>
                    {% endif %}
                </a>
            </li>
        {% endfor %}
    </ul>
    <span class="showMoreRelatedNews">
        <a class="showNews {% if newsArray|length < 5 %}hide{% endif %}" href="{{ box.url }}" title="{{ 'More'|trans }}" onclick="gtag('event', 'News Page', {'event_category': '{{ box.eventName }}', 'event_label': 'More button'});">{{ 'More'|trans }}</a>
        <a class="hideNews" href="#" title="{{ '_SHOW_LESS_'|trans }}">{{ '_SHOW_LESS_'|trans }}</a>
    </span>
{% endif %}
{% endblock %}