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

{% block title %}
    {{ 'MY_CA_TITLE'|translate }}
{% endblock %}

{% block wrapperClass %}myspace mycampaigns{% endblock %}

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

    <div class="col-md-12 pt30 pr0 pl0">

        <div class="col-md-3 col-sm-5  hidden-xs clearfix">
            {{ renderTwigBlock ('includes/user/user.sidebar',{
                active : 'campaigns'}) }}
        </div>

        <div class="col-md-9 col-sm-7 col-xs-12">
			<div class="col-md-9 col-sm-12 col-xs-12 content-general mb30 p0">
	            {{ myCampaignsText|raw }}
	        </div>
	        <div class="col-md-9 col-sm-12 col-xs-12 p0">    
	            {{ renderTwigBlock ('includes/snippets/mycampaigns',{showTitle : true}) }}
			</div>
			{% if newcampaigns is not valuableArray %}
			<div class="col-md-9 col-sm-12 col-xs-12 p0">
				<h2>{{ "CAMPAIGN_COMING_SOON"|translate }}</h2>
				{% include 'includes/modules/nocampaigns.campaigns.html.twig' with {
				widthcol : 'col-md-12 p0 col-xs-12'
				} %}
				</div>
			{% else %}
            <div class="col-md-9 p0">
				<h2>{{ "NEW_CAMPAIGNS"|translate }}</h2>
				{% if newcampaigns is valuableArray %}
					{% include 'includes/modules/new.campaigns.html.twig' with {
					campaigns : newcampaigns,
					widthcol : 'col-md-12 p0 col-xs-12'
					} %}
				{% endif %}
	        </div>
			{% endif %}
			{% if previous is valuableArray %}
				<div class="col-md-9 p0">
					<h2>{{ "CAMPAIGNS_PRECEDENTES"|translate }}</h2>
					<div class="row">
						{% include 'includes/modules/previous.campaigns.html.twig' with {
						campaigns : previous,
						widthcol : 'col-md-6 col-xs-12'
						} %}
					</div>
				</div>
			{% endif %}

        </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+'")';
	}
	loadJS('{{ regGet('jspath') }}profile.js');
	initSurveyFormUploaders();
	initCircle();
{% endblock readyStateFunction %}