<div class="df_w">
	<div class="df{if !$_MODEL->existsUsers} hidden{/if}" data-presentation="slide-remove-results-layer">
		<div class="space space_15"></div>
		<div class="df_title"><span>Usuń wyniki quizu</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Usuwa wyniki quizu dla tego pytania"><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-results" 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ń wyniki</span></button></div>
		<div class="space space_15"></div> 
	</div>
	{assign var=element value=$_MODEL->getElement("name")}
	<div class="df">
		<div class="space space_15"></div>
		<div class="df_title"><span>Pytanie</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 type="text" name="name" 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 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>Obrazek do pytania</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Wstawia ukryty 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("description")}
	<div class="df">
		<div class="space space_15"></div>
		<div class="df_title"><span>Opis pytania</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Maksymalna długość tekstu to 200 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-group-textarea"><textarea name="description" class="form-control fn_data_max_length" rows="4" data-max-length="200">{htmlspecialchars($element->getValue())}</textarea></div>
		</div>
		<div class="space space_15"></div> 
	</div>
	{assign var=element value=$_MODEL->getElement("options")}
	<div class="df" data-presentation="elementDisabled">
		<div class="space space_15"></div>
		<div class="df_title"><span>Dostępne odpowiedzi</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Maksymalna ilość opcji to 10"><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->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 fn_data_max_length" data-max-length="40"><span class="input-group-addon input-group-addon-max-length">40</span><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" data-type="with-max-length" 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>
	{assign var=element value=$_MODEL->getElement("more_options")}
	<div class="df">
		<div class="space space_15"></div>
		<div class="df_title"><span>Dozwolona ilość głosów</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Umożliwia głosowanie na kilka opcji jednocześnie"><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="df_slider_w"><input type="text" name="more_options" class="df_slider_steps" value="{$element->getValue()}" /></div>
			<script>
				$(document).ready(function(){
					$(".df_slider_steps").ionRangeSlider({
						type: "single",
						min: 1,
						max: 4,
						step: 1,
						grid: true,
						grid_snap: true
					});
				});
			</script>
			<div id="ionrange_4"></div>
		</div>
		<div class="space space_15"></div> 
	</div>
</div>