{% if blogitem is defined %}
    {% if data.social %}
        <div class="col-md-12 col-sm-12 col-xs-12 p0 clearfix blogitem">
            <div class="col-md-6 col-sm-6"></div>
            <a class="btn btn-primary facebook col-md-3 col-sm-3 col-xs-6"
               type="submit"
               href="javascript: void(0);"
               onclick="shareUrlOnFb('{{ currentUrl }}')">
                <i class="fa fa-facebook"></i>
                {{ "CAMPAIGNMENU_SHARE"|translate }}
            </a>
            <a class="btn btn-primary twitter col-md-3 col-sm-3 col-xs-6"
               type="submit"
               href="https://twitter.com/intent/tweet?text={{ currentUrl }}">
                <i class="fa fa-twitter"></i>
                {{ "TWEET"|translate }}
            </a>
        </div>
    {% endif %}
{% if reactionsOn == '1' %}
    {% if loggedin() %}
        <form onsubmit="SetckContents('reactie','reactieknop');" method="post" action="/ajax/postdata/" name="reactieform"
              class="reactieform" id="reactieform_{{ blogitem }}">
            <div class="loggedin clearfix col-md-12 p0">
                <h2 class="col-md-12 col-sm-12">{{ "STR_LNK_REACTIEGEVEN"|translate }}</h2>
                <div class="user commentbox col-md-12 col-sm-12 mt20">
                                    <span class="avatar col-md-1 col-sm-1 hidden-xs">
                                        <img alt="avatar" src="{{ app.user.id|avatar }}">
                                    </span>
                    <div class="col-md-11 col-sm-11 col-xs-12 p0">
                        <textarea class="col-md-11 col-xs-12 ckeditor" rows="6" id="reactie" name="reactie"></textarea>
                    </div>
                </div>
                <br clear="all" />
                <button class="btn btn-primary yellow mt10 mb25 col-xs-12 col-sm-6 col-md-6" role="button" name="reactieknop" id="reactieknop">
                    <i class="fa fa-comment"></i>
                    {{ "PLACE_COMMENT"|translate }}
                </button>
            </div>
            <div id="coderesponse"></div>
            {% if blogitem is defined and blogitem is not empty %}
                <input type="hidden" name="item" id="item" value="{{ blogitem }}"/>
            {% endif %}
            {% if campaignId is defined and campaignId is not empty %}
                <input type="hidden" name="campaign" id="campaign" value="{{ campaignId }}"/>
            {% endif %}
            <input type="hidden" name="tkst_success" id="tkst_success" value="{{ "STR_CMT_BLOGOK"|translate }}" />
            <input type="hidden" name="actie" id="actie" value="nieuwsreactie" />
            <input type="hidden" name="ismacmobile" class="mac" value="0" />
            <ul id="outputzone">
                <li class="output" id="output_{{ blogitem }}"></li>
            </ul>
        </form>
    {% else %}
        <div class="not-loggedin text-center col-md-12 col-sm-12">
            <h2 class="col-md-12 col-sm-12">{{ "STR_LOGINFIRST"|translate }}</h2>
            <p class="col-md-12 col-sm-12">{{ "BLOG_LOGIN_TO_POST"|translate }}</p>
            {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
            <a href="{{ path('site_login') }}?_target_path={{ currentPath }}"
               class="loginLink btn btn-primary blue mt10 mb25">
                {{ "REGISTER_LOGIN"|translate }}</a>
        </div>
    {% endif %}
{% endif %}
    <div class="comments clearfix">

        <div class="col-md-12 col-sm-12 col-xs-12 mb10 clearfix p0">
            <h2 class="col-md-12 col-sm-12">{{ "COMMENTS"|translate }}<span>({{ totalItems }})</span></h2>
            <div class="reactie_tabs col-md-12 col-sm-12 col-xs-12 mt15 clearfix" id="nieuws_reactietab">

                <a data-page="1" class="btn pull-right"
                   onclick="loadData(this,'campaignBlogReactions','{{ blogitem }}', {'reset': true, 'campaign': '{{ campaignId }}', 'hide': false});">
                    <span class="clearfix">{{ "ALLE_REACTIES"|translate }}</span>
                </a>
                <a data-page="1" class="btn pull-right"
                   onclick="loadData(this,'campaignBlogReactions','{{ blogitem }}', {'type': 1, 'reset': true, 'campaign': '{{ campaignId }}', 'hide': false});">
                    <span class="clearfix">{{ "REACTIES_POPULAIRST"|translate }}</span>
                </a>
                <a data-page="1" class="btn pull-right"
                   onclick="loadData(this,'campaignBlogReactions','{{ blogitem }}', {'type': 2, 'reset': true, 'campaign': '{{ campaignId }}', 'hide': false});">
                    <span class="clearfix">{{ "REACTIES_MEESTBESPROKEN"|translate }}</span>
                </a>
            </div>
        </div>
        <div id="messages"></div>
        <div class="loader"></div>
        <div data-page="1" class="btn loadingmore m0 col-md-12 col-xs-12 "
             onclick="loadData(this,'campaignBlogReactions','{{ blogitem }}', {'campaign': '{{ campaignId }}'});">
            <a class="btn btn-primary blue load-more">
                <i class="fa fa-navicon"></i>
            </a>
            <span class="clearfix">{{ "SHOW_ALL_COMMENTS"|translate }}</span>
        </div>

        <input type="hidden" id="host" value="{{ regGet('url') }}">
        <input type="hidden" id="values" value='{"creationCat": "{{ creationCat }}", "totalItems": "{{ totalItems }}" }'>
    </div>
{% endif %}