[[property.image &id=`[[+property.id]]` &size=`l`]]

<p>Price: [[+property.price]]</p>

<div id="tabs1" class="tabwidget" role="tabpanel">
	<ul class="tabs" role="tablist">
		<li role="tab" data-tabpanel="tabs-1">Features</li>
		<li role="tab" data-tabpanel="tabs-2">Description</li>
		<li role="tab" data-tabpanel="tabs-3">Floor Plans</li>
		<li role="tab" data-tabpanel="tabs-4">Images</li>
		<li role="tba" data-tabpanel="tabs-5">Map</li>
	</ul>
	<ul class="tabpanels">
		<li id="tabs-1" role="tabpanel">
			[[+property.features]]
		</li>
		<li id="tabs-2" role="tabpanel">
			[[+property.description]]
			[[+property.fieldMenu]]
			[[+property.fieldContents]]
		</li>
		<li id="tabs-3" role="tabpanel">
			[[property.gallery &floorPlan=`1`]]
		</li>
		<li id="tabs-4" role="tabpanel">
			[[property.gallery &floorPlan=`0`]]
		</li>
		<li id="tabs-5" role="tabpanel">
			<div id="propertyMap"></div>
			<div id="properyStreetView"></div>
		</li>
	</ul>
</div>

<input type="hidden" id="property.lat" value="[[+property.lat]]" />
<input type="hidden" id="property.lng" value="[[+property.lng]]" />

<script type="application/ld+json">
	{
		"@context": "http://schema.org",
		"@type": "Place",
		"name" : "[[+property.title]]",
		"geo": {
			"@type": "GeoCoordinates",
			"latitude": "[[+property.lat]]",
			"longitude": "[[+property.lng]]"
		},
		"address": {
			"@type": "PostalAddress",
			"addressLocality": "[[+property.city]]",
			"addressRegion": "[[+property.state]]",
			"postalCode": "[[+property.postcode]]",
			"streetAddress": "[[+property.address]]"
		}
	}
</script>