{{#with @root.$options.data()}}

	<div class="block"></div>
	<div class="title-block">
		<div class="{{#e_if 'this.title.length>12'}}bold sub{{/e_if}}title">&nbsp;{{title}}&nbsp;</div>
		<div class="subtitle">&nbsp;{{subtitle}}&nbsp;</div>
		<div>&nbsp;{{#if bedrijf}}{{bedrijf.naam}}{{else}}{{bedrijf_naam}}{{/if}}&nbsp;</div>
	</div>

{{#unless loading}}

	<div class="button-block view-{{#if @root.$router.view.main}}main{{else}}left{{/if}}">
		<!--<a class="button button-big button-round button-back edit-contour flex5"><i class="icon icon-back"></i>{{l __locale "-contour/Map"}}</a>-->
		<a class="button button-big button-round {{#if anchored}}button-fill{{/if}} anchor view-left flex1"><i class="fa fa-anchor"></i></a>
		<a class="button back link button-big button-round button-back show-on-map flex1 view-main"><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 href="{{@root.$route.path}}/show-on-map" class="button button-big button-round button-forward show-on-map view-left flex1"><i class="fa fa-map-o"></i><i class="icon icon-forward"></i></a>
		<a class="button button-big button-round {{#if anchored}}button-fill{{/if}} anchor flex1 view-main"><i class="fa fa-anchor"></i></a>
	</div>
	<!-- summary -->
	<div class="list summary"><ul>
		<li><a href="/bedrijf/{{id}}/.popup" class="item-content item-link">
			<div class="item-inner">
				<div class="item-subtitle smaller lines-wrap ta-center">{{summary}}</div>
			</div>
		</a></li>					
	</ul></div>
{{/unless}}


	<div class="block center hide-when-page-not-loading">
		<div class="preloader infinite-scroll-preloader"></div>
	</div>


{{#unless loading}}
	<div class="collections list accordion-list"><ul>
		<li class="accordion-item">
			<a class="item-content item-link">
				<div class="item-media"></div>
				<div class="item-inner">
					<div class="item-title bold_">{{l __locale "-meetpunten.label"}}</div>
					{{#if meetpunten}}
					<div class="item-after bold color-black">{{js "this.meetpunten.length"}}</div>
					{{/if}}
				</div>
			</a>
			{{#if meetpunten}}
			<div class="accordion-item-content">
				<div class="list meetpunt virtual-list"></div>
			</div>
			{{/if}}
		</li>
		{{#if watermonsters}}
		<li class="accordion-item">
			{{#wjs "VA.properties.watermonsters(this)"}}
			<a href="#" 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 bold_">{{l __locale "-watermonsters.label"}}</div>
					</div>
					<div class="item-after bold color-black">{{length}}</div>
				</div>
			</a>
			<div class="accordion-item-content">
				<div class="list-block media-list"><ul>
					{{#each this}}
					<li><a data-page="Watermonster?key={{id}}" class="item-content item-link">
						<div class="item-media">
							<i class="fa fa-fw fa-user-circle menu-icon bg-orange" style="opacity:0;"></i>
						</div>
						<div class="item-inner">
							<div class="item-title-row">
								<div class="item-title">{{l ">" this "Veldmonster" "title"}}</div>
								<div class="item-after">{{datum}}</div>
							</div>
							<div class="item-subtitle">Here{{#if matrix}}{{matrix.naam}}!!!{{/if}}</div>
						</div>
					</a></li>
					{{/each}}
				</ul></div>
			</div>
			{{/wjs}}
		</li>
		{{/if}}
		<li class="link-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 bold_">{{l __locale "-fotos.label"}}</div>
					</div>
					{{#if this.fotos}}
					<div class="item-after bold color-black">{{js "this.fotos.length"}}</div>
					{{/if}}
				</div>
			</a>
		</li>
	</ul></div>
{{/unless}}


{{/with}}