{% if news is valuableArray %}
{% for article in news %}
    {% set urlName = readFunnel(article,1)|safeString %}
    <article class="content p0 col-md-12 col-sm-12 col-xs-12">
        <div class="user p10">
			<span class="avatar">
				<img src="{{ regGet('imgpath') }}cm/{{ readFunnel(article,82)|raw|lower|trim }}.jpg">
			</span>
            <p class="username">
                {{ readFunnel(article,82)|raw }} - {{ "AUTHOR"|translate }}
            </p>
            <p class="userinfo">
                {{ showDate(article.start, true) }}
            </p>
        </div>
        <a class="blogtitle" href="/{{ regGet('locale') }}/info/message/{{ article.item_id }}/{{ urlName }}.htm">
            <h1 class="col-md-12">{{ readFunnel(article,1)|raw }}</h1>
        </a>
        <div class="blogpost col-md-12 p0">
            {% if readFunnel(article,7) is not empty %}
                <div class="imagearea mb15">
                    <img class="image" src="{{ regGet('imgpath') }}{{ readFunnel(article,7) }}">
                </div>
            {% elseif readFunnel(article,4) is not empty %}
                <div class="imagearea mb15">
                    <img class="image" src="{{ regGet('imgpath') }}{{ readFunnel(article,4) }}">
                </div>
            {% endif %}
            {{ readFunnel(article,3)|raw }}
        </div>

        <a class="btn btn-primary yellow col-md-6 col-sm-6 col-xs-12" type="submit"
           href="/{{ regGet('locale') }}/info/message/{{ article.item_id }}/{{ urlName }}.htm">
            <i class="fa fa-comments"></i>
            {{ "STR_LNK_REACTIEGEVEN"|translate }}
        </a>
        <a class="btn btn-primary facebook col-md-3 col-sm-3 col-xs-6"
           type="submit"
           href="javascript: void(0);"
           onclick="shareUrlOnFb('{{ buildCanonical() }}')">
            <i class="fa fa-facebook"></i>
            {{ "CAMPAIGNMENU_SHARE"|translate }}
        </a>
    {% set tweetText = readFunnel(article,1) ~ regGet('url') ~ "/" ~ locale() ~ "info/message/" ~ article.item_id  ~ "/" ~  urlName ~ ".htm" %}
        <a class="btn btn-primary twitter col-md-3 col-sm-3 col-xs-6"
           type="submit"
           href="https://twitter.com/intent/tweet?text={{ tweetText }}">
            <i class="fa fa-twitter"></i>
            {{ "TWEET"|translate }}
        </a>
        {% set articleId = article.item_id %}
        {% if reactions[articleId]|length > 0 %}
            <div class="comments clearfix">
                <h2 class="col-md-12">{{ "COMMENTS"|translate }}<span>({{ reactions[articleId][0].nr_reacties }})</span></h2>
                {% for reaction in reactions[articleId]|slice(0, 5) %}
                    {% if loop.index is odd %}
                        {% set commentAlternate = "odd" %}
                    {% else %}
                        {% set commentAlternate = "even" %}
                    {% endif %}
                    <div class="commentbox odd col-md-12 p0 clearfix {{ commentAlternate }} {% if reaction.userid in regGet('blogreactions_insider_personeel_ids') %} community-comment{% endif %}">
                        <div class="user col-md-12 p0 clearfix">
						<span class="avatar user col-md-1">
							<span class="insiders-icon"></span>
                            <img src="{{ reaction.avatar }}">
						</span>
                            <div class="col-md-11 p0 mb5 clearfix">
                                <p class="username">
                                    {{ reaction.membername }}
                                </p>
                                <p class="userinfo">
                                    {{ showDate(reaction.tijdstip, true) }}
                                </p>
                            </div>
                        </div>
                        <div class="col-md-11 pr15 pl0 m0 comment clearfix">
                            <p>{{  truncateHTML(reaction.value, 500)|raw }}</p>
                        </div>
                    </div>
                {% endfor %}
                <a href="/{{ regGet('locale') }}/info/message/{{ article.item_id }}/{{ urlName }}.htm"
                   class="btn btn-primary grey col-md-12 col-xs-12" type="submit">
                    <i class="fa fa-angle-right"></i>
                    {{ "READ_ALL_COMMENTS"|translate }} ({{ reactions[articleId][0].nr_reacties }})
                </a>
            </div>
        {% endif %}
    </article>
{% endfor %}
{% else %}
    <article class="content text-center col-md-12 col-sm-12 col-xs-12">
        <h3 class="no-content">
            {{ "BLOG_NO_POSTS"|translate|raw }}
        </h3>
    </article>
{% endif %}