{if !isset($slideUpdate)}<div class="p_slide slide_type_2_4" data-slide="{$_MODEL.board_id}">{/if}
	<div class="p_slide_box_t"></div>
	<div class="p_slide_box_m">
		<div class="p_slide_box_m_m_inner">
			<div class="slide_preview_inner_ct">
				<div class="slide_preview_inner_ct_c">
					{if !empty($_MODEL.name)}
						<div class="slide_preview_title clear font_200">{$_MODEL.name}</div>
					{/if}
					{if !empty($_MODEL.config.description)}
						<div class="slide_preview_desc clear font_120">{$_MODEL.config.description|nl2br}</div>
					{/if}
					{if $_MODEL.config.show_type == "2"}
						<div class="space space_80 clear"></div>
						<div class="waterfall_slider_w">
							<div id="waterfall-{$_MODEL.board_id}" class="waterfall_slider">
								{foreach from=$_MODEL.results item=text key=key}
									<div class="waterfall_slider_box">
										<div class="waterfall_slider_box_ct">
											<div class="waterfall_slider_box_ct_c">
												<div class="waterfall_slider_box_i">{$key+1}. {$text}</div>
											</div>
										</div>
									</div>
								{/foreach}
							</div>
							<script type="text/javascript">
								$(document).ready(function () {
									$(document).ready(function () {
										$('#waterfall-{$_MODEL.board_id}').slick({
											autoplay: false,
											autoplaySpeed: 2000,
											slidesToScroll: 1,
											slidesToShow: 1,
											infinite: false,
											vertical: true
										});
									});
								});
							</script>
						</div>
					{else if $_MODEL.config.show_type == "3"}
						<div class="space space_40 clear"></div>
						<div class="waterfall_box_ww">
							<div class="waterfall_box_w">
								<div class="waterfall_box">
									<ul id="waterfall-{$_MODEL.board_id}">
										{foreach from=$_MODEL.results item=text key=key}
											<li><div>{$key+1}. {$text}</div></li>
										{/foreach}
									</ul>  
								</div>
								<script>
									$(document).ready(function(){
										$('#waterfall-{$_MODEL.board_id}').NewWaterfall({
											width: 280,
											delay: 60,
											repeatShow: false
										});
									});
								</script>
							</div>
						</div>
					{else}
						<div class="space space_40 clear"></div>
						<div class="waterfall_box_w">
							<div class="waterfall_box">
								<ul id="waterfall-{$_MODEL.board_id}">
									{foreach from=$_MODEL.results item=text key=key}
										<li><div>{$key+1}. {$text}</div></li>
									{/foreach}
								</ul>
							</div>
							<script>
								$(document).ready(function(){
									$('#waterfall-{$_MODEL.board_id}').NewWaterfall({
										width: 280,
										delay: 60,
										repeatShow: false
									});
								});
							</script>
						</div>
					{/if}
					{if !empty($_MODEL.config.image)}
						<div class="space space_20 clear"></div>
						<div class="hidden_image">
							<div class="hidden_image_ct">
								<div class="hidden_image_ct_c"><img src="{url mode="root"}public/upload/slides/{$_MODEL.config.image}" alt=""></div>
							</div>
						</div>
						<div class="hidden_image_button_w">
							<div class="hidden_image_button">
								<div class="image_show">Pokaż obrazek</div>
								<div class="image_hide">Ukryj obrazek</div>
							</div>
						</div>
					{/if}
				</div>
			</div>
		</div>
		<div class="p_slide_box_m_b">
			<div class="icons_w">
				<div class="icons_w_l"></div>
				<div class="icons_w_r">
					<div class="icons">
						<div class="icon">
							<div class="icon_img"><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-user"></use></svg></div>
							<div class="icon_value">{$_MODEL.users}</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="p_slide_box_b"></div>
{if !isset($slideUpdate)}</div>{/if}