<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|nl2br}</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">
					<div class="df">
						<div class="space space_15"></div>
						<div class="df_title"><span>Wybierz odpowiedź</span></div> 
						<div class="space space_5"></div>
						{if $_MODEL.config.more_options > 1}
							<div class="df_subtitle"><span>Możesz wybrać kilka odpowiedzi</span></div> 
							<div class="space space_10"></div>
							<div class="df_ct">
								<div class="answers">
									{foreach from=$_MODEL.options item=option key=index}
										<div class="answer">
											<div class="answer_checkbox">
												<div class="checkbox checkbox-info checkbox-circle">
													<input id="answer_{$index}" type="checkbox" name="reply[]" value="{$option.option_id}">
													<label for="answer_{$index}"><span>{$option.text}</span></label>
												</div>
											</div>
										</div>
									{/foreach}
								</div>
							</div>
						{else}
							<div class="df_subtitle"><span>Możesz wybrać tylko jedną odpowiedź</span></div> 
							<div class="space space_10"></div>
							<div class="df_ct">
								<div class="answers">
									{foreach from=$_MODEL.options item=option key=index}
										<div class="answer_ct">
											<div class="answer_ct_l">
												<div class="image_w">{if !empty($option.image)}<a class="zoom_popup" href="{url mode="root"}public/upload/slides/{$option.image}"><img src="{url mode="root"}public/upload/slides/{$option.image}" alt=""></a>{/if}</div>
											</div>
											<div class="answer_ct_r">
												<div class="answer">
													<div class="answer_radio">
														<div class="checkbox checkbox-info checkbox-circle">
															<input id="answer_{$index}" type="radio" name="reply" value="{$option.option_id}">
															<label for="answer_{$index}"><span>{$option.text}</span></label>
														</div>
													</div>
												</div>
											</div>
										</div>
									{/foreach}
								</div>
							</div>
						{/if}
					</div>
				</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>