<div class="df_w">
	<div class="df{if !$_MODEL->existsReactions} hidden{/if}" data-presentation="slide-remove-results-layer">
		<div class="space space_15"></div>
		<div class="df_title"><span>Usuń zapisane reakcje</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Usuwa zapisane reakcje dla tego slajdu"><div class="df_tooltip_mask"></div><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"></use></svg></div></div> 
		<div class="space space_10"></div>
		<div class="df_ct"><button type="button" data-presentation="slide-remove-reactions" class="btn btn-primary btn-outline full-width"><div class="icon"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-trash"/></svg></div><span>Usuń reakcje</span></button></div>
		<div class="space space_15"></div> 
	</div>
	{assign var=element value=$_MODEL->getElement("image")}
	{assign var=element_name value=$_MODEL->getElement("image_name")}
	<div class="df">
		<div class="space space_15"></div>
		<div class="df_title"><span>Dodaj obrazek</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Wstawia obrazek do slajdu"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"/></svg></div></div> 
		<div class="space space_10"></div>
		<div class="df_ct">
			{include file="../../../helper/form/image.tpl" value=$element name=$element_name fieldFile="image_upload" fieldValue="image" fieldName="image_name"}
		</div>
		<div class="space space_15"></div>
	</div>
	{assign var=element value=$_MODEL->getElement("header")}
	<div class="df">
		<div class="space space_15"></div>
		<div class="df_title"><span>Nagłówek</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Maksymalna długość tekstu to 100 znaków"><div class="df_tooltip_mask"></div><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"></use></svg></div></div> 
		<div class="space space_10"></div>
		<div class="df_ct">
			<div class="input-group"><input name="header" value="{htmlspecialchars($element->getValue())}" class="form-control fn_data_max_length" data-max-length="100"><span class="input-group-addon input-group-addon-max-length">100</span></div>
		</div>
		<div class="space space_15"></div>
	</div>
	{assign var=element_name value=$_MODEL->getElement("options")}
	<div class="df">
		<div class="space space_15"></div>
		<div class="df_title"><span>Opcje</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Maksymalna ilość opcji to 8"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"/></svg></div></div> 
		<div class="space space_5"></div>
		<div class="df_ct">
			{assign var=element_values value=$element_name->getValue()}
			{assign var=idx value=1}
			<div class="sortable_options">
				{foreach from=$element_values item=option}
					<div class="input-group"><span class="input-group-addon input-group-addon-move"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-move"/></svg></span><input type="text" name="options[]" value="{$option.text}" class="form-control"><span class="input-group-addon input-group-addon-btn" data-presentation="slide-form-option-remove"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-trash"/></svg></span></div>
					{$idx=$idx+1}
				{/foreach}
			</div>
			<div class="space space_5"></div>
			<div data-presentation="slide-form-option-add" class="btn btn-primary full-width"><div class="icon"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-plus"/></svg></div><span>Dodaj opcję</span></div>
		</div>
		<div class="space space_15"></div>
	</div>
	{include file="../../../helper/form/reactions.tpl"}
</div>