{{#with @root.__instance}}
		
	<div class="block"></div>
	<!-- Title -->
	<div class="title-block">
		<div class="title smaller chip chip-label">&nbsp;<span class="bold va-reflect" data-va="attribute: title;"></span>&nbsp;</div>
		<div class="subtitle">&nbsp;<span class="va-reflect" data-va="attribute: type.naam; fallback:{{l 'geen type'}};"></span>&nbsp;</div>
		<div>&nbsp;<span class="va-reflect" data-va="attribute: situatiebeschrijving.naam;"></span>&nbsp;</div>
		<div>&nbsp;{{#e_if "!isNaN(this.einddiepte_cm)"}}{{einddiepte_cm}}&nbsp;cm-mv{{/e_if}}&nbsp;</div>
	</div>
	
	<!-- Buttons -->
{{#unless loading}}{{#if @root.$router.history.join("").endsWith("/map")}}
		<div class="button-block">
			<a class="button button-big button-round flex5 opaque show-on-map"><i class="icon icon-back"></i><i class="fa fa-map-o"></i></a>
			<a class="button button-big button-round flex4 add "><i class="fa fa-plus"></i></a>
			<!--<a class="button button-big button-round flex4 share"><i class="fa fa-share-square-o"></i></a>-->
			<a class="button button-big button-round flex5 opaque"><i class="fa"></i></a>
		</div>
{{else}}
		<div class="button-block">
			<a class="button button-big button-round flex5 opaque"><i class="fa"></i></a>
			<a class="button button-big button-round flex4 add "><i class="fa fa-plus"></i></a>
			<!--<a class="button button-big button-round flex4 share"><i class="fa fa-share-square-o"></i></a>-->
			<a class="button button-big button-round flex5 opaque show-on-map"><i class="fa fa-map-o"></i><i class="icon icon-forward"></i></a>
		</div>
{{/if}}{{/unless}}

	<!-- Loading Indicator -->
	<div class="block center hide-when-page-not-loading">
		<div class="preloader infinite-scroll-preloader"></div>
	</div>
	
{{#unless loading}} 
	<!-- Summary -->
	<div class="list summary va-reflect"><ul>
		<li><a href="/meetpunt/{{id}}/.popup" class="item-content item-link">
			<div class="item-inner">
				<div class="item-subtitle smaller lines-wrap ta-center va-reflect" data-va="raw; attribute: summary;"></div>
			</div>
		</a></li>					
	</ul></div>
	
	<!-- Collections -->
	<div class="collections list accordion-list item-after-shrink"><ul>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media"></div>
				<div class="item-inner">
					<div class="item-title-row"><div class="item-title">{{l @root.__locale "-bodemlagen.label"}}</div></div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: bodemlagen.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list bodemlagen virtual-list" data-va="items: bodemlagen_sorted_depth; height: 120; itemTemplate: meetpunt/templates/list/bodemlagen-item;"></div>
			</div>
		</li>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media"></div>
				<div class="item-inner">
					<div class="item-title-row"><div class="item-title">{{l @root.__locale "-bodemmonsters.label"}}</div></div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: bodemmonsters.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list bodemmonsters virtual-list" data-va="items: bodemmonsters_sorted_depth; height: 120; itemTemplate: meetpunt/templates/list/bodemmonsters-item;"></div>
			</div>
		</li>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media"></div>
				<div class="item-inner">
					<div class="item-title-row"><div class="item-title">{{l @root.__locale "-filters.label"}}</div></div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: filters.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list filters virtual-list" data-va="items: filters_sorted_depth; height: 120; itemTemplate: meetpunt/templates/list/filters-item;"></div>
			</div>
		</li>
	</ul></div>
	<div class="collections list accordion-list item-after-shrink"><ul>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media"></div>
				<div class="item-inner">
					<div class="item-title-row"><div class="item-title">{{l @root.__locale "-casingen.label"}}</div></div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: casingen.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list casingen virtual-list" data-va="items: casingen_sorted_depth; height: 90; itemTemplate: meetpunt/templates/list/casingen-item;"></div>
			</div>
		</li>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media"></div>
				<div class="item-inner">
					<div class="item-title-row"><div class="item-title">{{l @root.__locale "-afwerkingen.label"}}</div></div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: afwerkingen.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list afwerkingen virtual-list" data-va="items: afwerkingen_sorted_depth; height: 90; itemTemplate: meetpunt/templates/list/afwerkingen-item;"></div>
			</div>
		</li>
	</ul></div>
{{/unless}}

{{/with}}