<div class="slide_preview_inner_ct">
	<div class="slide_preview_inner_ct_c">
		<div class="slide_preview_title clear font_200">{$_MODEL.name}</div>
		{*<div class="slide_preview_desc clear font_120">Duis aliqua laborum officia amet deserunt dolore id ut ut tempor non reprehenderit eiusmod magna commodo esse aute mollit ea exercitation eiusmod qui proident.</div>*}
		<div class="space space_40 clear"></div>
		<div class="quiz_layers">
			<div class="quiz_layer quiz_layer_waiting_for_players">
				<div class="quiz_layer_ct">
					<div class="quiz_layer_ct_c">
						<div class="quiz_layer_waiting_for_players_title font_180 font_weight_700">Oczekiwanie na graczy...</div>
						<div class="space space_10 clear"></div>
						<div class="quiz_layer_waiting_for_players_online font_150">Dołączyło <span class="quiz_layer_waiting_for_players_online_value">89</span> osób</div>
						<div class="space space_20 clear"></div>
						<div class="start_quiz_button_w">
							<div class="start_quiz_button">
								<div>Rozpocznij Quiz <span>3 z 3</span></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="quiz_layer quiz_layer_countdown">
				<div class="quiz_layer_ct">
					<div class="quiz_layer_ct_c">
						<div class="quiz_layer_countdown_box"></div>
						<script>
							$(document).ready(function () {
								var countdown = $(".quiz_layer_countdown_box").countdown360({
									strokeWidth: 5,
									fillStyle: '#FFFFFF',
									strokeStyle: '#128FF2',
									radius: 60,
									seconds: 10,
									label: ['sekund', 'sekund'],
									fontColor: '#222',
									autostart: false,
									smooth: true,
									onComplete: function () {
										console.log('done');
									}
								});
								
								countdown.start();
							});
						</script>
					</div>
				</div>
			</div>
			<div class="quiz_layer quiz_layer_result_chart active">
				<div class="quiz_layer_ct">
					<div class="quiz_layer_ct_c">
						<div class="chart_box_w">
							<div class="chart_box chart_type_4">
								<div class="chart_box_l">
									<div class="chart">
										<div class="chart_ct">
											<div class="chart_ct_row row_bars">
												{foreach from=$_MODEL.options item=option}
													<div class="chart_ct_cell">
														<div class="chart_bar {if $option.correct == "1"}answer_correct{else}answer_not_correct{/if}" style="height: {$option.result.percent}%;">
															<div class="chart_bar_value">{$option.result.value}</div>
															<div class="chart_bar_icon">
																{if $option.correct == "1"}
																	<i class="fa fa-check" aria-hidden="true"></i>
																{else}
																	<i class="fa fa-times" aria-hidden="true"></i>
																{/if}
															</div>
														</div>
													</div>
												{/foreach}
											</div>
											<div class="chart_ct_row row_line">
												{foreach from=$_MODEL.options item=option}
													<div class="chart_ct_cell"></div>
												{/foreach}
											</div>
											<div class="chart_ct_row row_desc">
												{foreach from=$_MODEL.options item=option}
													<div class="chart_ct_cell">
														<div class="chart_bar_desc">{$option.text}</div>
													</div>
												{/foreach}
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						{*<div class="space space_20 clear"></div>
						<div class="switch_results_button_w">
							<div class="switch_results_button">
								<div>Pokaż zwycięzców</div>
							</div>
						</div>*}
					</div>
				</div>
			</div>
			<div class="quiz_layer quiz_layer_result_users">
				<div class="quiz_layer_ct">
					<div class="quiz_layer_ct_c">
						<div class="space space_20 clear"></div>
						<div class="quiz_result_users_w">
							<div class="quiz_result_users">
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">9387 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:100%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Alicja Kołodziejczyk</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">4387 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:53%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Grzegorz Kowalski</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">2387 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:23%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">1387 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:11%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">43 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:2%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">43 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:2%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">43 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:2%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">43 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:2%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">43 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:2%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
								<div class="quiz_result_user_separator"><div></div></div>
								<div class="quiz_result_user">
									<div class="quiz_result_user_c quiz_result_user_points">43 p.</div>
									<div class="quiz_result_user_c quiz_result_user_bar">
										<div class="quiz_result_user_bar_progress" style="width:2%;">
											<div class="quiz_result_user_c quiz_result_user_name">
												<div class="quiz_result_user_c quiz_result_user_name_ct">
													<div class="quiz_result_user_c quiz_result_user_name_ct_c">Jan Nowak</div>
												</div>
											</div>  
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="space space_20 clear"></div>
						<div class="switch_results_button_w">
							<div class="switch_results_button">
								<div>Pokaż wyniki</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="bottom_icons">
	<div class="icons_w">
		<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>