{% block page %}
	<section class="section first-section home" id="home">
		<h1>{{ page.name }}</h1>
		
		{% block contents %}
		
			{% if site.slideshow_youtube_id %}
				{% block youtube %}
					<div class="home-slider full-screen video-main" style="background:url('{{ constant('ROOT_URL_SCHEME') }}://img.youtube.com/vi/{{ site.slideshow_youtube_id }}/sddefault.jpg');background-size:cover;background-position:center center;line-height:0px;">
						<div>
							<img src="{{ youtube_src }}" data-id="{{ site.slideshow_youtube_id }}" class="youtube_video" style="background:url('/images/youtube-play.png') no-repeat center;"/>
						</div>
					</div>
				{% endblock %}
			{% else %}
				<div class="home-slider full-screen">
					{% if data.slideshow_active %}
						{% block slideshow %}
							<div id="carousel3" class="carousel slide" data-ride="carousel3" data-interval="5000">
								
								{# {% include 'pages/home_slideshow.twig' %} #}
								{% if data.slides|length > 1 %}
									{% block slideshow_indicators %}
										<ol class="carousel-indicators">
											{% for _ in 1..data.slides|length %}
												<li{{ loop.first ? ' class="active"' }} data-slide-to="{{ loop.index0 }}" data-target="#carousel3"></li>
											{% endfor %}
										</ol>
									{% endblock %}
								{% endif %}
								{% block slideshow_content %}
									<div class="carousel-inner">
										{% for slide in data.slides %}
											{% set has_desc = (slide.desc and (not(slide.desc == '<br>')) and (not(slide.desc == '<p>&nbsp;</p>'))) %}
											
											{% block slide %}
												<div class="item{{ loop.first ? ' active' }}" id="slide_{{ slide.id }}">
													{% if CONTEXT != 'preview' and not slide.doc %}
														{% if slide.url_out %}
															<a href="{{ slide.url_out }}" target="_self">
														{% elseif slide.url_ext %}
															<a href="{{ slide.url_ext }}" target="_blank" rel="nofollow">
														{% elseif slide.url %}
															<a href="{{ slide.url | raw }}" class="lightbox" rel="nofollow">
														{% endif %}
													{% endif %}
													
													{% block slide_contents %}
														{# <div class="slider-gradient-overlay"></div> #}
														
														{% block slide_image %}
    														<div style="background-image:url('/{{ slide.src }}');" class="fill"></div>
    													{% endblock %}
    													
														{% block slide_content_holder %}
															<div class="slider-text">
																{% block slide_content %}
																	<div class="col-md-6">
																		<h2>{{ slide.alt }}</h2>
																		{{ (has_desc ? '<span>' ~ slide.desc ~ '</span>') | raw }}
																		
																		{% if slide.doc %}
																			{% for doc in slide.doc %}
																				{% block slide_doc_content %}
																					<p><a href="{{ doc.src }}" target="_blank">{{ doc.title }}</a></p>
																				{% endblock slide_doc_content %}
																			{% endfor %}
																		{% endif %}
																	</div>
																{% endblock %}
															</div>
														{% endblock %}
													{% endblock %}
														
													{% if CONTEXT != 'preview' and not slide.doc and (slide.url_out or slide.url_ext or slide.url) %}
														</a>
													{% endif %}
												</div>
											{% endblock %}
										{% endfor %}
									</div>
								{% endblock %}
								
								<div class="clearfix"></div>
							</div>
						{% endblock %}
					{% endif %}
					<div class="clearfix"></div>
				</div>
			{% endif %}
			
			{% if site.highlights_top_active %}
				{% block highlights %}
					<div class="content">
						{# {% include 'pages/home_highlights.twig' %} #}
						<div id="highlights" class="row">
							{% for highlight in data.highlights %}
								{% block highlight %}
									<div class="col-md-{{ cols }} col-sm-{{ cols }} service-box text-center">
										{% if not site.highlights_hide_icons %}
											{% block highlight_icon %}
												<div class="service-icon"> <i class="fa fa-{{ highlight.icon_class }}"></i> </div>
											{% endblock %}
										{% endif %}
										{% block highlight_title %}
											<h2>{{ highlight.title }}</h2>
										{% endblock %}
										{% block highlight_content %}
											<p class="content">{{ highlight.desc | raw }}</p>
										{% endblock highlight_content %}
									</div>
								{% endblock highlight %}
							{% endfor %}
						</div>
					</div>
				{% endblock highlights %}
			{% endif %}
			<div class="clearfix"></div>
		{% endblock contents %}
		
	</section>
{% endblock page %}