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

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

{% block javascript %}
	{% if data.loadAudit is not null %}
		<script type="text/javascript">
			getAuditData({{ data.pdata.general.item_id }}, {{ regGet('countrycodeid') }}, {{ data.loadAudit }}, '{{ regGet('imgpath') }}');
		</script>
	{% endif %}
{% 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' : data}) }}

		<div class="col-md-12 col-sm-12 col-xs-12 p0">
			<div class="col-md-9 col-sm-12 col-xs-12">
				<div class="content col-md-12 col-sm-12 col-xs-12 p0">
					<h1 class="col-md-12 mt15 mb15">{{ readFunnel(data.model, 1) }}</h1>

					<div class="col-md-12 pb15 clearfix">
						<div class="text-left mb20">{{ readFunnel(data.model, 3)|raw }}</div>
					</div>

					<div class="col-md-12 p0 overview">
						{% if loggedin() %}
							{% if data.reporttypes is not null and data.reporttypes|length > 0 %}
								<div class="{% if data.loadAudit is not null %}hide{% endif %}">
									<h3 class="col-md-12 mb15">{{ "INTROREPORTING"|translate }}</h3>

									<div class="col-md-12 p0 options clearfix">
										{% for reportType in data.reporttypes %}
											{% if reportType.reporttype != '11' %}
											<div class="col-md-2 col-sm-2 col-xs-6 choice text-center">
												<a class="select content collapsed" role="button" data-toggle="collapse"
												   href="#report{{ reportType.audit }}" aria-expanded="false"
												   aria-controls="report{{ reportType.audit }}"
												   {% if reportType.image|length > 0 %} style="background-image: url('{{ reportType.image }}'); background-size: contain;"{% endif %}
												   onclick="
												   {% for reportTypeDiv in data.reporttypes %}
														   $('#report{{ reportTypeDiv.audit }}').collapse('hide');
												   {% endfor %}
														   getAuditDataWithLocale({{ data.pdata.general.item_id }}, '{{ regGet('locale') }}', {{ reportType.audit }}, '{{ regGet('imgpath') }}' {% if data.forcevisibility is defined %}, {{ data.forcevisibility }}{% endif %}); "></a>
												<span class="title">{{ reportType.title }}</span>
											</div>
											{% endif %}
										{% endfor %}
									</div>
								</div>

								{% include 'includes/campaigns/campaign.report.audit.html.twig' with {data : data} %}
							{% endif %}
                        {% else %}
                            <div class="not-loggedin text-center col-md-12 col-sm-12">
                                <h2 class="col-md-12 col-sm-12">{{ "LOGIN_TO_REPORT"|translate }}</h2>
								{% 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 %}
					</div>
				</div>
			</div>


			{{ renderTwigBlock('includes/campaigns/campaign.sidebar', {'shareUrl' : buildCanonical()}) }}
		</div>
	</div>
<script>
    function toggleBtnSubmit(elem)
    {
        $(elem).addClass('hidden');
        $(elem).parent().append('<img src="{{ regGet('imgpath') }}ajax-bar-loader.gif" style="float:right;" class="mb15 mt15 loaderimg" alt="" />');
    }
</script>

{% endblock body %}

{% block readyStateFunction %}
	loadJS("{{ regGet('jspath') }}sections/report/report.js");
{% endblock readyStateFunction %}