<script type="text/javascript">
jQueryrezi(document).ready(function() {
	jQueryrezi(".statusselect").change(function(a) {
		if (this.value == "rent") {
			jQueryrezi('#salesprice').hide();
			jQueryrezi('#lps').attr('disabled', '');
			jQueryrezi('#ups').attr('disabled', '');
			jQueryrezi('#lettingprice').show();
			jQueryrezi('#lpr').removeAttr('disabled');
			jQueryrezi('#upr').removeAttr('disabled');
		} else {
			jQueryrezi('#lettingprice').hide();
			jQueryrezi('#lpr').attr('disabled', '');
			jQueryrezi('#upr').attr('disabled', '');
			jQueryrezi('#salesprice').show();
			jQueryrezi('#lps').removeAttr('disabled');
			jQueryrezi('#ups').removeAttr('disabled');
		}
	});
});
</script>

<!--<div ng-app="propertyApp">-->
  <!--<div class="hero-wrap" ng-controller="FeaturedProp">
    <div class="hero" style="height: 500px;">
      <div class="bg-wrap">
        <div class="item {{prop.first ? 'active' : ''}}" ng-repeat="prop in Property" style="background-image: url('{{prop.primary}}');">
        </div>
      </div>
      <div class="lt-carousel lt-carousel-single full-width" data-items="1" data-single-item="true" data-smart-speed="500" data-bg=".bg-wrap" data-autoplay="true" data-autoplay-timeout="4000" data-autoplay-hover-pause="true" data-loop="true" data-nav="true" data-dots="false">
        <div class="row item" ng-repeat="prop in Property" data-id="{{prop.id}}">
          <div class="columns large-12" style="position:relative;">
            <div class="hero-card">
              <div class="card-head">
                <div class="card-title"><a href="https://www.idmestates.com/property?pid={{prop.RoleId}}">{{prop.Address.Street + ', ' + prop.Address.Postcode}}<i class="flaticon-next15"></i></a></div>
              </div>
              <div class="card-body" ng-bind-html="prop.SummaryTextDescription"> </div>
              <div class="card-bottom clearfix">
                <div class="card-meta"> <i class="lt-icon flaticon-person1 big"></i> {{prop.RoomCountsDescription.Bedrooms}} <i class="lt-icon flaticon-shower5"></i> {{prop.RoomCountsDescription.Bathrooms}} </div>
                <div class="card-price">{{prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£":0)}}<small>/{{prop.leasetype}}</small></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>-->
  
  <!-- if needing to update or add more parameters to this form, make sure to add the parameters into the angularsearch.js File as well as update the simplepagination.js File to detect and correctly use the extra parameters for filtering and calculating pages -->
  <div class="property-search-box-wrap">
   
        <div class="property-search-box">
          <form class="form1-1 form1 property-search-form" id="form3" action="https://www.idmestates.com/index.php/property-search-2" method="GET" name="searchForm">
            <div class="row">
              <div class="columns large-3 medium-12 search-id">
                <h3>Property Search</h3>
              </div>
              <div class="columns large-3 medium-6 small-12 search-status">
                To Buy <input class="statusselect" type="radio" name="s-status" value="sale" checked/>
                To Let <input class="statusselect last" type="radio" name="s-status" value="rent" />
              </div>
              
              <div id="salesprice" class="columns large-6 medium-6 search-price">
                <label>Minimum <small class="right"><span class="lower">£<span>0</span></span> - <span class="upper">£<span>14,000,000</span> Max</span></small></label>
                <div class="rangeSlider" data-min="0" data-max="14000000" data-cmin="0" data-cmax="14000000" data-step="1000" data-margin="10" data-decimal-point="." data-thousands-sep="," data-direction="ltr"></div>
                <input id="lps" type="hidden" name="l-price" class="lower" />
                <input id="ups" type="hidden" name="u-price" class="upper" />
              </div>
              
              <div id="lettingprice" class="columns large-6 medium-6 search-price" style="display: none">
                <label>Minimum <small class="right"><span class="lower">£<span>0</span></span> - <span class="upper">£<span>15,000</span> Max</span></small></label>
                <div class="rangeSlider" data-min="0" data-max="15000" data-cmin="0" data-cmax="15000" data-step="50" data-margin="10" data-decimal-point="." data-thousands-sep="," data-direction="ltr"></div>
                <input id="lpr" disabled type="hidden" name="l-price" class="lower" />
                <input id="upr" disabled type="hidden" name="u-price" class="upper" />
              </div>
              
              <!-- LOCATION POSTCODES -->
              <div class="columns large-3 medium-6 search-location">
                <select name="s-location" class="select2" tabindex="2">
                <option value="">Location</option>
                <option value="CR0">CRO</option>
                <option value="EC1V">EC1V</option>
                <option value="E15">E15</option>
                <option value="KT17">KT17</option>
                <option value="N1">N1</option>
                <option value="N7">N7</option>
                <option value="N15">N15</option>
                <option value="N19">N19</option>
                <option value="SE5">SE5</option>
                
             
                </select>
              </div>
              
              <div class="columns large-3 medium-6 small-12 search-type">
                <select class="select2" name="s-type" tabindex="4">
                  <option value="">Property Type</option>
                  <option value="house">House</option>
                  <option value="flat">Flat</option>
                  <option value="apartment">Apartment</option>
                  <option value="bungalow">Bungalow</option>
                  <option value="commercial">Commercial</option>
                </select>
              </div>
              <div class="columns large-3 medium-6 small-12 search-bed">
                <select class="select2" name="min-bed" tabindex="5">
                  <option value="">Beds</option>
                  <option value="1" >1</option>
                  <option value="2" >2</option>
                  <option value="3" >3</option>
                  <option value="4" >4</option>
                  <option value="5" >5</option>
                </select>
              </div>
              
              
              
              
              <div class="columns large-3 medium-6 small-12 search-submit">
                <!--<label class="hidden">SEARCH</label>-->
                <span class="lt-button-wrap"><input type="submit" value="SEARCH" class="lt-button primary" /></span>
              </div>
            </div>
          </form>
        </div>
  </div>
<!--</div>-->
	
    
    <div  ng-app="propertyApp">
    
    <div class="eshop-section section" ng-controller="SearchResults">
    
    <ul class="large-block-grid-3 medium-block-grid-2">
            <li ng-repeat="prop in Property"><div class="card">
    <div class="img-wrap">
        <a ng-href="https://www.idmestates.com/index.php/property-view?pid={{prop.RoleId}}"><img style="height: 204px;" width="639" height="375" ng-src="{{prop.primary}}?width=1278" class="attachment-card size-card wp-post-image" alt="" /></a>
        <div class="badge">
            <div class="status">
            <ul class="meta-list">
                <li>{{prop.useRole}}</li>		</ul>
            </div>
            <div class="price">{{prop.Price.PriceText && prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£")}} <small> / {{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? 'PCM' : prop.Price.PriceType.DisplayName : ''}}{{prop.RoleType.SystemName == 'Selling' ? prop.leasetype : ''}}</small></div>	</div>
    </div>
    <div class="content-wrap">
    <div class="title"><a ng-href="https://www.idmestates.com/index.php/property-view?pid={{prop.RoleId}}"><span ng-hide="prop.Address.BuildingName == ''">{{prop.Address.BuildingName + ', '}}</span>{{prop.Address.Street && prop.Address.Street != '' ? prop.Address.Street + ', ' : ''}}{{prop.Address.Town && prop.Address.Town != '' ? prop.Address.Town + ', ' : ''}}{{prop.Address.Postcode}}</a></div>
    <!--<ul class="meta-list">
    <li><a ng-href="https://www.idmestates.com/index.php/property-view?pid={{prop.RoleId}}">{{prop.Address.Postcode}}</a></li></ul>-->
    <ul class="features">
	    <li>{{prop.RoomCountsDescription.Bedrooms}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-beds.png" /></li><li>{{prop.RoomCountsDescription.Bathrooms}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-baths.png" /></li><li>{{prop.RoomCountsDescription.Receptions}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-receptions.png" /></li><li>{{prop.AmenityDescription.Garages}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garage.png" /></li><li> {{prop.AmenityDescription.Gardens}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garden.png" /></li>
    </ul>
    </div>
    </div>
    </li>
    </ul>
    
    </div>
    </div>  

<!--foreach ($dezrezproperty as $property){

$apikey = get_option('dezrez_api');


PROPERTY RESULT HTML HERE

include 'templates/resultstemplate.php';

}

	END PROPERTY HTML CODE

?>-->

<script type="text/javascript">
jQueryrezi(document).ready(function() {
	jQueryrezi(".statusselect").change(function(a) {
		if (this.value == "rent") {
			jQueryrezi('#salesprice').hide();
			jQueryrezi('#lps').attr('disabled', '');
			jQueryrezi('#ups').attr('disabled', '');
			jQueryrezi('#lettingprice').show();
			jQueryrezi('#lpr').removeAttr('disabled');
			jQueryrezi('#upr').removeAttr('disabled');
		} else {
			jQueryrezi('#lettingprice').hide();
			jQueryrezi('#lpr').attr('disabled', '');
			jQueryrezi('#upr').attr('disabled', '');
			jQueryrezi('#salesprice').show();
			jQueryrezi('#lps').removeAttr('disabled');
			jQueryrezi('#ups').removeAttr('disabled');
		}
	});
});
</script>

<!--<div ng-app="propertyApp">-->
  <!--<div class="hero-wrap" ng-controller="FeaturedProp">
    <div class="hero" style="height: 500px;">
      <div class="bg-wrap">
        <div class="item {{prop.first ? 'active' : ''}}" ng-repeat="prop in Property" style="background-image: url('{{prop.primary}}');">
        </div>
      </div>
      <div class="lt-carousel lt-carousel-single full-width" data-items="1" data-single-item="true" data-smart-speed="500" data-bg=".bg-wrap" data-autoplay="true" data-autoplay-timeout="4000" data-autoplay-hover-pause="true" data-loop="true" data-nav="true" data-dots="false">
        <div class="row item" ng-repeat="prop in Property" data-id="{{prop.id}}">
          <div class="columns large-12" style="position:relative;">
            <div class="hero-card">
              <div class="card-head">
                <div class="card-title"><a href="https://www.idmestates.com/property?pid={{prop.RoleId}}">{{prop.Address.Street + ', ' + prop.Address.Postcode}}<i class="flaticon-next15"></i></a></div>
              </div>
              <div class="card-body" ng-bind-html="prop.SummaryTextDescription"> </div>
              <div class="card-bottom clearfix">
                <div class="card-meta"> <i class="lt-icon flaticon-person1 big"></i> {{prop.RoomCountsDescription.Bedrooms}} <i class="lt-icon flaticon-shower5"></i> {{prop.RoomCountsDescription.Bathrooms}} </div>
                <div class="card-price">{{prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£":0)}}<small>/{{prop.leasetype}}</small></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>-->
  
  <!-- if needing to update or add more parameters to this form, make sure to add the parameters into the angularsearch.js File as well as update the simplepagination.js File to detect and correctly use the extra parameters for filtering and calculating pages -->
  <div class="property-search-box-wrap">
   
        <div class="property-search-box">
          <form class="form1-1 form1 property-search-form" id="form3" action="https://www.idmestates.com/index.php/property-search-2" method="GET" name="searchForm">
            <div class="row">
              <div class="columns large-3 medium-12 search-id">
                <h3>Property Search</h3>
              </div>
              <div class="columns large-3 medium-6 small-12 search-status">
                To Buy <input class="statusselect" type="radio" name="s-status" value="sale" checked/>
                To Let <input class="statusselect last" type="radio" name="s-status" value="rent" />
              </div>
              
              <div id="salesprice" class="columns large-6 medium-6 search-price">
                <label>Minimum <small class="right"><span class="lower">£<span>0</span></span> - <span class="upper">£<span>14,000,000</span> Max</span></small></label>
                <div class="rangeSlider" data-min="0" data-max="14000000" data-cmin="0" data-cmax="14000000" data-step="1000" data-margin="10" data-decimal-point="." data-thousands-sep="," data-direction="ltr"></div>
                <input id="lps" type="hidden" name="l-price" class="lower" />
                <input id="ups" type="hidden" name="u-price" class="upper" />
              </div>
              
              <div id="lettingprice" class="columns large-6 medium-6 search-price" style="display: none">
                <label>Minimum <small class="right"><span class="lower">£<span>0</span></span> - <span class="upper">£<span>15,000</span> Max</span></small></label>
                <div class="rangeSlider" data-min="0" data-max="15000" data-cmin="0" data-cmax="15000" data-step="50" data-margin="10" data-decimal-point="." data-thousands-sep="," data-direction="ltr"></div>
                <input id="lpr" disabled type="hidden" name="l-price" class="lower" />
                <input id="upr" disabled type="hidden" name="u-price" class="upper" />
              </div>
              
              <!-- LOCATION POSTCODES -->
              <div class="columns large-3 medium-6 search-location">
                <select name="s-location" class="select2" tabindex="2">
                <option value="">Location</option>
                <option value="CR0">CRO</option>
                <option value="EC1V">EC1V</option>
                <option value="E15">E15</option>
                <option value="KT17">KT17</option>
                <option value="N1">N1</option>
                <option value="N7">N7</option>
                <option value="N15">N15</option>
                <option value="N19">N19</option>
                <option value="SE5">SE5</option>
                
             
                </select>
              </div>
              
              <div class="columns large-3 medium-6 small-12 search-type">
                <select class="select2" name="s-type" tabindex="4">
                  <option value="">Property Type</option>
                  <option value="house">House</option>
                  <option value="flat">Flat</option>
                  <option value="apartment">Apartment</option>
                  <option value="bungalow">Bungalow</option>
                  <option value="commercial">Commercial</option>
                </select>
              </div>
              <div class="columns large-3 medium-6 small-12 search-bed">
                <select class="select2" name="min-bed" tabindex="5">
                  <option value="">Beds</option>
                  <option value="1" >1</option>
                  <option value="2" >2</option>
                  <option value="3" >3</option>
                  <option value="4" >4</option>
                  <option value="5" >5</option>
                </select>
              </div>
              
              
              
              
              <div class="columns large-3 medium-6 small-12 search-submit">
                <!--<label class="hidden">SEARCH</label>-->
                <span class="lt-button-wrap"><input type="submit" value="SEARCH" class="lt-button primary" /></span>
              </div>
            </div>
          </form>
        </div>
  </div>
<!--</div>-->
	
    
    <div  ng-app="propertyApp">
    
    <div class="eshop-section section" ng-controller="SearchResults">
    
    <ul class="large-block-grid-3 medium-block-grid-2">
            <li ng-repeat="prop in Property"><div class="card">
    <div class="img-wrap">
        <a ng-href="https://www.idmestates.com/index.php/property-view?pid={{prop.RoleId}}"><img style="height: 204px;" width="639" height="375" ng-src="{{prop.primary}}?width=1278" class="attachment-card size-card wp-post-image" alt="" /></a>
        <div class="badge">
            <div class="status">
            <ul class="meta-list">
                <li>{{prop.useRole}}</li>		</ul>
            </div>
            <div class="price">{{prop.Price.PriceText && prop.Price.PriceText != '' ? prop.Price.PriceText + ' ' : '' }}{{prop.POA ? 'Price On Application' : (prop.Price.PriceValue | currency:"£")}} <small> / {{prop.RoleType.SystemName == 'Letting' ? prop.Price.PriceType.SystemName == 'Monthly' ? 'PCM' : prop.Price.PriceType.DisplayName : ''}}{{prop.RoleType.SystemName == 'Selling' ? prop.leasetype : ''}}</small></div>	</div>
    </div>
    <div class="content-wrap">
    <div class="title"><a ng-href="https://www.idmestates.com/index.php/property-view?pid={{prop.RoleId}}"><span ng-hide="prop.Address.BuildingName == ''">{{prop.Address.BuildingName + ', '}}</span>{{prop.Address.Street && prop.Address.Street != '' ? prop.Address.Street + ', ' : ''}}{{prop.Address.Town && prop.Address.Town != '' ? prop.Address.Town + ', ' : ''}}{{prop.Address.Postcode}}</a></div>
    <!--<ul class="meta-list">
    <li><a ng-href="https://www.idmestates.com/index.php/property-view?pid={{prop.RoleId}}">{{prop.Address.Postcode}}</a></li></ul>-->
    <ul class="features">
	    <li>{{prop.RoomCountsDescription.Bedrooms}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-beds.png" /></li><li>{{prop.RoomCountsDescription.Bathrooms}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-baths.png" /></li><li>{{prop.RoomCountsDescription.Receptions}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-receptions.png" /></li><li>{{prop.AmenityDescription.Garages}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garage.png" /></li><li> {{prop.AmenityDescription.Gardens}} <img src="https://www.idmestates.com/wp-content/themes/hometown-child/img/no-garden.png" /></li>
    </ul>
    </div>
    </div>
    </li>
    </ul>
    
    </div>
    </div>  

<!--foreach ($dezrezproperty as $property){

$apikey = get_option('dezrez_api');


PROPERTY RESULT HTML HERE

include 'templates/resultstemplate.php';

}

	END PROPERTY HTML CODE

?>-->

{"id":2328,"date":"2016-09-26T12:00:46","date_gmt":"2016-09-26T11:00:46","guid":{"rendered":"http:\/\/clients.brand-ing.co.uk\/idmestates\/?page_id=2328"},"modified":"2016-09-26T12:00:46","modified_gmt":"2016-09-26T11:00:46","slug":"test-search","status":"publish","type":"page","link":"https:\/\/www.idmestates.com\/index.php\/test-search\/","title":{"rendered":"Test Search"},"content":{"rendered":"\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/pages\/2328"}],"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=2328"}],"version-history":[{"count":4,"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/pages\/2328\/revisions"}],"predecessor-version":[{"id":2335,"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/pages\/2328\/revisions\/2335"}],"wp:attachment":[{"href":"https:\/\/www.idmestates.com\/index.php\/wp-json\/wp\/v2\/media?parent=2328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}