<div class="row">
	<div class="columns text-right back-search">
		<a href="javascript:window.history.back();">BACK TO SEARCH RESULTS</a>
	</div>
</div>

<div ng-app="propertyApp">
<div ng-controller="FullDetails">
<div class="property-title" style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
	<div class="row roboto" style="max-width: 68.75rem; margin: 0 auto" >
		<div class="columns medium-6">
			{{prop.Address.Street + ', ' + prop.Address.Postcode}}
		</div>
		<div class="columns medium-6 text-right {{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? ' PCM' : ' ' + prop.Price.PriceType.DisplayName : ''}}">
			{{prop.Price.PriceText != null && prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£")}}/{{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? ' PCM' : ' ' + prop.Price.PriceType.DisplayName : ''}}{{prop.RoleType.SystemName == "Selling" ? leasetype : ''}}
			<a data-fancybox="hello" data-src="#tenancyinfo" href="javascript:;" class="tenacy-link">Tenancy fees</a>
		</div>
	</div>
</div>
<div class="row">
	<div style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
		<div class="home-slider details-slider" data-cycle-pager="#adv-custom-pager">
          <div class="cycle-prev"><img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/arrow-left.svg" /></div>
          <div class="cycle-next"><img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/arrow-right.svg" /></div>
          <img ng-repeat="image in imagesArr" ng-src="{{image.image}}" data-cycle-pager-template="<img src='{{image.image}}' width=120 height=100>"/>
          <div class="cycle-pager"></div>
        </div>
        <div id=adv-custom-pager class="adv-pager"></div>
	</div>
</div>

<div class="property-info" style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
	<div class="row clear" style="max-width: 68.75rem; margin: 0 auto">
		<div class="columns medium-7">
			<h2 class="roboto">{{prop.Address.Street + ', ' + prop.Address.Postcode}}</h2>
			<ul class="features">
				<li>{{bed}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-beds.png" /></li>
				<li>{{bath}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-baths.png" /></li>
				<li>{{rec}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-receptions.png" /></li>
				<li>{{garage}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garage.png" /></li>
				<li>{{garden}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garden.png" /></li>
			</ul>
		</div>
		<div class="columns medium-5 text-right">
			<h2 class="roboto">{{prop.Price.PriceText != null && prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£")}}/{{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? 'PCM' : prop.Price.PriceType.DisplayName : ''}}{{prop.RoleType.SystemName == "Selling" ? leasetype : ''}}</h2>
		</div>
	</div>
	<div class="row clear" style="max-width: 68.75rem; margin: 0 auto">
		<div class="columns medium-7">
			<div class="property-buttons">
				<!--<a ng-href="https://www.google.co.uk/maps/@{{latlon}}">Map</a>-->
				<a ng-if="floorplans[0]" ng-href="{{floorplans[0].image}}">Download Floorplan</a>
				<a href="javascript:window.print()">Print</a>
				{{prop.epc}}
			</div>
		</div>
		<div class="columns medium-5">
			<div class="property-buttons dark text-right">
				<a href="https://www.idmestates.com/contact-us/">Arrange A Viewing</a>
			</div>
		</div>
	</div>
</div>

<div class="embed-tour-container" ng-show="prop.Address.Postcode=='TW8 0BD'">
	<div class="embed-tour">
		<iframe width="853" height="480" src="https://my.matterport.com/show/?m=toqevU8oH8m" frameborder="0" allowfullscreen></iframe>
	</div>
	<p>Please note this 360 tour is of the show flat and not necessarily of the flat advertised.</p>
</div>

<div ng-if="latlon" class="property-map" style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
	<iframe  ng-src="{{latlon | mapsembed}}" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

<div class="row clear property-cols">
	<div class="columns medium-12" style="column-count:2; -webkit-column-count: 2; -moz-column-count: 2">
    	<div ng-bind-html="maintext"></div>
    	<!--<div ng-bind-html="prop.SummaryTextDescription"></div>-->
    	<div></div>
        <ul>
            <li ng-repeat="feature in featuresArr">{{feature}}</li>
          </ul>
	</div>
</div>
</div>
</div><div class="row">
	<div class="columns text-right back-search">
		<a href="javascript:window.history.back();">BACK TO SEARCH RESULTS</a>
	</div>
</div>

<div ng-app="propertyApp">
<div ng-controller="FullDetails">
<div class="property-title" style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
	<div class="row roboto" style="max-width: 68.75rem; margin: 0 auto" >
		<div class="columns medium-6">
			{{prop.Address.Street + ', ' + prop.Address.Postcode}}
		</div>
		<div class="columns medium-6 text-right {{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? ' PCM' : ' ' + prop.Price.PriceType.DisplayName : ''}}">
			{{prop.Price.PriceText != null && prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£")}}/{{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? ' PCM' : ' ' + prop.Price.PriceType.DisplayName : ''}}{{prop.RoleType.SystemName == "Selling" ? leasetype : ''}}
			<a data-fancybox="hello" data-src="#tenancyinfo" href="javascript:;" class="tenacy-link">Tenancy fees</a>
		</div>
	</div>
</div>
<div class="row">
	<div style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
		<div class="home-slider details-slider" data-cycle-pager="#adv-custom-pager">
          <div class="cycle-prev"><img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/arrow-left.svg" /></div>
          <div class="cycle-next"><img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/arrow-right.svg" /></div>
          <img ng-repeat="image in imagesArr" ng-src="{{image.image}}" data-cycle-pager-template="<img src='{{image.image}}' width=120 height=100>"/>
          <div class="cycle-pager"></div>
        </div>
        <div id=adv-custom-pager class="adv-pager"></div>
	</div>
</div>

<div class="property-info" style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
	<div class="row clear" style="max-width: 68.75rem; margin: 0 auto">
		<div class="columns medium-7">
			<h2 class="roboto">{{prop.Address.Street + ', ' + prop.Address.Postcode}}</h2>
			<ul class="features">
				<li>{{bed}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-beds.png" /></li>
				<li>{{bath}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-baths.png" /></li>
				<li>{{rec}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-receptions.png" /></li>
				<li>{{garage}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garage.png" /></li>
				<li>{{garden}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garden.png" /></li>
			</ul>
		</div>
		<div class="columns medium-5 text-right">
			<h2 class="roboto">{{prop.Price.PriceText != null && prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£")}}/{{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? 'PCM' : prop.Price.PriceType.DisplayName : ''}}{{prop.RoleType.SystemName == "Selling" ? leasetype : ''}}</h2>
		</div>
	</div>
	<div class="row clear" style="max-width: 68.75rem; margin: 0 auto">
		<div class="columns medium-7">
			<div class="property-buttons">
				<!--<a ng-href="https://www.google.co.uk/maps/@{{latlon}}">Map</a>-->
				<a ng-if="floorplans[0]" ng-href="{{floorplans[0].image}}">Download Floorplan</a>
				<a href="javascript:window.print()">Print</a>
				{{prop.epc}}
			</div>
		</div>
		<div class="columns medium-5">
			<div class="property-buttons dark text-right">
				<a href="https://www.idmestates.com/contact-us/">Arrange A Viewing</a>
			</div>
		</div>
	</div>
</div>

<div class="embed-tour-container" ng-show="prop.Address.Postcode=='TW8 0BD'">
	<div class="embed-tour">
		<iframe width="853" height="480" src="https://my.matterport.com/show/?m=toqevU8oH8m" frameborder="0" allowfullscreen></iframe>
	</div>
	<p>Please note this 360 tour is of the show flat and not necessarily of the flat advertised.</p>
</div>

<div ng-if="latlon" class="property-map" style="width: 100vw; left: calc(-50vw + 50%); position: relative;">
	<iframe  ng-src="{{latlon | mapsembed}}" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

<div class="row clear property-cols">
	<div class="columns medium-12" style="column-count:2; -webkit-column-count: 2; -moz-column-count: 2">
    	<div ng-bind-html="maintext"></div>
    	<!--<div ng-bind-html="prop.SummaryTextDescription"></div>-->
    	<div></div>
        <ul>
            <li ng-repeat="feature in featuresArr">{{feature}}</li>
          </ul>
	</div>
</div>
</div>
</div>{"id":2344,"date":"2016-09-26T14:11:47","date_gmt":"2016-09-26T13:11:47","guid":{"rendered":"http:\/\/clients.brand-ing.co.uk\/idmestates\/index.php\/property-details\/"},"modified":"2016-09-26T14:11:47","modified_gmt":"2016-09-26T13:11:47","slug":"property-details","status":"publish","type":"page","link":"https:\/\/www.idmestates.com\/index.php\/property-details\/","title":{"rendered":"Property Details"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/pages\/2344"}],"collection":[{"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/comments?post=2344"}],"version-history":[{"count":0,"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/pages\/2344\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/media?parent=2344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}