{{#with @root.$route.data.__instance}}
		
	<div class="block"></div>
	<!-- Title -->
	<div class="title-block">
		<div class="title smaller chip chip-label"><span class="bold">&nbsp;{{title}}&nbsp;</span></div>
		<div class="subtitle">
			&nbsp;{{#if grondsoort}}{{grondsoort.naam}}{{else}}<i>{{l ".geen-grondsoort"}}{{/if}}</i>&nbsp;
		</div>
		<div>&nbsp;{{#if apparaat}}{{apparaat.naam}}{{/if}}&nbsp;</div>
	</div>
	
	<div class="button-block">
		<a class="button button-big button-round button-back edit-point flex1 opaque"><i class="icon icon-back"></i><i class="fa fa-map-o"></i></a>
		<a class="button button-big button-round add flex1"><i class="fa fa-plus"></i></a>
		<a class="button button-big button-round {{#if anchored}}button-fill{{/if}} anchor opaque flex1"><i class="fa fa-anchor"></i></a>
	</div>
	
	<div class="block center hide-when-page-not-loading">
		<div class="preloader infinite-scroll-preloader"></div>
	</div>
	
	{{#unless loading}}
	<div class="list summary"><ul>
		<li><a href="/bodemlaag/{{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">
					<!--<i class="fa fa-fw fa-user-circle menu-icon bg-orange "></i>-->
				</div>
				<div class="item-inner">
					<div class="item-title-row">
						<div class="item-title">{{l @root.__locale "-kleuren.label"}}</div>
					</div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: kleuren.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list kleuren virtual-list" data-va="items: kleuren; height: 45; itemTemplate: bodemlaag/templates/list/kleuren-item;"></div>
			</div>
		</li>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media">
					<!--<i class="fa fa-fw fa-user-circle menu-icon bg-orange "></i>-->
				</div>
				<div class="item-inner">
					<div class="item-title-row">
						<div class="item-title">{{l @root.__locale "-bijzonderheden.label"}}</div>
					</div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: bijzonderheden.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list bijzonderheden virtual-list" data-va="items: bijzonderheden; height: 45; itemTemplate: bodemlaag/templates/list/bijzonderheden-item;"></div>
			</div>
		</li>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media">
					<!--<i class="fa fa-fw fa-user-circle menu-icon bg-orange "></i>-->
				</div>
				<div class="item-inner">
					<div class="item-title-row">
						<div class="item-title">{{l @root.__locale "-geuren.label"}}</div>
					</div>
					<div class="item-after bold color-black va-reflect" data-va="attribute: geuren.length;"></div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list geuren virtual-list" data-va="items: geuren; height: 45; itemTemplate: bodemlaag/templates/list/geuren-item;"></div>
			</div>
		</li>
	</ul></div>
	{{/unless}}

{{/with}}