{% if campaigns is valuableArray %}
    {% for campaign in campaigns %}
        <div class="{{ widthcol }}{% if hidemobile is defined %} hidden-xs{% endif %}">

            <a id="campaign" href="{{ campaign.url }}" class="new-campaign">
                {% if campaign.status != 'selection' %}
                    <div class="ribbon">
                        <i><span>{{ "NEWCAMPAIGNSTITLE"|translate }}</span></i>
                    </div>
                {% endif %}

                {% if campaign.brandLogo is defined and campaign.brandLogo is not empty %}
                    <span href="#" class="brand-logo lazy-background"
                          data-src="{{ regGet('imgpath') }}{{ campaign.brandLogo }}"></span>
                {% endif %}
                <div class="campaign-img lazy-background" data-src="{{ regGet('imgpath') }}{{ campaign.image }}"></div>
                <div class="campaign-title">
                    <span>{{ shortenTitle(campaign.name)|default('&nbsp;')|raw }}</span>
                </div>
                <div class="btn btn-primary blue col-md-12 col-xs-12">
                    {% if campaign.phase == 'selection' %}
                        <i class="fa fa-frown-o"></i>
                    {% else %}
                        <i class="fa fa-angle-right"></i>
                    {% endif %}
                    {% if campaign.phase == 'selection' %}
                        {{ "SUBSCRIPTION_CLOSED"|translate }}
                    {% else %}
                        {{ "SUBSCRIBE"|translate }}
                    {% endif %}
                </div>
            </a>
        </div>
    {% endfor %}
{% endif %}