{% if estates.multimedia or estates.mainImage.onlineImage %}
	<div class="estate-pictures-slider-modal">
		<div class="slider-modal-content">	
			<div class="slider-modal-close-button">
				<div class="flaticon-multiply"></div>
			</div>

			<div class="slider-pro" id="estate-slider">
				{% if estates.multimedia %}
					<div class="sp-slides">
						{% if estates.multimedia.main_image %}
							<div class="sp-slide">
								<p class="ff-sp-caption">{{ estates.multimedia.main_image.0.multimedia.title }}</p>
								<img class="sp-image" src="{{ estates.multimedia.main_image.0.multimedia.fileReference }}"/>
							</div>
						{% endif %}

						{% if estates.multimedia.pictures %}
							{% for image in estates.multimedia.pictures %}
								<div class="sp-slide">
									<p class="ff-sp-caption">{{ image.multimedia.title }}</p>
									<img class="sp-image" src="{{ image.multimedia.fileReference }}"/>
								</div>
							{% endfor %}
						{% endif %}

						{% for key, media in estates.multimedia %}
							{% if key == "360_links" and media|length > 0 %}
								{% for field in media %}
									<div class="sp-slide">
										<p class="ff-sp-caption">{{ field.multimedia.title }}</p>
										<iframe src="{{field.multimedia.fileReference}}" style="border:0; width:100%; height:600px; margin-top: 40px;" scrolling="none" ></iframe>
										<a href="#" onclick='window.open("{{field.multimedia.fileReference}}");return false;' class="ff-sp-360-url">360° in einem neuen Fenster starten</a>
									</div>
								{% endfor %}	
							{% endif %}
						{% endfor %}

						{% if estates.multimedia.videos %}
							{% for video in estates.multimedia.videos %}
								<div class="sp-slide">
									<p class="ff-sp-caption">{{ video.multimedia.title }}</p>
									<video class="sp-video" poster="path/to/poster.jpg" controls muted preload>
										<source src="{{ video.multimedia.fileReference }}" type="video/mp4"/>
									</video>
								</div>
							{% endfor %}
						{% endif %}

						{% for key, media in estates.description %}
							{% if key == "linkpropertyvideo" %}
								<!-- video -->
									<div class="sp-slide">
										<p class="ff-sp-caption">{{ field.multimedia.title }}</p>
										<iframe src="{{ media.value.uri|replace({"https://youtu.be/": "https://www.youtube.com/embed/", "https://www.youtube.com/watch?v=" : "https://www.youtube.com/embed/"}) }}" style="border:0; width:100%; height:600px" scrolling="none" ></iframe>
									</div>
							{% endif %}
						{% endfor %}

						
					</div>

					<div class="sp-thumbnails">
						<img class="sp-thumbnail" src="path/to/blank.gif" data-src="{{ estates.multimedia.main_image.0.multimedia.fileReference }}"/>

						{% for image in estates.multimedia.pictures %}
							<img class="sp-thumbnail" src="path/to/blank.gif" data-src="{{ image.multimedia.fileReference }}"/>
						{% endfor %}

						{% for key, media in estates.multimedia %}
							{% if key == "360_links" and media|length > 0 %}
								{% for field in media %}
									<img class="sp-thumbnail" src="{{ imagepath }}/360.png" data-src="{{ imagepath }}/360.png"/>
								{% endfor %}	
							{% endif %}
						{% endfor %}

						{% if estates.multimedia.videos %}
							{% for video in estates.multimedia.videos %}
								<img class="sp-thumbnail" src="{{ imagepath }}/video.png" data-src="{{ imagepath }}/video.png"/>
							{% endfor %}
						{% endif %}

						{% for key, media in estates.description %}
							{% if key == "linkpropertyvideo" %}
								<!-- video -->
								<img class="sp-thumbnail" src="{{ imagepath }}/video.png" data-src="{{ imagepath }}/video.png"/>
							{% endif %}
						{% endfor %}
					</div>
				{% else %}
					<div class="sp-slides">
						{% if estates.mainImage.mainImage %}
							<div class="sp-slide">
								<p class="ff-sp-caption">{{ estates.mainImage.mainImage.0.caption }}</p>
								<img class="sp-image" src="{{ estates.mainImage.mainImage.0.value }}"/>
							</div>
						{% endif %}
						
						{% if estates.mainImage.onlineImage %}
							{% for image in estates.mainImage.onlineImage %}
								<div class="sp-slide">
									<p class="ff-sp-caption">{{ image.caption }}</p>
									<img class="sp-image" src="{{ image.value }}"/>
								</div>
							{% endfor %}
						{% endif %}

						{% if estates.linkTour %}
							{% for image in estates.linkTour %}
								<div class="sp-slide">
									<p class="ff-sp-caption">{{ image.value.headline }}</p>
									<iframe src="{{ image.value.uri }}" style="border:0; width:100%; height:600px; margin-top: 40px;" scrolling="none" ></iframe>
									<a href="#" onclick='window.open("{{ image.value.uri }}");return false;' class="ff-sp-360-url">Open 360 in a new window</a>
								</div>
							{% endfor %}
						{% endif %}

						{% if estates.description %}
							{% for key,media in estates.description %}
								{% if key == "linkpropertyvideo" %}
									<div class="sp-slide">
										asddsaadsdsads
										<p class="ff-sp-caption">{{ media.value.headline }} dsasdadsasda</p>
										<iframe src="{{ media.value.uri|replace({"https://youtu.be/": "https://www.youtube.com/embed/", "https://www.youtube.com/watch?v=" : "https://www.youtube.com/embed/"}) }}" style="border:0; width:100%; height:600px" scrolling="none" ></iframe>
									</div>
								{% endif %}
							{% endfor %}
						{% endif %}
					</div>

					<div class="sp-thumbnails">
						{% if estates.mainImage.mainImage %}
							<img class="sp-thumbnail" src="path/to/blank.gif" data-src="{{ estates.mainImage.mainImage.0.value }}"/>
						{% endif %}

						{% if estates.mainImage.onlineImage %}
							{% for image in estates.mainImage.onlineImage %}
								<img class="sp-thumbnail" src="path/to/blank.gif" data-src="{{ image.value }}"/>
							{% endfor %}
						{% endif %}
						
						{% if estates.linkTour %}
							{% for image in estates.linkTour %}
								<img class="sp-thumbnail" src="{{ imagepath }}/360.png" data-src="{{ imagepath }}/360.png"/>
							{% endfor %}
						{% endif %}

						{% for key, media in estates.description %}
							{% if key == "linkpropertyvideo" %}
								<img class="sp-thumbnail" src="{{ imagepath }}/video.png" data-src="{{ imagepath }}/video.png"/>
							{% endif %}
						{% endfor %}
					</div>
				{% endif %}
			</div>
		</div>
	</div>
{% endif %}