{% extends 'base.html.twig' %}
{% block wrapperClass %}campaignpage reviews{% endblock %}
{% block wrapperStyle %}
    {% if data.brandhub.brandhubCampaign != true %}
        {{ caCustomBg(data.pdata.data) }}
    {% endif %}
{% endblock %}

{% set campaignId = data.pdata.data[global("reviewmod_fields_mapping").campaign] %}
{% set reviewAudit = data.review_audit %}
{% set userGroups = data.usergroups %}
{% 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">
				{% if loggedin() %}
					<h1 class="col-md-12 mt15 mb15">{{ readFunnel(data.intro_text,global("PUBLIWAVE_ITEM").title) }}</h1>

					<div class="col-md-12 pb15 clearfix">
						<p class="mb20">
                            {{ readFunnel(data.intro_text,global("PUBLIWAVE_ITEM").description) }}
						</p>
					</div>

					<div class="" id="reviewCollapse">
						<div class="col-md-12 p0 overview clearfix">

                            {% if data.products is not empty %}
							{# new way of doing things #}
								{% if data.products|length > 1 %}
								{# multiple products #}
								<h3 class="col-md-12 mb15">{{ "PRODUCT_TO_REVIEW_HEADER"|translate }}</h3>
								<div class="col-md-12 p0 options clearfix" id="collapseExternalReviews">
									{% for product in data.products %}
									{% set collapsed = (loop.index == 1 and not prId) ? '' : 'collapsed' %}
									<div class="col-md-2 col-sm-2 col-xs-6 choice text-center">
										<a id="pr_{{ product.item_id  }}" class="select content {{ collapsed }}" data-toggle="collapse"
										   href="#collapseExternalReview-{{ product.item_id ~ "_" ~ loop.index }}"
										   aria-expanded="false" onclick="prdCs(this);"
										   style="background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url('{{ regGet('imgpath') ~ readFunnel(product, global("reviewmod_fields_mapping").image) }}')"
										   ></a>
										<span class="title">{{ readFunnel(product, global("reviewmod_fields_mapping").title) }}</span>
									</div>
									{% endfor %}
								</div>
								<div>
									{% for product in data.products %}
										{% set collapse = (loop.index == 1 and not prId) ? 'in' : '' %}
										{# open the first product on load#}
										<div class="collapse col-md-12 collapseExternalReview {{ collapse }}"
											 id="collapseExternalReview-{{ product.item_id ~ "_" ~ loop.index }}">
											{% include 'campaigns/external.review.product.snippet.html.twig' with {
												product : product,
                                            	surveyForms: data.survey_review,
                                            	reloadUrl : reloadUrl
											} %}
										</div>
									{% endfor %}
								</div>
								{% else %}
								{# single product #}
                                    {% include 'campaigns/external.review.product.snippet.html.twig' with {
                                    	product : data.products|first,
										surveyForms: data.survey_review,
                                    	reloadUrl : false
                                    } %}
								{% endif %}
							{% else %}
								{# old way of doing things (always only one product) #}
								{% set reviewSites = data.reviewsites  %}
								{% if reviewSites is defined and reviewSites is valuableArray %}
								<div class="external-overview mt30">
									<div class="intro col-md-12">
										<a class="tips" href="javascript:void(0);" data-toggle="modal" data-target="#tipsexternal">
											<i class="fa fa-exclamation-circle"></i>
											<span>{{ "TIPS_EXTERNAL_REVIEWS"|translate }}</span>
										</a>
									</div>
									{% for key, reviewSite in reviewSites %}

                                        {% include 'campaigns/external.review.snippet.html.twig' with {
                                        	reviewSite : reviewSite,
											surveyForm : data.survey_review[reviewSite.id],
											key: key,
											userToken : userToken
										} %}
									{% endfor %}
								</div>
                                {% endif %}

							{% endif %}
						</div>	
					</div>
				{% else %}
					<div class="not-loggedin text-center col-md-12 col-sm-12">
						<h2 class="col-md-12 col-sm-12">{{ "REGISTER_LOGIN"|translate }}</h2>
						<p class="col-md-12 col-sm-12">{{ "STR_LOGINFIRST"|translate }}</p>
						{% 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 class="clearfix">&nbsp</div>
				</div>
				<div class="disclaimer">
					{{ readFunnel(data.pdata, global("reviewmod_fields_mapping").disclaimer)|raw }}
				</div>
				{{ renderTwigBlock('includes/snippets/tips.modal',{
					module      : 'external'
				}) }}
			</div>
            {{ renderTwigBlock('includes/campaigns/campaign.sidebar') }}
        </div>
    </div>

{% endblock %}

{% block readyStateFunction %}
    {% if prId %}
    $('a#pr_{{ prId }}').trigger('click');
    $('html, body').animate({
        scrollTop: $("#reviewCollapse").offset().top
    }, 700);
    {% endif %}

    $("a.fancybox").fancybox();

    initSurveyFormUploaders();
    initAjaxFormValidation();
{% endblock readyStateFunction %}