{{#with data.propertyDetails}}

<div class="row">
	<div class="col-xs-12 col-sm-6 col-md-12 col-lg-6" id="{{@root/dom/divEstimatedValue}}">
        <div class="bs4--card bs4--mt-7 bs4--border-0">
            <div class="bs4--card-header">
                <h3 class="headline-4 bs4--my-0">Estimated Value</h3>
            </div>
            <div class="bs4--card-body bs4--pt-5">
				{{#and valueLow valueHigh value}}
				<div class="row pb-20">
					<div class="col-sm-4 col-pad-0 text-center property-est">{{valueLow.dollars}} <br /> <span>Low</span></div>
					<div class="col-sm-4 col-pad-0 text-center property-est">
						<h3 style="font-weight: 400;" class="ma-0">{{value.dollars}}</h3>
						<span>Estimated Value</span>
					</div>
					<div class="col-sm-4 col-pad-0 text-center property-est">{{valueHigh.dollars}}<br /> <span>High</span></div>
				</div>
				{{/and}}
				{{#if homeValuesChartURL}}
				<img src="{{homeValuesChartURL.large}}" alt="" style="max-width:100%" />
				{{/if}}
				{{#if valuePercentChange}}
				<div clss="row">
					<div class="col-xs-6 text-center property-est"><strong>{{valuePerSqFt.dollarsWithCents}}</strong><br /><span>SQ FT</span></div>
					<div class="col-xs-6 text-center property-est">
						{{#if valuePercentChange.isPositive}}
						<div style="color:green"><strong>&#8593; {{valuePercentChange.decimal1}}</strong></div>
						{{else}}
						<div style="color:red"><strong>&#8595; {{valuePercentChange.decimal1}}</strong></div>
						{{/if}}
						<span>Past Year</span>
					</div>
				</div>
				{{/if}}
        	</div>
        </div>
	</div>
	<div class="col-xs-12 col-sm-6 col-md-12 col-lg-6" id="{{@root/dom/divRentalAnalysis}}">
        <div class="bs4--card bs4--mt-7 bs4--border-0">
            <div class="bs4--card-header">
                <h3 class="headline-4 bs4--my-0">Rental Analysis</h3>
            </div>
            <div class="bs4--card-body bs4--pt-5">
				{{#and rentLow rentHigh rent}}
				<div class="row pb-20">
					<div class="col-sm-4 col-pad-0 text-center property-est">{{rentLow.dollars}} <br /><span>Low</span></div>
					<div class="col-sm-4 col-pad-0 text-center property-est">
						<h3 style="font-weight: 400;" class="ma-0">{{rent.dollars}}</h3>
						<span>Estimated Value</span>
					</div>
					<div class="col-sm-4 col-pad-0 text-center property-est">{{rentHigh.dollars}}<br /> <span>High</span></div>
				</div>
				{{/and}}
				{{#if rentsChartURL}}
				<img src="{{rentsChartURL.large}}" alt="" style="max-width:100%" />
				{{/if}}
				{{#if rentPercentChange }}
				<div clss="row">
					<div class="col-xs-6 text-left text-center property-est"><strong>{{rentPerSqFt.dollarsWithCents}}</strong><br /><span>SQ FT</span></div>
					<div class="col-xs-6 text-right text-center property-est">
						{{#if rentPercentChange.isPositive}}
						<div style="color:green"><strong>&#8593; {{rentPercentChange.decimal1}}</strong></div>
						{{else}}
						<div style="color:red"><strong>&#8595; {{rentPercentChange.decimal1}}</strong></div>
						{{/if}}
						<span>Past Year</span>
					</div>
				</div>
				{{/if}}
			</div>
		</div>
    </div>
</div>
{{/with}}