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

{% block wrapperClass %}campaignpage reviews{% endblock %}
{% block wrapperStyle %}
	{% if brandhub.brandhubCampaign != true %}
		{{ caCustomBg(bgData) }}
	{% endif %}
{% endblock %}
{% set currentUrl = regGet('url') ~ locale() ~ regGet('sectionpath') ~ '/' ~ data.pdata.general.item_id ~ '/' ~ data.pdata.data.1|safeString ~ '.htm' %}
{% block body %}
	{% block brandhubWrapper %}
		{% if brandhub.brandhubCampaign %}
			{% include 'includes/brandhubview.html.twig' with {
			data : data
			} %}
		{% endif %}
	{% endblock brandhubWrapper %}
	<div class="container clearfix navpadding">

		{{ renderTwigBlock('includes/campaigns/campaign.submenu',{ 'campaignData' : pdata}) }}

		<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">{{ "REVIEW_HEADING_2"|translate }}</h1>

					<div class="col-md-12 text-left mb20">
						<p>{{ "REVIEW_OVERVIEW_INTRO"|translate }}</p>
					</div>

					<div class="col-md-12 p0 clearfix">
						<div class="col-md-6 col-xs-6 p0">
							{% if loggedin() and wommableProducts is valuableArray and prdSnippets is valuableArray %}
								<a class="collapseformbut btn btn-primary blue mb15" role="button"
								   data-toggle="collapse" href="#reviewCollapsePrd" aria-expanded="false"
								   aria-controls="reviewCollapsePrd">
									<i class="fa fa-plus"></i>
									{{ "REVIEW_WRITE_BUTTON"|translate }}
								</a>
							{% endif %}
						</div>
						<div class="col-md-6 col-xs-6 p0">
							<a class="btn pull-right grey mb15" role="button" data-toggle="collapse" href="#filterCollapse"
							   aria-expanded="false" aria-controls="filterCollapse">
								<i class="fa fa-list-ul"></i>
								{{ "BTNFILTER"|translate }}
							</a>
						</div>
					</div>

					{% include 'internalreview/snippets/filter.html.twig' with { 'products': productsdropdown} %}

					<div class="col-md-12 p0 clearfix">
						{% if loggedin() and wommableProducts is valuableArray and prdSnippets is valuableArray %}
							<div class="collapse collapseform" id="reviewCollapsePrd">
								<div class="col-md-12 p0 overview clearfix">
									<h3 class="col-md-12 mb15">{{ "SELECT_PRD_REVIEW" | translate }}</h3>

									<div class="col-md-12 p0 options clearfix">
										{% for prd in wommableProducts %}
											<div class="col-md-2 col-sm-2 col-xs-6 choice text-center">
												<a style="background-size:contain;background-position:center center;background-repeat:no-repeat; background-image:url('{{ regGet('imgpath') }}{{ readFunnel(prd,STD_REVIEWMOD_FIELD_IMG) }}');"
												   class="select content" role="button" data-toggle="collapse"
												   href="#collapeOption{{ prd.item_id }}" aria-expanded="false"
												   aria-controls="collapeOption1{{ loop.index }}"
												   onclick="$('.collapseoptions').collapse('hide');showTips();"></a>
												<span class="title">{{ readFunnel(prd,1) }}</span>
											</div>
										{% endfor %}
									</div>
									{% for prd in wommableProducts %}
										{% if prdSnippetsNew[prd.item_id] is not null %}
											<div class="collapse collapseoptions" id="collapeOption{{ prd.item_id }}">
												<div class="col-md-12 p0 overview clearfix">
													{{ prdSnippetsNew[prd.item_id].view|raw }}
												</div>
											</div>
										{% endif %}
									{% endfor %}
								</div>
							</div>
						{% endif %}
					</div>

					{% if userSelected %}
						{% if products is defined and products is valuableArray and wommableProducts|length!=products|length %}
							<h3 class="col-md-12 pt15 pb15 m0">{{ "REVIEW_HEADING_1"|translate }}</h3>
							<div class="col-md-12 p0 clearfix">
								{% for product in products %}
									{{ renderTwigBlock('internalreview/my.product.snippet', {
										product : product,
										reviewButton : reviewButton,
										userInfo : userInfo,
										showUpdatebutton : 1
									}) }}
								{% endfor %}
							</div>
						{% endif %}

						{% if loggedin() and prdSnippets is valuableArray %}
							{% for prdSnippet in prdSnippets %}
								<div class="collapse prdsnippet" id="reviewCollapse{{ prdSnippet.meta.productId }}">
									<div class="col-md-12 p0 overview clearfix">
										{{ prdSnippet.view|raw }}
									</div>
								</div>
							{% endfor %}
						{% endif %}
                    {% endif %}

					<div id="messages"></div>

				</div>

				<div class="loader"></div>
				<div data-page="1" class="btn loadingmore content mt0 mb20 col-md-12 col-xs-12 "
					 onclick="loadData(this,'smartReviews',{{ pdata.item_id }});">
					<a class="btn btn-primary blue load-more">
						<i class="fa fa-navicon"></i>
					</a>
					<span class="clearfix">{{ "SHOW_MORE_REVIEWS"|translate }}</span>
				</div>
				<input type="hidden" id="host" value="{{ regGet('url') }}">
			</div>
			{{ renderTwigBlock('includes/campaigns/campaign.sidebar') }}
		</div>
	</div>
	{{ renderTwigBlock('includes/snippets/tips.modal',{module: 'internal'}) }}
	<input type="hidden" name="blackBox" id="blackBox"/>
{% endblock %}

{% block assetsBottom %}
	{{ parent() }}
	{{ renderTwigBlock('internalreview/snippets/script_part') }}
{% endblock %}

{% block readyStateFunction %}
	loadJS('{{ regGet('general_jspath') }}datepicker/locales/bootstrap-datepicker.{{ regGet('taalcode') }}.js');

	loadBazaarVoiceFingerprinting();

	$('.collapseformbut').click(function (e) {
		//$('.prdsnippet').removeClass('in');
		$('.collapse').collapse('hide');
	});

	$('.loadingmore').trigger('click');
	initFancybox();
	initStars();
	initFilter();
	textareaId();
	{% if update is defined %}
		$('a{{ update }}').trigger('click');
	{% endif %}
	initSurveyFormUploaders();
{% endblock readyStateFunction %}