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

{% block title %}Campaigns{% endblock %}

{% block wrapperClass %}campaignsoverview{% endblock %}

{% block body %}
    <div class="container clearfix navpadding">

        <div class="col-md-12 col-sm-12 col-xs-12 p0 clearfix">
            <div id="campaign-overview" class="container">
                <h1 class="col-md-12">{{ "MENU_CAMPAIGNS"|translate }}</h1>

                {% include 'includes/modules/new.campaigns.html.twig' with {
                campaigns : newCampaigns,
                country   : country,
                widthcol : 'col-md-6 col-sm-12 col-xs-12'
                } %}
                {% include 'includes/modules/live.campaigns.html.twig' with {
                campaigns : liveCampaigns,
                country   : country
                } %}

                {% include 'includes/modules/previous.campaigns.html.twig' with {
                campaigns : previousCampaigns,
                country   : country,
                widthcol : 'col-md-3 col-sm-6 col-xs-12'
                } %}
            </div>
        </div>
    </div>
{% endblock %}

{% block readyStateFunction %}
var tablinks = document.getElementsByClassName("lazy-background");
for (i = 0; i < tablinks.length; i++) {
    var lazy = tablinks[i];
    var src = lazy.dataset.src;
    lazy.style.backgroundImage =  'url("'+src+'")';
}
{% endblock readyStateFunction %}