{% extends 'base.html.twig' %}

{% block title %}{{ 'TITLE_BLOG'|translate }}{% endblock %}
{% block wrapperClass %}blog{% endblock %}

{% block body %}
    <div class="container clearfix navpadding">
        <h1 class="col-md-12 col-sm-12">{{ "WELCOME_BLOG"|translate }}</h1>
        <div class="col-md-9 col-sm-12 col-xs-12">
            <div id="messages"></div>
            <div class="loader"></div>
            <div data-page="1" class="btn loadingmore col-md-12 col-xs-12 " onclick="loadData(this,'blogPosts');">
                <a class="btn btn-primary blue load-more">
                    <i class="fa fa-navicon"></i>
                </a>
                <span class="clearfix">{{ "SHOW_MORE_BLOGPOSTS"|translate }}</span>
            </div>
            <input type="hidden" id="host" value="{{ regGet('url') ~ regGet('locale') }}/">
        </div>

        {% include 'includes/info/latest.reactions.html.twig' with {
        reactions : data.latestReactions
        } %}
    </div>

{% endblock %}

{% block readyStateFunction %}
    $('.loadingmore').trigger('click');
{% endblock %}