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

{% block title %}{{ data.pdata.data.1|raw }} ({{ regGet('locale') }}){% endblock %}

{% block wrapperStyle %}
    {% if data.brandhub.brandhubCampaign != true %}
        {{ caCustomBg(data.pdata.data) }}
    {% endif %}
{% endblock %}
{% block wrapperClass %}campaignpage blog blog-detail{% endblock %}

{% block brandhubWrapper %}
	{% if data.brandhub.brandhubCampaign %}
	{% include 'includes/brandhubview.html.twig' with {
		data : data
	} %}
	{% endif %}
{% endblock brandhubWrapper %}

{% block body %}
    <div class="container clearfix navpadding">
       {{ renderTwigBlock('includes/campaigns/campaign.submenu',{ 'campaignData' : submenuCampaignData}) }}
        <div class="col-md-12 col-sm-12 col-xs-12 p0">
            <div class="col-md-9 col-sm-12 col-xs-12">
                <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/{{ data.pdata.data.82|lower|trim }}.jpg">
                        </span>
                        <p class="username">
                            {{ data.pdata.data.82 }} - {{ "AUTHOR"|translate }}
                        </p>
                        <p class="userinfo">
                            {{ showDate(data.pdata.general.creatie, true) }}
                        </p>
                    </div>
                    <h1 class="col-md-12">{{ data.pdata.data.1|raw }}</h1>
                    <div class="blogpost">
                        {% if data.pdata.data.7 is not empty %}
                            <div class="imagearea mb15">
                                <img class="image" src="{{ regGet('imgpath') }}{{ data.pdata.data.7 }}">
                            </div>
                        {% elseif data.pdata.data.4 is not empty %}
                            <div class="imagearea mb15">
                                <img class="image" src="{{ regGet('imgpath') }}{{ data.pdata.data.4 }}">
                            </div>
                        {% endif %}
                        <p class="intro col-md-12">
                            {{ data.pdata.data.3|raw }}
                        </p>
                    </div>

                {% include 'includes/snippets/blogreaction.html.twig' with {
                    blogitem : data.pdata.general.item_id,
                    totalItems : totalItems,
                    reactionsOn : data.pdata.config.useblog,
                    campaignId : data.campaign.general.item_id
                    } %}


                </article>
            </div>

            {{ renderTwigBlock('includes/campaigns/campaign.sidebar', {'shareUrl' : buildCanonical()}) }}
            {% include 'includes/info/latest.reactions.html.twig' with {
                reactions : latestReactions
            } %}

    </div>
{% endblock body %}

{% block assetsBottom %}
    {{ parent() }}
<script type="text/javascript">
    var callback = function(data,t,page){

    };

    function showBlogRequest(formData, jqForm, options) {

    }
    function showBlogResponse(responseText, statusText)  {

        var target = $('#output_' + responseText.target);
        var itemTarget = $('#output_' + responseText.item);

        if (responseText.target && target.length > 0) {
            var reactionButtonTarget = $("#reactieknop_" + responseText.target);
            if(responseText.status === 1){
                target.removeClass().addClass('alert alert-success');
                setTimeout(location.reload.bind(location), 1500);
            }else{
                target.removeClass().addClass('alert alert-danger');
                reactionButtonTarget.show(1000);
            }
            target.html(responseText.message);
        } else if (responseText.item && itemTarget.length > 0) {
            var reactionButtonItem = $("#reactieknop");
            if(responseText.status === 1){
                itemTarget.removeClass().addClass('alert alert-success');
                setTimeout(location.reload.bind(location), 1500);
            }else{
                itemTarget.removeClass().addClass('alert alert-danger');
                reactionButtonItem.show(2000);
            }
            itemTarget.html(responseText.message);
        }
    }

    function initEditors()
    {
        $('.loadingmore').trigger('click');
    }

</script>
{% endblock %}
{% block readyStateFunction %}
    loadJS('{{ regGet('jspath') }}blog.js', function(){
        loadJS('{{ regGet('general_jspath') }}ckeditor_new/ckeditor.js?rand={{ random() }}',initEditors);
    });

{% endblock readyStateFunction %}