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

{% block wrapperStyle %}
	{% if data.brandhub.brandhubCampaign != true %}
		{{ caCustomBg(data.pdata.data) }}
	{% endif %}
{% endblock %}
{% block wrapperClass %}campaignpage marketingresearch{% 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 p0">
					<div class="col-md-12 col-sm-12 clearfix">
						<h1 class="col-md-12 mt15 mb15 p0">{{ data.title }}</h1>
						{#<?php // exception Buitoni piccolini ES ?>#}
						{#<?php if(isset($_GET['id']) && $_GET['id'] == 9276):?>#}
						{#<?php echo viewHelper::writeArrayVar($pdata, array('data', '98'), '<div class="col-sm-3 text-center introimage" style="margin-top: 10px; top: 5px; left: 30px; margin-right: 30px; margin-bottom: 20px;"><img class="img-responsive" src="'.reg::get('imgpath').'/%s" alt="" /></div>', true);?>#}
						{#<?php endif; ?>#}
						{{ writeArrayVar(data.pdata, ['data', '46'], '<div class="introtekst tekst">%s</div>', true)|raw }}
						<div id="subscribebuttonzone"></div>
					</div>
					{% if loggedin() %}
						{% if data.survey is defined and data.survey is not empty %}
							<form name="marketResearchForm"
								  id="marketResearchForm"
								  enctype="multipart/form-data"
								  action="/ajax/postdata/"
								  method="post">
								{{ data.survey|raw }}

								{% if data.survey_stat is defined and data.survey_stat is not empty %}
									{{ data.survey_stat|raw }}
								{% endif %}
								<ul id="outputzoneMarketResearch">
									<li id="outputMarketResearch">&nbsp;</li>
								</ul>
								{{ fetchView("includes/snippets/progressbar")|raw }}
								<div id="knop_verzenden">
									<button class="btn btn-primary blue pull-right col-md-4 col-sm-6 col-xs-12"
											type="submit" name="verzend">
										<i class="fa fa-angle-right"></i>
										{{ "STR_BTN_VERZENDEN"|translate }}
									</button>
								</div>
								<input type="hidden" name="actie" value="registerMo"/>
								<input type="hidden" name="audit" value="{{ data.audit }}"/>
								<input type="hidden" name="campaignid"
									   value="{{ writeArrayVar(data.pdata, ['data','2']) }}"/>
								<input type="hidden" id="host" value="{{ regGet('url') }}"/>
							</form>
						{% endif %}
					{% 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>
			</div>

			{{ renderTwigBlock('includes/campaigns/campaign.sidebar', {'shareUrl' : buildCanonical()}) }}

		</div>
	</div>
{% endblock %}

{% block assetsBottom %}
	{{ parent() }}
	{{ fetchFormValidation('marketResearchForm', 'outputzoneMarketResearch', 'success(responseText);', true)|raw }}
	<script type="text/javascript">
		function success(responseText) {
			var outputBox = $("#outputzoneMarketResearch");
			if (responseText === 'OK') {
				outputBox.removeClass('alert-danger');
				outputBox.html('{{ sendSuccesBox("SUBMITMO_SUCCESS"|translate)|raw }}');
				setTimeout(function () {
					location.replace('{{ buildCanonical() }}');
				}, 2000);
			} else {
				outputBox.removeClass('alert-success');
				outputBox.addClass('alert alert-danger');
				outputBox.html(responseText);
			}
		}
	</script>
{% endblock assetsBottom %}