<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 && $_MODEL.config.more_save == "0"}
		<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.config.more_save == "1" || ($_MODEL.config.more_save == "0" && !$_MODEL.userReply)}
				<div class="df_w">
					<div class="df">
						<div class="space space_15"></div>
						<div class="df_title"><span>Twoje pytanie</span></div> 
						<div class="space space_5"></div>
						<div class="df_subtitle">Pozostało: <span class="data-length-value">200</span> znaków</div> 
						<div class="space space_10"></div>
						<div class="df_ct">
							<div class="input-group input-group-textarea"><textarea name="reply" class="form-control fn_data_max_length" rows="4" data-max-length="200" data-moresave="{$_MODEL.config.more_save}"></textarea></div>
						</div>
						<div class="space space_15"></div> 
					</div>
				</div>
				<div class="space space_25"></div>
				<a href="javascript:saveSlide();" class="btn btn-primary btn-outline full-width btn-next"><span>Wyślij</span></a>
			{/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>
			{/if}
		</div>
		<div class="ct_r"></div>
	</div>
</section>