<section class="section_question">
	<div class="ct">
		<div class="ct_l"></div>
		<div class="ct_c">
			<div class="question font_150">{$_MODEL.name}</div>
			{if !empty($_MODEL.config.description)}
				<div class="space space_10 clear"></div>
				<div class="description font_110">{$_MODEL.config.description}</div>
			{/if}
		</div>
		<div class="ct_r"></div>
	</div>
</section>
{if !empty($_MODEL.config.image)}
	<section class="section_image">
		<div class="space space_30 clear"></div>
		<div class="ct">
			<div class="ct_l"></div>
			<div class="ct_c">
				<div class="image_w">
					<a class="zoom_popup" href="{url mode="root"}public/upload/slides/{$_MODEL.config.image}"><img src="{url mode="root"}public/upload/slides/{$_MODEL.config.image}" alt=""></a>
				</div>
			</div>
			<div class="ct_r"></div>
		</div>
	</section>
{/if}
<section class="section_answers">
	{if $_MODEL.userReply}
		<div class="space space_30 clear"></div>
		<section class="section_question">
			<div class="ct">
				<div class="ct_l"></div>
				<div class="ct_c">
					<div class="question font_150 text-center">Odpowiedź została wysłana.</div>
					<div class="space space_10 clear"></div>
					<div class="description font_110 text-center">Oczekiwanie na zmianę slajdu przez prezentera...</div>
				</div>
				<div class="ct_r"></div>
			</div>
		</section>
	{/if}
	<div class="space space_30 clear"></div>
	<div class="ct">
		<div class="ct_l"></div>
		<div class="ct_c">
			{if !$_MODEL.userReply}
				<div class="df_w" data-presentation="slideScales">
					{foreach from=$_MODEL.options item=option key=index}
						<div class="df">
							<div class="space space_15"></div>
							<div class="df_question">
								<div>{$option.text}</div>
								<div>
									<div class="df_question_skip"><div>Pomiń</div></div>
									<input type="hidden" name="ignoreReply[{$option.option_id}]" value="0" data-key="{$option.option_id}">
								</div>
							</div>
							<div class="space space_10"></div>
							<div class="df_ct">
								<div class="color_222 font_weight_700">{$_MODEL.config.x_name}</div>
								<div class="space space_10 clear"></div>
								<div class="df_slider_w df_slider_color_a"><input type="text" name="reply[{$option.option_id}][y]" value="{$_MODEL.config.min}" data-key="{$option.option_id}" class="df_slider_steps_1a" /></div>
								<script>
									$(document).ready(function(){
										$(".df_slider_steps_1a").ionRangeSlider({
											type: "single",
											min: {$_MODEL.config.min},
											max: {$_MODEL.config.max},
											step: 1,
											//grid: true,
											grid_snap: true
										});
									});
								</script>
								<div class="color_222 font_weight_700">{$_MODEL.config.y_name}</div>
								<div class="space space_10 clear"></div>
								<div class="df_slider_w df_slider_color_a"><input type="text" name="reply[{$option.option_id}][x]" value="{$_MODEL.config.min}" data-key="{$option.option_id}" class="df_slider_steps_1b" /></div>
								<script>
									$(document).ready(function(){
										$(".df_slider_steps_1b").ionRangeSlider({
											type: "single",
											min: {$_MODEL.config.min},
											max: {$_MODEL.config.max},
											step: 1,
											//grid: true,
											grid_snap: true
										});
									});
								</script>
								{*<div class="df_slider_info_ct">
									<div class="df_slider_info_ct_c">{$_MODEL.config.x_name}</div>
									<div class="df_slider_info_ct_c">{$_MODEL.config.y_name}</div>
								</div>*}
							</div>
							<div class="space space_15"></div> 
						</div>
					{/foreach}
				</div>
				<div class="space space_25"></div>
			{/if}
			{if $presentationTempo == "2"}
				<a href="javascript:nextSlide('{$_MODEL.nextSlide}');" class="btn btn-primary full-width btn-next">
					<span>Dalej</span>
					<div class="icon"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-chevron-right"></use></svg></div>
				</a>
			{elseif !$_MODEL.userReply}
				<a href="javascript:saveSlide();" class="btn btn-primary btn-outline full-width btn-next"><span>Wyślij</span></a>
			{/if}
		</div>
		<div class="ct_r"></div>
	</div>
</section>