Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - sfbnk.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Tue, 06 May 2025 21:00:52 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 78
Connection: keep-alive
Location: https://ryankentsmith.johnlscott.com/search
Server: ip-100-74-5-165.eu-west-2.compute.internal
Vary: Accept-Encoding
X-Request-Id: 6270be58-f3da-469d-84cc-0b18f7ce5650
HTTP Code 301 Moved Permanently
301 Moved Permanently means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://ryankentsmith.johnlscott.com/search
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Tue, 06 May 2025 21:00:53 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
Server: Microsoft-IIS/10.0
Set-Cookie: alias=ryankentsmith; expires=Wed, 07 May 2025 21:00:53 GMT; path=/
Set-Cookie: .AspNetCore.Mvc.CookieTempDataProvider=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; samesite=lax; httponly
X-Powered-By: ASP.NET
HTTP Code 200 OK
200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: sfbnk.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="cleartype" content="on" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="ios-app" content="app-id=466970465, app-argument=ryankentsmith" />
<meta name="google-play-app" content="app-id=com.johnlscott.mobile.client">
<meta name="description" content="Use our team's innovative tools to customize your search for Washington, Oregon, California & Idaho Real Estate. Search all MLS Listing options in the Pacific Northwest with John L. Scott Real Estate, your trusted real estate resource. Ryan: (360)865-1798" />
<title>
Search for homes - John L. Scott Real Estate </title>
<link rel="icon" href="https://assets.jlscontent.com/images/corp/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" media="all"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.bootstrap.min.css" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css" />
<link rel="stylesheet" type="text/css" href='/app/app-less.css?v=G63byH3stCbPVSJNl5HjbzDkanT_6sN9krNgZSy0Jsg' />
<link rel="stylesheet" type="text/css" href='/lib/lib.css?v=0LFlsyJCv2kO9thfpjpwOObzS00fpliBUUlz4PNwtKk' />
<link rel="stylesheet" type="text/css" href='/app/broker.css?v=Ze9DhhxOviBlXVUbs6Ac0qt4248H2V9i_O6tLLJg4nA' />
<link href="/styles/Default01.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<!-- Start cookieyes banner -->
<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/44d66c68eef8054cbf2bec27/script.js"></script>
<!-- End cookieyes banner -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<meta name="norton-safeweb-site-verification" content="flbw3ys14f5k0fvr6hbr3oit8wocwant8s7-romy0g83w9rmsagmxhxt2rg-x5bxeljgguhirg7r0dv9lt00r02rjz1822sjzj-kewwh3624w-5058im7f77kl1e25p0" />
<!-- Global site tag (gtag.js) - AdWords: 864968020 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-864968020"></script>
<script type="text/javascript" src='/app/head-js.js?v=RuzzDo3N2nmlLrP6pa8YMW6G6q5GZge5G8dGfBfYHKI'></script>
</head>
<body>
<img height="1" width="1" style="position: absolute; border-style:none;" alt="" src="https://insight.adsrvr.org/track/pxl/?adv=7moqbu2&ct=0:1c7ja1r&fmt=3" />
<div id="jls-site-page" style="height: 100%">
<div class="jls-page-wrapper">
<nav class="navbar navbar-fixed-top">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="jls-logo">
<img id="jlsHeaderLogo" src="https://assets.jlscontent.com/images/corp/john-l-scott-logo.png" width="97" alt="John L. Scott Real Estate">
</div>
<div class="jls-nav-container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" aria-label="Navbar toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
</button>
<a class="navbar-brand broker-name" href="/">Ryan Kent Smith</a>
</div>
<div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left" role="menubar" aria-expanded="false">
<li role="none">
<a href="/" role="menuitem">Home</a>
</li>
<li role="none">
<a href="/search" role="menuitem">Search</a>
</li>
<li role="none">
<a href="/buying-a-house" role="menuitem">Buying a House</a>
</li>
<li role="none">
<a href="/selling-a-house" role="menuitem">Selling a House</a>
</li>
<li role="none">
<a href="/about-me" role="menuitem">About Me</a>
</li>
<li role="none">
<a href="/contact-me" role="menuitem">Contact</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right jls-property-tracker" id="property-tracker-nav" role="menu">
<li data-bind="invisible:loggedIn" role="none">
<a id="pt-login-btn" data-bind="events {click: actionDisplayLogin}" tabindex="0" role="menuitem">
PropertyTracker<sup>®</sup> <span class="signup">Sign Up</span> | Login
</a>
</li>
<li class="dropdown" style="display: none;" data-bind="visible:loggedIn" role="none">
<a id="pt-user-menu" href="#" class="dropdown-toggle" data-toggle="dropdown" role="menuitem" aria-label="Property Tracker" aria-expanded="false" style="padding: 10px 15px !important;">
<i class="fa fa-sm fa-circle" style="color: greenyellow; font-size: 8px; vertical-align: top; margin-right: 2px"></i>
<span> PropertyTracker<sup>®</sup></span> <span class="glyphicon glyphicon-user"></span><span class="caret"></span>
<div data-bind="text:email" style="margin: 0 0 0 1.125em; padding: 0; font-size: 12px; white-space: nowrap;"></div>
</a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li role="none"><a href="/propertytracker/favorites" role="menuitem">Favorites</a></li>
<li role="none"><a href="/propertytracker/searches" role="menuitem">Searches</a></li>
<li role="none"><a href="/propertytracker/profile" role="menuitem">Profile</a></li>
<li role="none"><a href="/propertytracker/settings" role="menuitem">Settings</a></li>
<li role="none"><a href="#" data-bind="click: actionLogOut" role="menuitem">Logout <i class="fa fa-lg fa-sign-out"></i></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="modal fade jls-property-tracker" id="jls-property-tracker" tabindex="-1" role="dialog" aria-label="myModalLabel" style="z-index: 10500;">
<div class="modal-dialog modalPadTop" role="document">
<div class="modal-content">
<div class="modal-header modalAccents">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="closeModal" aria-hidden="true">×</span>
</button>
<div class="jls-pt-icon-bg"></div>
<div class="modal-title jls-modal-title" id="myModalLabel">
Property Tracker<sup>®</sup><span class="hidden-xs"> Account</span>
</div>
<div class="visible-lg jls-pt-accent-cont">
<div class="jls-pt-accent jls-pt-accent-line-1">
</div>
<div class="jls-pt-accent-house-cont">
<div class="jls-pt-accent-house-lt">
</div>
<div class="jls-pt-accent-house-rt">
</div>
</div>
<div class="jls-pt-accent jls-pt-accent-line-2">
</div>
</div>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div data-bind="visible:hasError" class="alert alert-danger alert-dismissible">
<a href="#" class="close" data-bind="click:actionErrorClear" aria-label="close">×</a>
<i class="fa fa-exclamation-circle"></i>
<span data-bind="text:errorMessage"></span>
</div>
<div style="margin-top: -67px; margin-left: 7px;" data-bind="visible: verifylink">
<span class="jls-pt-signup">Need an updated verification email? <a data-bind="click:actionReverifyEmail">Resend</a></span>
</div>
</div>
</div>
<div data-bind="visible:displayWelcomeNotFound" id="jls-WelcomeNotFound" data-role="validation" style="padding-top: 30px;" class="col-md-6 jls-pt-login-lt-col">
<div class="row" style="text-align:center">
<div class="col-xs-12">
<p style="font-size:22px; font-weight:500; margin:0;">
We did not find a <br />
Property Tracker<sup>®</sup> account for
</p>
<p style="font-size:22px; font-weight:500;" id="emailAddress"></p>
<button type="button" data-bind="click: actionDisplaySignup" class="btn btn-primary" style="background-color: #fc9700; margin-top: 25px; border: none; padding: 8px 20px;">Continue</button><br />
<p style="margin-top:18px; font-weight:500; font-size:16px;">
You'll be prompted to sign up<br />
on the next screen.
</p>
</div>
</div>
</div>
<div data-bind="visible:displayEmailMismatch" id="jls-EmailMismatch" data-role="validation" style="padding-top: 30px;" class="col-md-6 jls-pt-login-lt-col">
<div class="row" style="text-align:center">
<div class="col-xs-12">
<p style="font-size:22px; font-weight:500; margin:0;">
Property tracker account email mismatch. Logout to continue?
</p>
<button type="button" data-bind="click: actionLogOut" class="btn btn-primary" style="background-color: #fc9700; margin-top: 25px; margin-right:20px; border: none; padding: 8px 20px;">Logout</button>
<button type="button" data-dismiss="modal" class="btn btn-default" style="margin-top: 25px; border: none; padding: 8px 20px;">Cancel</button><br />
</div>
</div>
</div>
<div data-bind="visible:displayWelcomeFound" id="jls-WelcomeFound" data-role="validation" style="padding-top: 25px;" class="col-md-6 jls-pt-login-lt-col">
<div class="row" style="text-align:center">
<div class="col-xs-12">
<p style="font-size:22px; font-weight:500; margin:0;">
Congratulations!
</p>
<p style="margin-top:22px; font-weight:500; font-size:18px;">
You already have a <br />
Property Tracker<sup>®</sup> account.
</p>
<button type="button" data-bind="click: actionDisplayLogin" class="btn btn-primary" style="background-color: #fc9700; margin-top: 25px; border: none; padding: 8px 20px;">Continue</button><br />
<p style="margin-top:18px; font-weight:500; font-size:16px;">
You'll be prompted to login<br />
on the next screen.
</p>
</div>
</div>
</div>
<div data-bind="visible:displayLogin" id="jls-property-tracker-login" data-role="validation" class="col-md-6 jls-pt-login-lt-col">
<div class="form-group">
<input id="jls-property-tracker-login-email" class="form-control" name="Email" aria-label="E-mail address" placeholder="E-mail address" type="email" required>
</div>
<div class="form-group">
<input id="jls-property-tracker-login-pw" class="form-control" name="Password" aria-label="Password" data-value-update="keyup" placeholder="Password" type="password" required>
</div>
<div class="form-group">
<button id="pt-login-submit" class="btn btn-success pull-right jls-login-btn pta-login" type="button" data-login="jls" data-bind="click:actionLogin">
Log In<i data-bind="visible:waiting" class="fa fa-spinner fa-spin"></i>
</button>
</div>
<p>
<span class="jls-pt-signup">Don't have an account? <a data-bind="click:actionDisplaySignup">Sign up!</a></span>
</p>
<p>
<a data-bind="click:actionDisplayRequestReset">Forgot password?</a>
</p>
</div>
<div class="col-md-6" data-bind="visible:displaySignup">
<p data-bind="visible:displayBackTo">
<strong>Back to <a data-bind="click:actionDisplayLogin">log in.</a></strong>
</p>
<script>
function onSignupSubmit(token) {
var viewModel = jls.viewmodels.PropertyTrackerLoginViewModel.getInstance();
viewModel.captchaToken = token;
}
</script>
<div id="jls-property-tracker-signup" data-role="validation" class="jls-pt-login-lt-col" style="padding-top:10px">
<div class="form-group">
<input id="EmbeddedEmail" class="form-control" name="Email" aria-label="Enter your e-mail address" placeholder="Enter your e-mail address" type="text">
<span><span class="add-icon"></span><span tabindex="30" id="EmailValidation"></span></span>
</div>
<div class="form-group">
<input id="EmbeddedPassword" class="form-control password" name="Password" aria-label="Enter a password" placeholder="Enter a password" required type="password">
</div>
<div class="form-group">
<input id="jls-property-tracker-signup-pw-confirm" data-bind="value:passwordConfirm" class="form-control password-confirm" name="Password confirm" aria-label="Retype your password" placeholder="Retype your password" required type="password">
</div>
<div class="form-group">
<span id="recaptcha" class="g-recaptcha"
data-sitekey="6LeRd2MUAAAAAJ58YBVUvmfcFIyB2YqXsSsJ6iH6"
data-callback="onSignupSubmit"></span>
</div>
<div class="form-group">
<button type="button" data-bind="click:actionSignup" class="btn btn-success pull-right jls-login-btn pta-signup">Create Account <i data-bind="visible:waiting" class="fa fa-spinner fa-spin"></i></button>
</div>
</div>
</div>
<div class="col-md-6" data-bind="visible:displayThankYou">
<h4>Thank you for signing up.</h4>
<p>
You may now use Property Tracker <sup>®</sup>
</p>
</div>
<div class="col-md-6" data-bind="visible:displayEmailConfirmation">
<h4>Confirmation Email Sent</h4>
<p>
Please check your email and confirm your email address. <sup>®</sup>
</p>
</div>
<div class="col-md-6" data-bind="visible:displayCompleteReset">
<p>
<strong>Go to <a data-bind="click:actionDisplayLogin">log in.</a></strong>
</p>
<div id="jls-property-tracker-complete-reset" data-role="validation" class="jls-pt-login-lt-col">
<div class="form-group">
<input id="jls-property-tracker-reset-email" class="form-control" name="Email" aria-label="Enter your e-mail address" placeholder="Enter your e-mail address" required type="email">
</div>
<div class="form-group">
<input id="jls-property-tracker-reset-pw" class="form-control password" name="Password" aria-label="Enter a password" placeholder="Enter a password" required type="password">
</div>
<div class="form-group">
<input id="jls-property-tracker-reset-pw-confirm" data-bind="value:passwordConfirm" class="form-control password-confirm" name="Password confirm" aria-label="Retype your password" placeholder="Retype your password" required type="password">
</div>
<div class="form-group">
<button type="button" data-bind="click:actionCompleteReset" class="btn btn-success pull-right jls-login-btn pta-save-pw">Save Password<i data-bind="visible:waiting" class="fa fa-spinner fa-spin"></i></button>
</div>
</div>
</div>
<div class="col-md-6" data-bind="visible:displayDisabled">
<div class="alert alert-warning">
<p>
Property Tracker features have been disabled during the preview.
</p>
</div>
<div class="form-group">
<button type="button" class="btn close-btn" data-dismiss="modal">Close</button>
</div>
</div>
<div data-bind="visible:displayRequestReset" id="jls-property-tracker-request-reset" data-role="validation" class="col-md-6 jls-pt-login-lt-col">
<p data-bind="visible:displayBackTo">
<strong>Back to <a data-bind="click:actionDisplayLogin">log in.</a></strong>
</p>
<div class="form-group">
<input id="jls-property-tracker-request-reset-email" class="form-control" name="Email" aria-label="E-mail address" placeholder="E-mail address" type="email" required>
</div>
<div class="form-group">
<button class="btn btn-success pull-right jls-login-btn pta-reset-pw" type="button" data-login="jls" data-bind="click:actionRequestReset">
Send Reset Password Link<i data-bind="visible:waiting" class="fa fa-spinner fa-spin"></i>
</button>
</div>
</div>
<div class="col-md-6 jls-pt-login-rt-col">
<div>
Property Tracker<sup>®</sup> lets you:
</div>
<ul class="fa-ul">
<li><i class="fa-li fa fa-circle"></i>Save favorite property listings and notes</li>
<li><i class="fa-li fa fa-circle"></i>Save custom searches using map area and criteria</li>
<li>
<i class="fa-li fa fa-circle"></i>
Receive immediate notifications for updates made to your favorite listings
</li>
<li>
<i class="fa-li fa fa-circle"></i>
Receive notifications for new listings added to your saved searches
</li>
<li>
<i class="fa-li fa fa-circle"></i>
Communicate with a live John L. Scott Pacific Northwest Real Estate Specialist
</li>
<li>
<i class="fa-li fa fa-circle"></i>
Keep your favorite properties in sync between the desktop website and mobile apps
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/app/binding/property-tracker.js?v=k68URSEo7BtwUFmJFfFT7VKPh0iJ399617lxg8eP3XE"></script>
<script>
var defaultNavHeight = 66;
var searchHeight = 58;
$(function () {
var navHeight = $('.navbar-fixed-top').outerHeight();
if (navHeight > defaultNavHeight) {
$('.jls-page-wrapper').css({ 'padding-top': navHeight });
// is #search-container present
if ($('#search-container').length) {
$('.jls-search-map').css({ top: navHeight + searchHeight });
}
}
});
// window resize - find navigation height, adjust .jls-page-wrapper & search
$(window).resize(function () {
clearTimeout(this.id);
this.id = setTimeout(doneResizing, 100);
});
function doneResizing() {
var navHeight = $('.navbar-fixed-top').outerHeight();
if (navHeight > defaultNavHeight) {
$('.jls-page-wrapper').css({ 'padding-top': navHeight });
if ($('#search-container').length) {
$('.jls-search-map').css({ top: navHeight + searchHeight });
}
} else {
$('.jls-page-wrapper').css({ 'padding-top': defaultNavHeight });
$('.jls-search-map').css({ top: '124px' });
}
}
</script>
<main class="container-fluid">
<div class="row">
<div class="col-md-12">
<div id="search-container">
<div class="jls-saved-search row" style="display: none; position: fixed; left: 0; height:58px; margin: 0; padding: 7px 0; width: 100%; border-bottom: 1px solid rgb(192, 184, 184); z-index: 999" data-bind="visible: notification">
<div class="col-xs-8">
<div class="jls-map-message-wrapper">
<div class="jls-map-message">
<div style="display: inline-block; vertical-align: top; position: relative; right: 4px; top: -2px">
<span class="" style="cursor: pointer; padding: 2px 5px; border-radius: 50%; position: relative; font-size: 16px; vertical-align: top; top: 2px" data-bind="click: closeNotification" title="Click to exit and show all listings">
<i class="fa fa-times-circle-o" style="color: #777777; font-size: 20px; position: relative;bottom: 3px" title="Exit Notification View"></i>
</span>
</div>
<div style="display: inline-block; font-weight: 500;max-width: 70%; font-size: .9em; vertical-align: middle; line-height: 1.1">
<span class="hidden-xs">Listings found </span>
<span style="white-space: nowrap" data-bind="text:notificationDate"></span>
<span style="display: inline-block; vertical-align: middle; font-weight: 500">
<a class="jls-map-message-btn" href="#" data-bind="click: loadNotificationTarget"> Modify Search</a>
</span>
</div>
</div>
</div>
</div>
<div class="col-xs-4" style="white-space: nowrap; margin-bottom: 3px">
<div class="text-center jls-toggle-list-view jls-icon-btn jls-list-view-pull-right" style="padding-top: 15px; padding-right: 17px; display: inline-block; border-left: 1px solid #ddd;" data-bind="click:actionToggleListView">
<span class="jls-list-view-wrap" style="position: relative; top: -5px">
<span class="jls-icon-btn-label jls-list-view-btn-active jls-list-view-tooltip" data-toggle="tooltip" data-placement="bottom" data-original-title="<p>Expand/collapse the List View</p>" style="position: relative; top: 0; left: 3px;"><span class="hidden-xs">List View</span> <i class="list-chevron fa fa-angle-double-right"></i></span>
</span>
</div>
<div class="text-center jls-toggle-list-view jls-icon-btn-label jls-list-view-pull-right" style="padding-right: 10px; position: relative; top: 10px" data-bind="visible: listingsCount">
<span class="hidden-xs">Results</span>
<span data-bind="text:listingsCount" class="badge" style="background-color: #777; position: relative; top: -2px;"></span>
</div>
</div>
</div>
<div class="jls-search-bar row" style="padding: 1rem; position: fixed; width: 100%; border-bottom: 1px solid #ccc; z-index:2;" data-bind="invisible: notification">
<div class="col-xs-3 col-sm-2 col-md-1" style="padding: 0; margin-right: 0">
<div class="text-center jls-toggle-criteria-view jls-icon-btn pull-left" data-bind="click:actionToggleCriteriaView" style="display: inline;">
<div style="display: inline-block; position: relative; top: 1px;">
<span id="criteria-button" class="btn jls-icon-btn-label jls-criteria-btn" style="height: 33px;"><span style="position: relative; top: -2px; left: 3px;"><i id="criteria-chevron" class="fa fa-angle-double-right"></i> Criteria</span></span>
</div>
</div>
</div>
<div id="jls-location-input-cont" class="col-xs-12 col-sm-5 col-md-4 jls-search-input-sm jls-input-hidden" style="padding: 0; margin-right: 0;">
<div id="jls-location-input" style="margin-top: 1px; margin-left: 3px;">
<div class="input-group">
<input data-id="search-input" name="search-input"
class="jls-search-input form-control"
placeholder="City, Address, School, ZIP, MLS# or JLS#"
role="textbox"
aria-label="Search Input"
type="text"
data-default='False'
data-include-listings="True"
data-include-offices="False"
data-include-places="True"
data-include-schools="True"
data-within=""
data-include-button="True">
<i class="jls-search-toggle fa fa-lg fa-compass"></i>
<span class="input-group-btn" style="display: ">
<button id="search-btn" class="jls-search-button btn btn-success text-center"
type="button" role="button" aria-label="Search">
<i class="fa fa-lg fa-search"></i>
</button>
</span>
</div>
</div>
</div>
<div class="col-xs-9 col-sm-5 col-md-7" style="white-space: nowrap;">
<div id="search-btn-sm-screen" class="text-center jls-icon-btn jls-search-btn-sm pull-left visible-xs">
<span class="fa fa-search" style="border-left: none; font-size: 1.8em; position: relative; top: 5px;"></span>
</div>
<div class="jls-icon-btn pull-left visible-md visible-lg">
<div class="btn-group" style="border: darkgray 1px solid; -ms-border-radius: 5px; border-radius: 5px" data-toggle="buttons" data-bind="events: {change: actionOnCriteriaChange}">
<label class="btn" data-bind="css: { btn-primary: search.criteria.active, active: search.criteria.active }" title="Active">
<input id="search-criteria-active" type="checkbox" autocomplete="off" data-bind="checked: search.criteria.active"><small style="margin: -6px">Active</small>
</label>
<label class="btn" style="border-left: darkgray 1px solid; border-right: darkgray 1px solid" data-bind="css: {btn-warning: search.criteria.pending, active: search.criteria.pending }" title="Pending">
<input id="search-criteria-pending" type="checkbox" autocomplete="off" data-bind="checked: search.criteria.pending"><small style="margin: -6px">Pending</small>
</label>
<label class="btn" data-bind="css: {btn-danger: search.criteria.sold, active: search.criteria.sold }" title="Sold">
<input id="search-criteria-sold" type="checkbox" autocomplete="off" data-bind="checked: search.criteria.sold"><small style="margin: -5px">Sold</small>
</label>
</div>
<!-- legend tooltip -->
<div class="jls-legend-tooltip" data-toggle="tooltip" data-placement="bottom" data-original-title='<ul><li><span class="jls-icon-map-open-house"></span>Open House</li><li><span class="jls-icon-map-open-house-new"></span>New/Open House</li><li><span class="jls-icon-map-active-new"></span>New/Active</li><li><span class="jls-icon-map-pending"></span>Pending</li><li><span class="jls-icon-map-sold"></span>Sold</li></ul>'>
<i class="icon fa fa-info-circle" aria-hidden="true"></i>
</div>
</div>
<div class="text-center jls-icon-btn pull-left" style="padding-top: 7px" data-bind="attr: {title:saveButtonTooltip}, click:actionSaveSearch, css: { jls-icon-btn-disabled: saveSearchDisabled }">
<span class="fa fa-floppy-o fa-indent" style="display: inline-block; font-size: 1.7em"></span>
<span class="hidden-xs" style="position: relative; top: -3px; font-size: 1.2em">
<span class="jls-icon-btn-label, css: { jls-icon-btn-label-disabled: saveSearchDisabled }" style="padding-left: 3px">Save</span>
</span>
</div>
<div class="text-center jls-toggle-list-view jls-icon-btn jls-list-view-pull-right" style="display: inline-block; padding-top: 7px" data-bind="click:actionToggleListView">
<span class="jls-list-view-wrap">
<span class="jls-icon-btn-label jls-list-view-btn-active jls-list-view-tooltip" data-toggle="tooltip" data-placement="bottom" data-original-title="<p>Expand/collapse the List View</p>" style="position: relative; top: 0; left: 3px;"><span class="hidden-xs">List View</span> <i class="list-chevron fa fa-angle-double-right"></i></span>
</span>
</div>
<div class="text-center jls-toggle-list-view jls-icon-btn-label jls-list-view-pull-right" style="display: none; padding-right: 10px; position: relative; top: 7px" data-bind="visible: listingsCount">
<span class="hidden-xs">Results</span>
<span data-bind="text:listingsCount" class="badge" style="background-color: #777; position: relative; top: -2px;"></span>
</div>
</div>
</div>
<div class="jls-search-map" style="position: fixed; top: 123px; height: 100%; width: 100%; padding-bottom: 110px">
<div class="row jls-full-height jls-full-width jls-view-handler" style="position: relative">
<div id="map-container" style="padding: 0; height: 100%" class="jls-full-width col-xs-12 col-sm-6 col-md-7 col-lg-8 col-xl-9 ">
<div style="width: 100%; height: 100%">
<div id="map-canvas" style="height: 100%; width: 100%; background-color: rgb(233, 233, 233)">
</div>
<div id="map-notifications" class="jls-map-msg">
</div>
<div class="jls-map-controls" data-bind="css: { jls-hidden: notification }">
<div style="display: none" data-bind="invisible: mapHasPolygon">
<img class="jls-map-control" src="https://assets.jlscontent.com/images/map/map-polygon-new.png" data-bind="click: actionNewPolygon, invisible: polygonInProgress" title="Draw a polygon to restrict your search area" />
<img class="jls-map-control" src="https://assets.jlscontent.com/images/map/map-polygon-delete.png" data-bind="click: deletePreviousSaveInfo, visible: polygonInProgress" title="Remove polygon restricting your search area" />
</div>
<div style="display: none" data-bind="visible: mapHasPolygon">
<div class="text-right">
<img class="jls-map-control pull-right" src="https://assets.jlscontent.com/images/map/map-polygon-delete.png" data-bind="click: deletePreviousSaveInfo" title="Remove polygon restricting your search area" />
<div id="restrict-to-polygon" class="btn btn-primary pull-right" data-bind="text: restrictButtonText, click: actionToggleLimitSearch" style="height: 46px; padding-top: 12px; opacity: 0.9;"></div>
</div>
</div>
</div>
</div>
<div class="clearfix loading-spinner" style="display: none;">
<img src="https://assets.jlscontent.com/images/corp/jls_spinner.gif" ondragstart="return false;" />
</div>
</div>
<div id="search-criteria-container" class="jls-search-criteria-container col-xs-12 col-sm-6 col-md-5 col-lg-3">
<div class="jls-search-criteria-header">
<div class="container-fluid">
<div class="row">
<div class="col-xs-6">
<span style="font-weight: 500; font-size: 1.3em; position: relative; top: 8px">Criteria</span>
</div>
<div class="col-xs-6">
<div class="pull-right" style="cursor: pointer; font-size: .9em; position: relative; top: 6px; color: #777;" data-bind="click:criteriaViewClose">
<i class="fa fa-lg fa-times"></i>
</div>
<div class="pull-right" style="cursor: pointer; font-size: .9em; position: relative; top: 11px; color: #777" data-bind="click:actionResetSearchCriteria">
<span class="fa fa-undo"></span> Reset
</div>
</div>
</div>
</div>
</div>
<div class="jls-search-criteria container-fluid" data-bind="events: {change: actionOnCriteriaChange}">
<div class="jls-search-criteria-wrapper">
<div class="row" data-bind="visible: savedSearches.length" style="border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 10px">
<div class="col-md-12">
<label for="saved_searches">Saved Searches (criteria & search area)</label>
<select id="saved_searches" class="form-control input-sm" style="width: 100%"
data-role="dropdownlist"
data-bind="source: savedSearches, value: selectedSearch, events: { change: actionLoadSelectedSearch}" data-value-field="id" data-text-field="name" data-option-label="Select a saved search to load it"></select>
</div>
</div>
<label>Status</label>
<div class="row">
<div class="col-sm-4 col-xs-12">
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.active" type="checkbox"><img src="https://assets.jlscontent.com/images/map/map-active-new.png" style="height: 24px; width: 34px;" alt="Active Status Filter"/> Active
</label>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.pending" type="checkbox"><img src="https://assets.jlscontent.com/images/map/map-pending.png" style="height: 24px; width: 24px;" alt="Pending Status Filter"/> Pending
</label>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="checkbox pull-left">
<label>
<input data-bind="checked:search.criteria.sold" type="checkbox"> <img src="https://assets.jlscontent.com/images/map/map-sold.png" style="height: 24px; width: 24px;" alt="Sold Status Filter"/> Sold
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group ">
<label class="" for="Criteria_PriceMin">Price Min</label>
<select style="width: 100%" data-bind="value:search.criteria.priceFrom" class="form-control input-sm" id="Criteria_PriceMin" name="Criteria.PriceMin">
<option value="0">No Min</option>
<option value="25000">$25,000</option>
<option value="50000">$50,000</option>
<option value="75000">$75,000</option>
<option value="80000">$80,000</option>
<option value="90000">$90,000</option>
<option value="100000">$100,000</option>
<option value="110000">$110,000</option>
<option value="120000">$120,000</option>
<option value="130000">$130,000</option>
<option value="140000">$140,000</option>
<option value="150000">$150,000</option>
<option value="160000">$160,000</option>
<option value="170000">$170,000</option>
<option value="180000">$180,000</option>
<option value="190000">$190,000</option>
<option value="200000">$200,000</option>
<option value="210000">$210,000</option>
<option value="220000">$220,000</option>
<option value="230000">$230,000</option>
<option value="240000">$240,000</option>
<option value="250000">$250,000</option>
<option value="260000">$260,000</option>
<option value="270000">$270,000</option>
<option value="280000">$280,000</option>
<option value="290000">$290,000</option>
<option value="300000">$300,000</option>
<option value="310000">$310,000</option>
<option value="320000">$320,000</option>
<option value="330000">$330,000</option>
<option value="340000">$340,000</option>
<option value="350000">$350,000</option>
<option value="360000">$360,000</option>
<option value="370000">$370,000</option>
<option value="380000">$380,000</option>
<option value="390000">$390,000</option>
<option value="400000">$400,000</option>
<option value="425000">$425,000</option>
<option value="450000">$450,000</option>
<option value="475000">$475,000</option>
<option value="500000">$500,000</option>
<option value="550000">$550,000</option>
<option value="600000">$600,000</option>
<option value="650000">$650,000</option>
<option value="700000">$700,000</option>
<option value="750000">$750,000</option>
<option value="800000">$800,000</option>
<option value="850000">$850,000</option>
<option value="900000">$900,000</option>
<option value="950000">$950,000</option>
<option value="1000000">$1,000,000</option>
<option value="1250000">$1,250,000</option>
<option value="1500000">$1,500,000</option>
<option value="1750000">$1,750,000</option>
<option value="2000000">$2,000,000</option>
<option value="2250000">$2,250,000</option>
<option value="2500000">$2,500,000</option>
<option value="2750000">$2,750,000</option>
<option value="3000000">$3,000,000</option>
<option value="3250000">$3,250,000</option>
<option value="3500000">$3,500,000</option>
<option value="3750000">$3,750,000</option>
<option value="4000000">$4,000,000</option>
<option value="4500000">$4,500,000</option>
<option value="5000000">$5,000,000</option>
<option value="5500000">$5,500,000</option>
<option value="6000000">$6,000,000</option>
<option value="6500000">$6,500,000</option>
<option value="7000000">$7,000,000</option>
<option value="7500000">$7,500,000</option>
<option value="8000000">$8,000,000</option>
<option value="8500000">$8,500,000</option>
<option value="9000000">$9,000,000</option>
<option value="9500000">$9,500,000</option>
<option value="10000000">$10,000,000</option>
<option value="15000000">$15,000,000</option>
<option value="20000000">$20,000,000</option>
<option value="30000000">$30,000,000</option>
</select>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="" for="Criteria_PriceMax">Price Max</label>
<select style="width: 100%" data-bind="value:search.criteria.priceTo" class="form-control input-sm" id="Criteria_PriceMax" name="Criteria.PriceMax">
<option value="2100000000">No Max</option>
<option value="25000">$25,000</option>
<option value="50000">$50,000</option>
<option value="75000">$75,000</option>
<option value="80000">$80,000</option>
<option value="90000">$90,000</option>
<option value="100000">$100,000</option>
<option value="110000">$110,000</option>
<option value="120000">$120,000</option>
<option value="130000">$130,000</option>
<option value="140000">$140,000</option>
<option value="150000">$150,000</option>
<option value="160000">$160,000</option>
<option value="170000">$170,000</option>
<option value="180000">$180,000</option>
<option value="190000">$190,000</option>
<option value="200000">$200,000</option>
<option value="210000">$210,000</option>
<option value="220000">$220,000</option>
<option value="230000">$230,000</option>
<option value="240000">$240,000</option>
<option value="250000">$250,000</option>
<option value="260000">$260,000</option>
<option value="270000">$270,000</option>
<option value="280000">$280,000</option>
<option value="290000">$290,000</option>
<option value="300000">$300,000</option>
<option value="310000">$310,000</option>
<option value="320000">$320,000</option>
<option value="330000">$330,000</option>
<option value="340000">$340,000</option>
<option value="350000">$350,000</option>
<option value="360000">$360,000</option>
<option value="370000">$370,000</option>
<option value="380000">$380,000</option>
<option value="390000">$390,000</option>
<option value="400000">$400,000</option>
<option value="425000">$425,000</option>
<option value="450000">$450,000</option>
<option value="475000">$475,000</option>
<option value="500000">$500,000</option>
<option value="550000">$550,000</option>
<option value="600000">$600,000</option>
<option value="650000">$650,000</option>
<option value="700000">$700,000</option>
<option value="750000">$750,000</option>
<option value="800000">$800,000</option>
<option value="850000">$850,000</option>
<option value="900000">$900,000</option>
<option value="950000">$950,000</option>
<option value="1000000">$1,000,000</option>
<option value="1250000">$1,250,000</option>
<option value="1500000">$1,500,000</option>
<option value="1750000">$1,750,000</option>
<option value="2000000">$2,000,000</option>
<option value="2250000">$2,250,000</option>
<option value="2500000">$2,500,000</option>
<option value="2750000">$2,750,000</option>
<option value="3000000">$3,000,000</option>
<option value="3250000">$3,250,000</option>
<option value="3500000">$3,500,000</option>
<option value="3750000">$3,750,000</option>
<option value="4000000">$4,000,000</option>
<option value="4500000">$4,500,000</option>
<option value="5000000">$5,000,000</option>
<option value="5500000">$5,500,000</option>
<option value="6000000">$6,000,000</option>
<option value="6500000">$6,500,000</option>
<option value="7000000">$7,000,000</option>
<option value="7500000">$7,500,000</option>
<option value="8000000">$8,000,000</option>
<option value="8500000">$8,500,000</option>
<option value="9000000">$9,000,000</option>
<option value="9500000">$9,500,000</option>
<option value="10000000">$10,000,000</option>
<option value="15000000">$15,000,000</option>
<option value="20000000">$20,000,000</option>
<option value="30000000">$30,000,000</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_BedroomsMin">Beds</label>
<select data-bind="value:search.criteria.bedsFrom" class="form-control input-sm" id="Criteria_BedroomsMin" name="Criteria.BedroomsMin">
<option value="0">Any</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>
<option value="6">6+</option>
</select>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_Bathrooms">Baths</label>
<select data-bind="value:search.criteria.baths" class="form-control input-sm" id="Criteria_Bathrooms" name="Criteria.Bathrooms">
<option value="0">Any</option>
<option value="1">1+</option>
<option value="1.5">1.5+</option>
<option value="1.75">1.75+</option>
<option value="2">2+</option>
<option value="2.5">2.5+</option>
<option value="2.75">2.75+</option>
<option value="3">3+</option>
<option value="3.5">3.5+</option>
<option value="3.75">3.75+</option>
<option value="4">4+</option>
<option value="4.5">4.5+</option>
<option value="4.75">4.75+</option>
<option value="5">5+</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_LivingAreaMin">SqFt</label>
<select data-bind="value:search.criteria.sqftFrom" class="form-control input-sm" id="Criteria_LivingAreaMin" name="Criteria.LivingAreaMin">
<option value="0">Any</option>
<option value="500">500+</option>
<option value="1000">1000+</option>
<option value="1500">1500+</option>
<option value="2000">2000+</option>
<option value="2500">2500+</option>
<option value="3000">3000+</option>
<option value="3500">3500+</option>
<option value="4000">4000+</option>
<option value="4500">4500+</option>
<option value="5000">5000+</option>
<option value="5500">5500+</option>
<option value="6000">6000+</option>
<option value="6500">6500+</option>
<option value="7000">7000+</option>
<option value="7500">7500+</option>
<option value="10000">10000+</option>
<option value="15000">15000+</option>
<option value="20000">20000+</option>
</select>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_LivingAreaMin">Lot Size (Min. Acres)</label>
<select data-bind="value:search.criteria.acresFrom" class="form-control input-sm" id="Criteria_LivingAreaMin" name="Criteria.LivingAreaMin">
<option value="0">No Min</option>
<option value="0.125">1/8</option>
<option value="0.25">1/4</option>
<option value="0.5">1/2</option>
<option value="0.75">3/4</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>
<option value="10">10</option>
<option value="20">20</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_GarageOrParkingSpaces">Parking</label>
<select data-bind="value:search.criteria.garageOrParkingSpaces" class="form-control input-sm" id="Criteria_GarageOrParkingSpaces" name="Criteria.GarageOrParkingSpaces">
<option value="0">Any</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>
<div class="col-sm-6">
<br />
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.garage" type="checkbox">
Garage
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_YearBuilt">Year Built Since</label>
<input id="Criteria_YearBuilt" name="Criteria.YearBuilt"
style="width:100%"
maxlength="4"
data-bind="value:search.criteria.yearBuilt, events: { spin: actionYearBuiltSpin }"
data-placeholder="Any"
data-role="numerictextbox"
data-format="#"
data-decimals="0"
data-round="true"
data-min="1000"
data-max="2025"
data-spinners="true"
data-up-arrow-text="Newer"
data-down-arrow-text="Older"
/>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<label>Show Only</label>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="checkbox">
<label>
<input data-bind="enabled: isLoggedIn, checked:search.criteria.options" type="checkbox" value="Listing:Favorite"><span style="color: red;" class="jls-icon jls-icon-filled-heart"></span> Favorites
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.options" type="checkbox" value="Listing:Waterfront"><span style="color: deepskyblue;" class="jls-icon jls-icon-waterfront"></span> Waterfront
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.options" type="checkbox" value="Listing:View">View
</label>
</div>
</div>
<div class="col-sm-6">
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.options" type="checkbox" value="Listing:OpenHouse"><img src="https://assets.jlscontent.com/images/map/map-open-house.png" style="height: 18px; width: 16px;" alt="Open House Filter"/> Open Houses
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.options" type="checkbox" value="Listing:BankedOwned"><span class="jls-icon jls-icon-bank-owned"></span> Bank Owned
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_LivingAreaMin">Time On Market <i class="fa fa-info-circle" title="Applies to Active and/or Pending listings only" style="cursor: pointer;" data-bind="click: actionTomOnClick"></i></label>
<select data-bind="value:search.criteria.daysOnMarket, enabled:enableTimeOnMarket" id="timeOnMarket" class="form-control input-sm">
<option value="0">All Time Frames</option>
<option value="1">New: 1 Day</option>
<option value="3">New: < 3 Days</option>
<option value="7">New: < 1 week</option>
<option value="14">New: < 2 weeks</option>
<option value="30">New: < 30 days</option>
<option value="60">New: < 60 days</option>
<option value="90">New: < 90 days</option>
</select>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="Criteria_SoldDays">Sold Range</label>
<select data-bind="value:search.criteria.soldDays, enabled:enableSoldRange" class="form-control input-sm" id="Criteria_SoldDays">
<option value="30">< 30 days</option>
<option value="60">< 60 days</option>
<option value="90">< 90 days</option>
<option value="120">< 120 days</option>
<option value="150">< 150 days</option>
<option value="180" selected="selected">< 180 days</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<label>Property Type</label>
</div>
</div>
<div id="property-type-selection" class="row" data-bind="events: {change: actionOnPropertyTypeChange}">
<div class="col-sm-6">
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.propTypes" type="checkbox" value="SingleFamilyHome"> Single Family Home
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.propTypes" type="checkbox" value="CondoOrTownhouse"> Condo or Townhouse
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.propTypes" type="checkbox" value="MultiFamily"> Multi Family
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.propTypes" type="checkbox" value="Manufactured">Manufactured
</label>
</div>
</div>
<div class="col-sm-6">
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.propTypes" type="checkbox" value="FarmAndRanch">Farm and Ranch
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.propTypes" type="checkbox" value="Land"> Land
</label>
</div>
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.propTypes" type="checkbox" value="Commercial"> Commercial
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="checkbox">
<label>
<input data-bind="checked:search.criteria.options" type="checkbox" value="Common:IncludeOffice"> JLS Offices
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
criteriaResizing();
});
// criteria resize - find criteria wrapper height and set css height for scrolling
$(window).resize(function () {
$('.jls-search-criteria-wrapper').css('height', '');
clearTimeout(this.criteriaHeight);
this.criteriaHeight = setTimeout(criteriaResizing, 100);
});
function criteriaResizing() {
var padding = 100;
var criteriaWrapper = $('.jls-search-criteria-wrapper');
var cH = criteriaWrapper.outerHeight() + padding;
criteriaWrapper.css('height', cH);
}
</script>
<div style="display: none;" id="list-view-container" class="jls-list-view-container col-xs-12 col-sm-6 col-md-5 col-lg-4 col-xl-3 ">
<div class="jls-list-view-header">
<div class="container-fluid">
<div class="row">
<div class="col-xs-4">
<span style="font-size: 1.2em; font-weight: 500; display: block; vertical-align: middle; padding-top: 7px;">Sort by:</span>
</div>
<div class="col-xs-6">
<select style="margin-top: 3px; margin-bottom: 3px" data-bind="value: sortedBy, events:{change: actionSort}" class="form-control pull-left" id="favorite-order-by" name="favsOrderBy">
<option value="price">Price</option>
<option value="bedrooms">Bedrooms</option>
<option value="bathrooms">Bathrooms</option>
<option value="squareFeet">Square Feet</option>
<option value="lotSize">Lot SqFt</option>
<option value="status">Status</option>
<option value="zip">Zip Code</option>
<option value="listDate">List Date</option>
<option value="cumulativeDaysOnMarket">Days on Market</option>
</select>
</div>
<div style="padding: 8px 0 0 0" class="col-xs-2">
<i data-bind="events:{click: actionSortToggle}"
id="favorite-order-direction"
class="fa fa-arrow-down ">
</i>
</div>
</div>
</div>
</div>
<div class="jls-search-list-view" id="listings-view">
</div>
<script type="text/x-kendo-tmpl" id="listing-list-template">
# for (var i = 0; i < data.length; i++) {
var listing = data[i];
#
<div class="jls-listing-row" style="cursor:pointer" data-listing-id="#: listing.id #">
<div style="width:33%;min-width:100px;float:left;height:100%">
<div style="position:relative;height:100%;width:100%;max-width:162px;text-align:center">
# if (listing.mainPhoto === null || listing.mainPhoto.thumbnail === null) { #
<i style="background-color:\\#f1f1f1; color: \\#b5b5b5; font-size:xx-large; height:105px; margin-right:10px; padding-top:22%; text-align:center; width:100%" class="fa fa-home"></i>
# } else { #
<div class="jls-listing-row-thumb"
style="background-image:url(#= listing.mainPhoto.thumbnail #)">
</div>
# } #
</div>
</div>
<div class="jls-fav-note-column text-center" style="width: 25px; float: right">
<div class="jls-list-item-fav-heart">
# if (listing.favorite) { #
<i class="fa fa-lg fa-heart" data-listing-id="#: listing.id #"></i>
#} else { #
<i class="fa fa-lg fa-heart-o" data-listing-id="#: listing.id #"></i>
#}#
</div>
<div class="jls-list-item-fav-notes #if (listing.favorite) if (listing.favorite.notes) {# active #} else {# inactive #}#" title="Notes">
<i class="fa fa-file-text-o" data-listing-id="#: listing.id #"></i>
</div>
<div data-listing-id="#: listing.id #" class="jls-list-item-fav-star #if (listing.favorite) if (listing.favorite.rating) {# active #} else {# inactive #}#" title="Rating">
<i class="fa fa-star-o"></i>
<div data-listing-id="#: listing.id #" class="jls-list-item-fav-rating">
#if (listing.favorite && listing.favorite.rating) {#
#: listing.favorite.rating #
#}#
</div>
</div>
</div>
<div style="padding: 2px 28px 0px 33%;margin-left:4px">
# if (listing.icon !== null) { #
<div class="jls-icon-md #= listing.icon.cls #" style="display: inline-block; margin-bottom:-3px">
</div>
# } #
<span style="font-size:1.2em">
<b>#= listing.price ? kendo.toString(listing.price, "c0") : "" #</b>
</span>
<div style="padding-right: 3px; float: right">
# if (listing.mls && listing.mls.icon !== null && listing.mls.icon.target !== null) { #
<img style="height: 24px; position: relative; right: 10px" class="pull-right" src="#= listing.mls.icon.target #" />
#}#
</div>
<br />
# if (listing.beds) { #
<b>#= listing.beds #</b> Beds
# } #
# if (listing.baths) { #
<b>#= listing.baths #</b> Baths
# } #
# if (listing.cumulativeDaysOnMarket) { #
<div style="color: \\#727272; display: inline-block">
<span style="display: inline-block; font-weight: 600">#: listing.cumulativeDaysOnMarket #</span>
<span style="display:inline-block;line-height:90%;vertical-align:middle;font-size:x-small">Days on<br />Market</span>
</div>
# } #
# if (listing.cumulativeDaysOnMarket == 0) { #
<div style="color: \\#727272; display: inline-block">
<span style="display:inline-block;line-height:90%;vertical-align:middle;font-size:x-small">Added<br />Today</span>
</div>
# } #
<br />
# if (listing.sqft) { #
<b>#= kendo.toString(listing.sqft, "n0") #</b> Sqft
# } #
# if (listing.lotSize && jls.domain.Convert.stringToPropertyType(listing.propertyType) != jls.domain.PropertyType.CondoOrTownhouse) {
if (listing.acreage)
{ #
<b>#= kendo.toString(listing.lotSize, "n2" ) #</b> Lot acre/s
# } else { #
<b>#= kendo.toString(listing.lotSize, "n0" ) #</b> Lot sqft
# }
} #
<div style="font-size:12px;letter-spacing:-1px">
# if (!!listing.showAddress && listing.address) { #
#: listing.address.street #, #: listing.address.city #, #: listing.address.state # #: listing.address.zip #
# } #
</div>
<div style="font-size:12px;letter-spacing:-1px">
# if (listing.mls && listing.mls.name !== null) { #
Listing courtesy of #: listing.mls.name #
#}#
</div>
</div>
</div>
# } #
</script>
</div>
</div>
</div>
</div>
<div class="modal" id="details-view-container" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="-webkit-overflow-scrolling: auto !important;">
<script type="application/ld+json" id="listing-details">
</script>
<div class="modal-dialog modal-lg jls-listing-detail-modal" style="height: calc(100vh - 60px);">
<div id="details-view-content" class="modal-content jls-full-height">
<div style="padding-bottom: 4px; border-bottom: none;" class="modal-header">
<div style="padding-left: 0; padding-right: 0; margin-top: 5px;" class="pull-left">
<a style="cursor: pointer" data-bind="click:actionListingPrevious"> <i class="fa fa-lg fa-caret-left"></i> Previous</a>
<span> | </span>
<a style="cursor: pointer;" data-bind="click:actionListingNext">Next <i class="fa fa-lg fa-caret-right"></i></a>
</div>
<div class="pull-right">
<button type="button" class="close jls-modal-close" data-dismiss="modal" aria-label="Close">
<span class="closeModal" data-bind="click: closeVirtualModal" aria-hidden="true">×</span>
</button>
</div>
</div>
<div style="height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; padding-top: 0; border-top: 1px solid #e5e5e5; background: #fff" class="modal-body jls-full-height">
<div class="jls-listing-detail container">
<style>
.jls-gallery-matterport {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: 100%;
}
.jls-gallery-matterport iframe, .jls-gallery-matterport object, .jls-gallery-matterport embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.social-links {
min-width: 33px;
left: -4px;
top: 30px;
text-align: center;
}
.social-links li {
margin-bottom: 4px;
}
.button-style {
color: white;
background-color: #fc9700;
width: 100%;
overflow-y: auto;
height: 35px;
text-align: center;
cursor: pointer;
}
div#details-view-content, .modal-content {
box-shadow: none !important;
border: none !important;
}
#details-msg-banner {
background: #f9f9f9;
width: 100%;
position: fixed;
color: #000;
text-align: center;
font-size: 16px;
font-weight: 300;
padding: 10px 15px;
z-index: 40;
top: 66px;
cursor: pointer;
left: 0;
right: 0;
}
.modal-body #details-msg-banner {
width: 100%;
}
.modal #details-msg-banner {
top: 64px;
}
.k-list-container.k-popup.k-group.k-reset {
overflow-y: auto;
}
/* .modal .jls-listing-detail-toolbar {
right: 20px;
}*/
/* @media screen and (width: 547px) {
#details-container {
padding-top: 60px;
}
}*/
@media screen and (max-width: 548px) {
#details-container {
margin-top: 70px;
}
.modal #details-container {
margin-top: 80px;
}
.jls-listing-detail-toolbar {
top: 150px;
}
}
/* @media screen and (width: 548px){
#details-container {
padding-top: 80px;
}
}*/
@media screen and (max-width: 321px) {
#details-container {
margin-top: 90px;
}
.jls-listing-detail-toolbar {
top: 170px;
}
.modal .jls-listing-detail-toolbar {
top: 160px;
}
}
</style>
<div id="details-container" data-bind="visible: displayPage" style="display: none; padding-right: 5px; margin-right: 12px;">
<div class="jls-listing-detail-toolbar" style="color: #000;">
<div class="jls-list-item-fav-heart" data-bind="click:actionToggleFavorite">
<i style="font-size: 26px" data-bind="attr:{class: favoriteClass}"></i>
</div>
<div class="jls-list-item-fav-notes inactive" title="Notes" data-bind="click: actionEditFavorite, visible: listing.favorite, css: { active: listing.favorite.notes }">
<i style="font-size: 26px" class="fa fa-file-text-o"></i>
</div>
<div class="jls-list-item-fav-star inactive" title="Rating" data-bind="click: actionEditFavorite, visible: listing.favorite, css: { active: listing.favorite.rating }">
<i style="font-size: 26px" class="fa fa-star-o"></i>
<div class="jls-list-item-fav-rating" style="top: -33px" data-bind="visible:listing.favorite.rating, text:listing.favorite.rating">
</div>
</div>
<hr />
<div class="dropdown">
<div class="dropdown-toggle" data-toggle="dropdown" id="social-networks" title="Share">
<i style="font-size: 26px;" class="fa fa-share-alt" aria-hidden="true"></i>
</div>
<ul class="dropdown-menu social-links" aria-labelledby="social-networks" role="menu">
<li>
<div data-bind="visible:facebookVisible, click:actionFacebookShare" title="Share on Facebook">
<i class="fa fa-lg fa-facebook-official"></i>
</div>
</li>
<li>
<div data-bind="click:actionTwitter" title="Share on Twitter">
<i class="fa fa-lg fa-twitter "></i>
</div>
</li>
<li>
<div data-bind="click:actionEmail" title="Share via email">
<i class="fa fa-lg fa-envelope-o"></i>
</div>
</li>
<li>
<div data-bind="click: actionCopyUrlToClipboard, visible: isDedicatedLdp" title="Copy link to clipboard">
<i class="fa fa-lg fa-clipboard"></i>
</div>
</li>
<li>
<div data-bind="click: actionOpenInNewWindow, visible: isNotDedicated" title="Open listing in new tab">
<i class="fa fa-lg fa-external-link"></i>
</div>
</li>
<li>
<div data-bind="click:printListing" title="View Printable Listing">
<i class="fa fa-lg fa-print"></i>
</div>
</li>
</ul>
</div>
</div>
<div class="alert alert-success" id="fav-success-alert" style="display:none">
<button type="button" class="close" data-dismiss="alert">x</button>
<strong>This listing has been added to your favorites!</strong>
</div>
<div class="row">
<div class="col-xs-12">
<div id="details-msg-banner">
<span>Ask a question or request a tour <i class="fa fa-chevron-circle-down" style="margin: 0 8px" aria-hidden="true"></i></span>
</div>
</div>
</div>
<div class="row test" style="margin-top: 10px">
<div class="col-md-3" style="padding-top: 5px; line-height: 1.48">
<div class="jls-listing-detail-status">
<div data-bind="attr:{class: statusIconCls }" style="display: inline-block; margin-bottom: -3px; width: 26px; height: 26px">
</div>
<div class="jls-status-name" style="display: inline-block; font-size: 1.5em; font-weight: 500">
<span data-bind="text:listing.statusName"></span>
</div>
</div>
<div class="jls-listing-detail-price" data-bind="text:displayPrice">
</div>
<div class="jls-listing-mls-number" style="line-height: 1; margin-bottom: 10px">
<span>MLS# </span><span data-bind="text:listing.mlsListingId"></span>
<span data-bind="visible:listing.shortCode">| JLS# <span data-bind="text:listing.shortCode"></span></span>
</div>
</div>
<div class="col-md-6">
<div style="font-weight: 400; font-size: 2.2em">
<span data-bind="text:listing.title"></span>
</div>
<div class="jls-listing-detail-beds" style="font-size: 18px; margin-bottom: 10px; line-height: 1">
<div class="jls-listing-value-outer" style="border-left: none; padding-left: 0" data-bind="visible: listing.beds">
<div style="display: inline-block">
<span style="font-size: 1.4em; font-weight: 600" data-bind="text:listing.beds"></span>
<span style="font-weight: 400; font-size: .92em"> Beds </span>
</div>
</div>
<div class="jls-listing-value-outer" data-bind="visible: listing.baths">
<div style="display: inline-block">
<strong>
<span style="font-size: 1.4em; font-weight: 600" data-bind="text:listing.baths"></span>
</strong>
<span style="font-weight: 400; font-size: .92em"> Baths </span>
</div>
</div>
<div class="jls-listing-value-outer" data-bind="visible: listing.sqft">
<div style="display: inline-block">
<strong>
<span style="font-size: 1.4em; font-weight: 600" data-bind="text:listing.sqft"></span>
</strong>
<span style="font-weight: 400; font-size: .92em"> SqFt</span>
</div>
</div>
<div class="jls-listing-value-outer" data-bind="visible: listing.lotSize">
<div style="display: inline-block" data-bind="invisible:condoOrTownhouse">
<strong>
<span style="font-size: 1.4em; font-weight: 600" data-bind="text:listing.acreage"></span>
</strong>
<span style="font-weight: 400; font-size: .92em"> Acres</span>
</div>
</div>
</div>
<span data-bind="visible: showAddress, click: actionDirections" style="line-height: 1; margin-bottom: 10px; cursor: pointer; margin-right: 8px; padding-right: 4px;">
<span data-bind="text:displayAddressInline"></span>
<i class="fa fa-md fa-car"></i>
</span>
<span class="jls-listing-cdom" style="line-height: 1; margin-bottom: 10px; padding: 0 8px 4px 0; white-space: nowrap">
<span data-bind="visible: listing.bankOwned"><span class="jls-icon jls-icon-bank-owned"></span> Bank-owned </span>
<span data-bind="visible:displayCumulativeDaysOnMarket">
<span style="font-weight: 600" data-bind="text:displayCumulativeDaysOnMarket, attr:{ title: displayCumulativeDaysOnMarket}"></span>
<span style="display: inline-block; font-size: small; letter-spacing: -.02em">on Market</span>
</span>
</span>
</div>
<div class="col-md-3">
<div id="oh-detail-wrapper" data-bind="visible:listing.showings.length">
<div class="@*well*@" id="hide-open" style="">
<div>
<div style="display: inline-block; font-size: 1.5em; font-weight: 500">
<div>
Open House
</div>
</div>
</div>
<div style="padding-top: 5px; line-height: 1.3; font-size: 1.1em" data-bind="source:this" data-template="listing-detail-showings-tmpl">
</div>
</div>
<div class="@*well*@" id="show-virtual" style="">
<div>
<div style="font-size: 1.5em; font-weight: 500">
<div>
<span style="" data-bind="click: closeVirtual" class="fa fa-close"></span>
<p style="font-weight:bold; margin:0; font-size:16px; display:inline-block" data-bind="text: openhouse.dateFormatted"></p>
</div>
<button target="_blank" data-bind="click: openVirtualEvent" class="primary" style="font-size: 11px; border-width: 0; border-radius: 15px; background-color: orange; color: white; padding: 0 12px;">Join</button>
<div style="margin-top:10px; word-break: break-word;" data-bind="visible: openhouse.description">
<p style="font-size:10px" data-bind="text: openhouse.description"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="row" style="padding-bottom: 10px; margin: auto">
<div class="col-md-12">
<div style="background-color: #111; height: 375px; margin: auto; padding: 80px 0; text-align: center; display: none" data-bind="invisible: totalPhotoCount">
<i class="fa fa-home" style="font-size: 180px; color: #ddd"></i>
<div style="font-size: 34px; font-weight: 300; color: #b4b4b4">No Photo Available</div>
</div>
<div class="row jls-gallery-row" data-bind="visible: totalPhotoCount">
<div class="col-md-3" style="padding: 1px" onmouseleave="jls.viewmodels.ListingDetailViewModel.actionPhotoThumbnailsMouseLeave(this);">
<div class="jls-thumbnails"
id="jls-thumbnails"
style="display: block; padding: 0"
data-bind="source: listing.gallery"
data-template="carousel-thumbnail-template">
</div>
<div class="hidden-sm hidden-xs button-style" data-bind="visible: listing.communityId > 0, click: clickVideo">
<div style="padding-top:6px;"><i class="fa fa-play-circle" style="padding-right:15px;"></i>Community Video</div>
</div>
</div>
<div class="col-md-9" style="position: relative; margin: 1px">
<div id="fotorama"
class="fotorama"
data-auto="false"
data-allowfullscreen="true"
data-nav="thumbs"
data-bind="visible: totalPhotoCount"
data-width="100%"
data-minwidth="280"
data-maxwidth="900"
data-minheight="158"
data-maxheight="506"
data-thumbheight="75"
data-thumbwidth="100"
data-fit="contain"
data-transition="crossfade"
style="padding: 0; z-index: 20">
</div>
<div id="show-video" class="hidden-sm hidden-xs jls-thumbnails">
<section class="embed-responsive embed-responsive-16by9" style="position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 0; margin: auto; height: 100%">
<iframe id="iframe-id" class="embed-responsive-item"></iframe>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="pull-right col-md-3">
<span class="pull-right" style="color: #333; font-size: .9em; font-weight: 400;margin-bottom: 15px" data-bind="visible: listing.courtesyOf">
<span>Listing courtesy of: </span>
<span data-bind="text: listing.courtesyOf"></span>
</span>
</div>
<div class="col-md-9" style="cursor: pointer;">
<div class="btn-group" data-bind="visible: displayLinks">
<button id="links" class="btn btn-md btn-default dropdown-toggle" type="button" data-toggle="dropdown" style="width: 140px; margin: 1px;">More Info<span class="caret"></span></button>
<ul id="links-list" class="dropdown-menu gallery-link" role="menu"></ul>
</div>
<button type="button" class="btn btn-default" data-bind="visible: showAddress, click: actionDirections" style="width: 140px; margin: 1px;"><i class="fa fa-lg fa-location-arrow"></i> <span>Map/Directions</span></button>
<button type="button" class="btn btn-default" id="search-nearby" data-bind="visible: showSearchNearby, click: actionSearchNearbyProps" style="width: 140px; margin: 1px;"><i class="fa fa-lg fa-search"></i> <span>Search Nearby</span></button>
<button type="button" class="btn btn-default" onclick="document.getElementById('loan-calculator').scrollIntoView()" style="width: 140px; margin: 1px;"><i class="fa fa-calculator" aria-hidden="true"></i> <span>Loan Calculator</span></button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<form class="jls-listing-features" style="padding-top: 15px">
<div class="jls-listing-remark">
<div style="padding: 10px" data-bind="text: listing.publicRemarks"></div>
</div>
<div class="jls-listing-general-info">
<div class="row" style="padding: 10px 15px">
<div class="col-sm-6">
<div class="row" data-bind="visible: listing.propertyType">
<div class="col-xs-5">
<label>Property Type</label>
</div>
<div class="col-xs-7">
<span data-bind="text: displayPropertyType"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.style">
<div class="col-xs-5">
<label>Style</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.style"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.beds">
<div class="col-xs-5">
<label>Bedrooms</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.beds"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.baths">
<div class="col-xs-5">
<label>Bathrooms</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.baths"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.sqft">
<div class="col-xs-5">
<label>SqFt</label>
</div>
<div class="col-xs-7">
<span data-bind="text: displaySqft"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.lotSize">
<div class="col-xs-5" data-bind="invisible:condoOrTownhouse">
<label>Lot SqFt</label>
</div>
<div class="col-xs-7" data-bind="invisible:condoOrTownhouse">
<span data-bind="text: displayLotSize"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="row" data-bind="visible: displayCounty">
<div class="col-xs-5">
<label>County</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.address.county"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.community">
<div class="col-xs-5">
<label>Community</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.community"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.view">
<div class="col-xs-5">
<label>View</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.view"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.yearBuilt">
<div class="col-xs-5">
<label>Year Built</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.yearBuilt"></span>
</div>
</div>
<div class="row" data-bind="visible: displayHoa">
<div class="col-xs-5">
<label>HOA Dues</label>
</div>
<div class="col-xs-7">
<span data-bind="text: listing.hoaInfo.dues"></span>
</div>
</div>
<div class="row" data-bind="visible: listing.offerReviewDate">
<div class="col-xs-5">
<label>Offers</label>
</div>
<div class="col-xs-7">
<span>Seller will review offers by</span>
<span data-bind="text: listing.offerReviewDate"></span>
</div>
</div>
</div>
</div>
<div class="row jls-disclaimer" style="padding-left: 25px;padding-bottom: 10px;">
<img data-bind="attr:{src: mlsIcon}, visible: mlsIcon" alt="MLS Logo" />
<span data-bind="text: listing.mls.disclaimer" class="jls-mls-disclaimer"></span>
</div>
<div style="padding-left: 10px;display: inline-block;">
<p class="jls-mls-disclaimer">
This content has last been updated on <span data-bind="date: listing.mls.lastUpdated" class="jls-mls-disclaimer">
</span>
</p>
</div>
<div class="hidden-md hidden-lg button-style" data-bind="visible: listing.communityId">
<div style="padding-top:6px;"><i class="fa fa-play-circle" style="padding-right:15px;"></i><a style="color:white" id="communityVideoUrl" href="" target="_blank">Community Video</a></div>
</div>
</div>
<div data-bind="source: displayFeaturesStandard"
data-template="features-template">
</div>
<div data-bind="source: displayFeaturesFinance"
data-template="features-template">
</div>
<div style="padding: 0; margin: 0" data-bind="visible: hasSchools()">
<a href="#schools" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="schools" class="jls-listing-feature-hdr collapsed">
<h5 class="fancy">Schools</h5>
</a>
</div>
<div id="schools" data-bind="visible: hasSchools()" class="jls-listing-schools collapse">
<div class="row" style="padding-bottom: 10px" data-bind="visible: listing.schoolDistrict.name">
<div class="col-sm-3">
<label>School District</label>
</div>
<div class="col-xs-offset-1 col-sm-9 col-sm-offset-0 row">
<div class="col-xs-offset-0" data-bind="text: listing.schoolDistrict.name">Namies</div>
</div>
</div>
<div class="row" style="padding-bottom: 10px" data-bind="visible: schoolsFound">
<div class="col-sm-3 hidden-xs">
<label><strong>Grade Level</strong></label>
</div>
<div class="col-sm-9 col-sm-offset-0 ">
<div class="col-xs-7 col-sm-6 row">
<span><strong>School </strong><strong class="hidden-xs">Name</strong></span>
</div>
</div>
</div>
<div class="row" style="padding-bottom: 10px" data-bind="visible: listing.schoolDistrict.elementarySchool.name">
<div class="col-sm-3">
<span>Elementary</span>
</div>
<div class="col-xs-offset-1 col-sm-9 col-sm-offset-0 row">
<div class="col-xs-6 col-sm-6 row">
<span data-bind="text: listing.schoolDistrict.elementarySchool.name"></span>
</div>
</div>
</div>
<div class="row" style="padding-bottom: 10px" data-bind="visible: listing.schoolDistrict.middleSchool.name">
<div class="col-sm-3">
<span>Middle</span>
</div>
<div class="col-xs-offset-1 col-sm-9 col-sm-offset-0 row">
<div class="col-xs-6 col-sm-6 row">
<span data-bind="text: listing.schoolDistrict.middleSchool.name"></span>
</div>
</div>
</div>
<div class="row" style="padding-bottom: 10px" data-bind="visible: listing.schoolDistrict.highSchool.name">
<div class="col-sm-3">
<span>High</span>
</div>
<div class="col-xs-offset-1 col-sm-9 col-sm-offset-0 row">
<div class="col-xs-6 col-sm-6 row">
<span data-bind="text: listing.schoolDistrict.highSchool.name"></span>
</div>
</div>
</div>
</div>
<div style="padding: 0; margin: 0" data-bind="visible: listing.listingActivity">
<a href="#activity" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="schools" class="jls-listing-feature-hdr collapsed">
<h5 class="fancy">Property History</h5>
</a>
</div>
<div id="activity" data-bind="visible: listing.listingActivity" class="jls-listing-activity collapse">
<table class="table table-striped">
<thead>
<tr>
<th>Date</th>
<th>Description</th>
<th>Status</th>
<th>Price</th>
</tr>
</thead>
<tbody data-bind="source: displayListingActivity" data-template="listing-detail-activity-row-tmpl"></tbody>
</table>
</div>
<div id="details-street-view">
<a href="#street-view-contents" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="street-view-panel" class="jls-listing-feature-hdr collapsed" data-bind="events: {click: streetViewShow}">
<h5 class="fancy">Street View</h5>
</a>
<div id="street-view-contents">
<div id="street-view-panel" class="collapse jls-listing-detail-street-view-panel-contents">
<div id="street-view" style="height: 500px"></div>
</div>
<div id="street-view-panel-unavailable" class="collapse jls-listing-detail-street-view-panel-contents">
<strong class="jls-listing-activity col-sm-12 col-sm-offset-1">Google Street View is unavailable for this listing</strong>
</div>
</div>
</div>
<a id="loan-calculator" href="#calculator" role="button" data-toggle="collapse" aria-expanded="true" aria-controls="calculator" class="jls-listing-feature-hdr collapse">
<h5 class="fancy">Loan Calculator</h5>
</a>
<div id="calculator" class="collapse in" style="padding: 15px">
<div class="row">
<div class="col-sm-6">
<div role="form" class="form-horizontal">
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="homePrice">
Home Price
</label>
</div>
<div class="col-xs-9">
<input id="homePrice" data-step="1000" data-min="1000" data-role="numerictextbox" data-format="c0" data-bind="value: calc.homePrice" />
</div>
</div>
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="downPayment">
Down Payment
</label>
</div>
<div class="col-xs-9">
<input id="downPayment" data-step="1000" data-min="1000" data-role="numerictextbox" data-format="c0" data-bind="value: calc.downPayment" />
</div>
</div>
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="interestRate">Interest Rate*</label>
</div>
<div class="col-xs-9">
<input id="interestRate" data-min=".0001" data-max=".9999" data-decimals="4" data-step=".0001" data-role="numerictextbox" data-format="p" data-bind="value: calc.interestRate" />
</div>
</div>
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="loanTerm">Loan Term (yrs.)</label>
</div>
<div class="col-xs-9">
<input id="loanTerm" data-min="1" data-max="40" data-step="5" data-role="numerictextbox" data-format="n0" data-bind="value: calc.loanTerm" />
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div role="form" class="form-horizontal">
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="propertyTax">Property Tax/Yr.</label>
</div>
<div class="col-xs-9">
<input id="propertyTax" data-role="numerictextbox" data-format="c0" data-bind="value: calc.propertyTax" />
</div>
</div>
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="hoaDues">HOA Dues/Yr.</label>
</div>
<div class="col-xs-9">
<input id="hoaDues" data-role="numerictextbox" data-format="c0" data-bind="value: calc.hoaDues" />
</div>
</div>
<div class="form-group">
<div class="col-xs-3 text-right">
<label for="monthlyPayment">Payment</label>
</div>
<div class="col-xs-9">
<div id="monthlyPayment" style="font-weight: bold; margin-left: 12px" data-bind="text: calc.monthlyPayment"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div id="jls-sidebar" class="col-md-4">
<div class="jls-listing-detail-broker-contact">
<div id="jls-listing-broker-panel">
<div id="broker-info" data-bind="source:listing.jlsAccounts" data-template="broker-template">
</div>
<script type="text/x-kendo-tmpl" id="broker-template">
# var broker = jls.viewmodels.ListingDetailViewModel.getAccount(data) #
<div class="jls-broker-tile">
<div class="row">
# if (data && data.type && data.type != "Company") { #
<div class="col-xs-4">
<div class="jls-broker-image" style="position:relative; max-width:140px;">
<img class="img-responsive" alt="#= broker.displayName #" src="#= jls.viewmodels.ListingDetailViewModel.toBrokerProfilePicUrl(broker) #" style="width: auto">
# if (broker.videoUrl) { #
<p style="background: \\#000000; font-family:'Century Gothic'; font-size:14px; padding:0 6px;
color:white; margin-top:1px; font-weight:bold; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;">Video</p>
<img class="img-responsive" data-toggle="modal" onclick="profileVideoClickHandler(#= broker.brokerId #)" alt="play video" width="30" height="30" src="/Images/[email protected]" style="cursor:pointer; position: absolute; transform: translateY(-133%); right:-14px;">
# } #
</div>
</div>
<div class="col-xs-8">
<a href="#= broker.webSiteUrl #" target="_blank"><span class="jls-display-name">#: broker.displayName #</span></a>
<div>
<div> #: broker.officeName # </div>
<div>
<span> Direct:</span>
<strong>
<a href="tel:#: broker.phone #">#: broker.phone #</a>
</strong>
</div>
<a href="#= broker.webSiteUrl #" title="#= broker.webSiteUrl #" target="_blank"><i class="glyphicon glyphicon-globe"></i><span class="hidden-xs"> Website</span></a>
</div>
</div>
# } else { #
<div class="col-xs-12">
<div class="jls-broker-image" style="display: inline-block;">
<img class="img-responsive" alt="#= broker.displayName #" src="https://assets.jlscontent.com/images/corp/contacticon_shadow.png" style="width: auto; max-height: 59px;">
</div>
<div style="display: block; vertical-align: top; padding-left: 5px; font-size: 1em;">
<div class="jls-display-name" style="font-weight: bold; color: rgb(0, 99, 65);">Learn more about this property.</div>
<div>
<span>Call or text our friendly service team:</span><br/>
<strong>
<a href="tel:#: broker.phone #">#: broker.phone #</a>
</strong>
</div>
</div>
</div>
# } #
</div>
<div class="modal" id="video-container" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg jls-listing-detail-modal" role="document" style="width:100%; height: calc(100vh - 60px); margin-top:0; margin-bottom:0;">
<div class="modal-content jls-full-height" style="background: \\#000000;">
<div class="modal-header" style="background: \\#000000; padding-bottom: 4px; border: none;">
<div style="padding-left: 0; padding-right: 0; margin-top: 5px; color:white; " class="pull-left">
<h3 style="margin:0; padding:0;">Video</h3>
</div>
<div class="pull-right">
<button type="button" class="close jls-modal-close" onclick="modelHide()" aria-label="Close">
<span class="closeModal" aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body jls-full-height" style="max-height: calc(100vh - 125px); overflow-y: auto; overflow-x: hidden; padding: 0; background: \\#000000;">
<section class="embed-responsive embed-responsive-16by9 jls-video-padding">
<div>#= getIframe(broker) #</div>
</section>
</div>
</div>
</div>
</div>
</div>
</script>
</div>
<div id="jls-listing-cform-panel">
<div data-role="validator" id="brokerContactForm">
<div style="font-size: 1.1em; font-weight: 400; line-height: 1.3; margin-bottom: 15px">
<b>Request a Showing</b>
</div>
<div class="form-group">
<input name="Name" data-bind="value:requestInfo.name" class="form-control" type="text" placeholder="Name" required />
</div>
<form autocomplete="off">
<div class="form-group">
<input id="Phone" name="Phone" autocomplete="false" style="width: 100%;" data-bind="value:requestInfo.phone" class="form-control" type="tel" pattern="[\(]\d{3}[\)]\s?\d{3}[\-]\d{4}" data-role='maskedtextbox' data-mask="(999) 000-0000" placeholder="Phone" validationMessage="Please provide a valid Phone #">
<span class="k-invalid-msg" data-for="Phone"></span>
<div>
<span style="position: relative; top: 2px;">
<input id="jls-sms-checkbox" class="jls-checkbox" data-bind="checked:requestInfo.sendSms" type="checkbox" />
</span>
<label for="jls-sms-checkbox"><span style="position: relative; top: 0;">Send Text (SMS)?</span></label>
</div>
</div>
</form>
<div class="form-group">
<input name="Email" data-bind="value:requestInfo.email" class="form-control" type="email" placeholder="Email" data-email-msg="Email format is not valid" validationMessage="Please provide Phone or Email" />
</div>
<div class="form-group">
<textarea name="Message" data-bind="value: requestInfo.msg" class="form-control" placeholder="Message (optional)"></textarea>
</div>
<div id="tour-request" class="form-group">
<input id="tour-date" name="TourDate" data-role="datetimepicker" data-bind="value:requestInfo.scheduleTourDate" class="form-control pull-left" type="datetime-local" placeholder="Schedule a tour" style="width: 100%; white-space:pre-wrap;" validationMessage="Date and/or time is invalid" />
</div>
<span class='k-invalid-msg' data-for='TourDate'></span>
<div class="form-group">
<div id="recaptcha" class="g-recaptcha" style="display:inline-block;margin-top:15px"
data-sitekey="6LeRd2MUAAAAAJ58YBVUvmfcFIyB2YqXsSsJ6iH6"
data-callback="recaptchaCallback"></div>
</div>
<div class="form-group">
<button type="submit" data-bind="disabled:requestInfoWaiting, click:actionRequestInfo" class="jls-btn-submit btn btn-default jls-ldp-submit" style="width: 100%;">Send</button>
</div>
<div id="request-info-success" style="display:none; margin-top: 15px;" class="alert alert-success">
<strong>Success!</strong> Thank you for request... A broker will contact you shortly.
</div>
<div style="font-size:small;line-height:normal;padding-top:25px">
<p>
By submitting this form and signing up for Text/SMS, you consent to receive notifications regarding your
inquiry. Msg and data rates may apply. You may unsubscribe at anytime by replying STOP.
</p>
<p>
<a href="https://www.johnlscott.com/privacy-policy" target="_blank">Privacy Policy</a>
</p>
</div>
</div>
</div>
<script>
function recaptchaCallback(token) {
var viewModel = jls.viewmodels.ListingDetailViewModel.getInstance();
viewModel.captchaToken = token;
}
function modelHide() {
$('#video-container').modal('hide');
}
$(document).ready(function () {
$('#video-container').modal('hide');
});
$(document).on('hide.bs.modal', '#video-container', function () {
$("#profileVideo").attr("src", null);
})
function profileVideoClickHandler(id) {
$('#video-container').modal('show');
$("#profileVideo").attr("src", obj[id]);
}
var obj = {};
function getIframe(broker) {
broker.videoUrl += "?autoplay=1";
var iframe = "";
if (!(broker && broker.brokerId && broker.videoUrl)) {
return iframe;
}
try {
iframe += "<iframe id=\"profileVideo\" src=\"\" allow=\"autoplay\" allowfullscreen></iframe>"
}
catch (err) {
console.log(err)
}
obj[broker.brokerId] = broker.videoUrl;
return iframe;
}
</script>
</div>
<div class="jls-featured-tile-cont">
<div class="jls-featured-tile">
<div class="jls-featured-tile-hdr">
<img src="https://assets.jlscontent.com/images/corp/FNHW_logo_purple_2022_1000w.png" alt="Fidelity National Home Warranty logo"/>
</div>
<div class="jls-featured-tile-txt" style="height: 240px">
<span>No worries, we've got you covered.</span><br /><br />
Enjoy the peace of mind that comes with a home
protection plan from Fidelity National Home Warranty.
<a href="https://www.homewarranty.com/" target="_blank" alt="Learn more about Fidelity Home Warranties">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="row jls-disclaimer">
<div class="col-md-8">
<ul class="jls-disclaimer-list">
<li>
© 2025 John L. Scott. All rights reserved. Some John L. Scott offices are independently owned and operated.
</li>
<li>
John L. Scott specializes in Washington Real Estate, Oregon Real Estate, Idaho Real Estate and Siskiyou County, California Real Estate. Please use our interactive map and MLS listings to search for real estate.
</li>
<li>
All listings may not be displayed in a specific marketplace, as some Brokers or property owners may opt out.
</li>
<li>
School data is provided by <a target="_blank" href="https://www.greatschools.org/">GreatSchools</a> and is subject to GreatSchools terms of use. School data is provided only for general reference and should not be relied upon without your independent verification. John L. Scott is not affiliated with GreatSchools nor third party providers of service boundaries and does not warrant or guarantee the accuracy of the school data provided. To verify enrollment eligibility and related information, contact the school, school district, or relevant government agency directly.
</li>
</ul>
</div>
</div>
</div>
<script type="text/x-kendo-tmpl" id="features-template">
<a href="#= '\\#' + data.id #" role="button" data-toggle="collapse" aria-expanded="true" aria-controls="#= data.id #" class="jls-listing-feature-hdr"><h5 class="fancy">#= data.name #</h5></a>
<div class="row collapse in" id="#= data.id #">
# $.each(data.featureGroups, function(i, featureGroup){ #
<div class="col-sm-6">
# if(i % 2 == 0){ #
<ul style="list-style-type:none; padding: 5px 0 0 15px">
<li>
#= featureGroup.name #
<ul>
# $.each(featureGroup.features, function(x, feature){ #
<li>
#= feature.name #
</li>
# }) #
</ul>
</li>
</ul>
#} #
</div>
<div class="col-sm-6">
# if(i % 2 == 1){ #
<ul style="list-style-type:none; padding: 5px 0 0 15px">
<li>
#= featureGroup.name #
<ul>
# $.each(featureGroup.features, function(x, feature){ #
<li>
#= feature.name #
</li>
# }) #
</ul>
</li>
</ul>
#} #
</div>
# }) #
</div>
</script>
<script id="listing-detail-showings-tmpl" type="text/x-kendo-tmpl">
#var maxDates=2;#
#for (var i=0; i < Math.min(maxDates, data.listing.showings.length); i++) {#
#if (data.listing.showings[i].virtual) {#
<div >
<a data-index="#= i #"
onclick="jls.viewmodels.ListingDetailViewModel.clickVirtualLink(this);">
#: jls.domain.Convert.toOpenHouseTime(data.listing.showings[i])#
</a>
<button data-index="#= i #" onclick="jls.viewmodels.ListingDetailViewModel.clickVirtualLink(this);" class="primary" style="font-size: 9px; border-width: 0; border-radius: 15px; background-color: orange; color: white; padding: 0 4px;"><span>Virtual</span><span class="fa fa-play" style="font-size:6px; padding-left:5px"></span></button>
</div>
#}#
#if (!data.listing.showings[i].virtual) {#
<div>
#: jls.domain.Convert.toOpenHouseTime(data.listing.showings[i])#
</div>
#}#
#};#
#if (data.listing.showings.length > maxDates) {#
<div>
<button id="more-showings-btn" class="btn btn-link" data-toggle="collapse" data-target="\\#more-showings" onclick="$(this).hide()">#: data.listing.showings.length-maxDates# more...</button>
</div>
<div id="more-showings" class="collapse">
#for (var j=maxDates; j < data.listing.showings.length; j++) {#
#if (data.listing.showings[j].virtual) {#
<div>
<a data-index="#= j #"
onclick="jls.viewmodels.ListingDetailViewModel.clickVirtualLink(this);">
#: jls.domain.Convert.toOpenHouseTime(data.listing.showings[j])#
</a>
<button data-index="#= j #" onclick="jls.viewmodels.ListingDetailViewModel.clickVirtualLink(this);" class="primary" style="font-size: 9px; border-width: 0; border-radius: 15px; background-color: orange; color: white; padding: 0 4px;"><span>Virtual</span><span class="fa fa-play" style="font-size:6px; padding-left:5px"></span></button>
</div>
#}#
#if (!data.listing.showings[j].virtual) {#
<div>
#: jls.domain.Convert.toOpenHouseTime(data.listing.showings[j])#
</div>
#}#
#}#
<div>
<button id="less-showings-btn" class="btn btn-link" data-toggle="collapse" data-target="\\#more-showings" onclick="$('\\#more-showings-btn').show()">less...</button>
</div>
</div>
#};#
</script>
<script type="text/x-kendo-tmpl" id="carousel-thumbnail-template">
<div class="jls-thumbnail-wrapper">
<img class="jls-thumbnail-pin" src="https://assets.jlscontent.com/images/corp/thumb-tack.png"
style="height: 30px; width: 30px; position: absolute; visibility: hidden"
data-index="#= data.index #"
onclick="jls.viewmodels.ListingDetailViewModel.actionPhotoThumbnailOnClick(this);" />
<img src="#= jls.viewmodels.ListingDetailViewModel.thumbnailOverlaySrc(data) #"
style="height: 30px; width: 30px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; visibility: #= jls.viewmodels.ListingDetailViewModel.thumbnailOverlayVisibility(data) #"
data-index="#= data.index #"
onclick="jls.viewmodels.ListingDetailViewModel.actionPhotoThumbnailOnClick(this);" />
<div class="jls-thumbnail"
style="background-image: url(#= data.thumbnail #)"
data-index="#= data.index #"
onmouseover="jls.viewmodels.ListingDetailViewModel.actionPhotoThumbnailMouseOver(this);"
onclick="jls.viewmodels.ListingDetailViewModel.actionPhotoThumbnailOnClick(this);"></div>
</div>
</script>
<script id="listing-detail-activity-row-tmpl" type="text/x-kendo-tmpl">
<tr>
<td data-bind="text: date" data-format="dd-MM-yyyy"></td>
<td data-bind="text: eventName"></td>
<td data-bind="text: statusName"></td>
<td data-bind="text: price" data-format="C0"></td>
</tr>
</script>
<script>
$(document).ready(function () {
$("#show-video").css("display", "none");
});
$("#jls-thumbnails").on('click', function () {
$("#show-video").css("display", "none");
$("#fotorama").css("display", "block");
});
var frame = $('iframe');
function stopVideo() {
// sets the source to nothing, stopping the video
frame.attr('src', '');
}
$('#jls-thumbnails').on('click', function (e) {
stopVideo();
});
$('#add-border').on('mouseover', function (e) {
$("#add-border").addClass("jls-thumbnail-selected");
$(".jls-thumbnail").removeClass("jls-thumbnail-selected");
});
$('#details-view-container').on('hidden.bs.modal', function (e) {
stopVideo();
});
$('#details-msg-banner').on('click', function () {
let chkModalTop = $('.modal-content .jls-full-height').scrollTop();
$('.modal-content .jls-full-height').animate({
scrollTop: $('#jls-listing-broker-panel').offset().top + (chkModalTop - 225)
}, 500);
let chkLDPTop = $('body').scrollTop();
$('body').animate({
scrollTop: $('#jls-listing-broker-panel').offset().top + (chkLDPTop - 120)
}, 500);
});
</script>
</div>
</div>
</div>
</div>
</div>
<div style="z-index:1055;" class="modal fade" id="favorite-details-container" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog ">
<div class="modal-content">
<div style="padding-bottom:4px;" class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="closeModal" aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Edit Favorite</h4>
</div>
<div class="modal-body">
<input data-bind="value: favorite.rating" id="favorite-rating" type="number" class="rating" min=0 max=5 step=1>
<div class="from-group">
<label>Notes</label>
<textarea class="form-control" style="color:\\#888888;" data-bind="value:favorite.notes"> </textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button data-bind="click: saveFavorite" type="button" class="btn btn-success">Save <i data-bind="visible:waiting" class="fa fa-spinner fa-spin"></i></button>
</div>
</div>
</div>
</div>
<div id="saved-search-container" class="modal fade" tabindex="-1" role="dialog" style="height: 100%">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="padding-bottom: 4px;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="closeModal" aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Save <span data-bind="invisible:search.id">New</span> Search</h4>
</div>
<div class="modal-body">
<div class="row" style="display: none" data-bind="visible:search.id">
<div class="col-sm-6">
<label>
<input id="saveas_old" name="saveAs" type="radio" data-type="boolean" data-bind="checked: saveAs" value="false"> Update existing search
</label>
</div>
<div class="col-sm-6">
<label>
<input id="saveas_new" name="saveAs" type="radio" data-type="boolean" data-bind="checked: saveAs" value="true"> Save as new search
</label>
</div>
</div>
<div>
<div class="form-group">
<label for="search_name">Name</label>
<input id="search_name" class="form-control" type="text" data-bind="value:search.name" maxlength="75" placeholder="Enter a descriptive name" required />
</div>
<div class="form-group">
<label for="search_notes">Notes</label>
<textarea id="search_notes" class="form-control" maxlength="2048" rows="2" style="width: 100%; margin: 1px" data-bind="value:search.notes" placeholder="Enter any notes about what you are looking for or what you have found"></textarea>
</div>
</div>
<hr />
<div class="row">
<div class="col-xs-8 col-sm-6">
<img class="img-responsive" src="https://assets.jlscontent.com/images/corp/newListingNotifications_Logo_blacktext.png" alt="New Listing Notifications" />
</div>
<div class="col-xs-4 col-sm-6">
<div class="pull-right">
<input id="search_notifyEnabled" type="checkbox" data-toggle="toggle" data-onstyle="success" data-bind="checked:search.notifyEnabled"/>
</div>
</div>
</div>
<div class="row" data-bind="visible:search.notifyEnabled">
<div class="col-xs-12">
<br/>
<div>
<div class="pull-left">
Notify me of new listings
</div>
<div class="pull-left">
<select id="search_notifyFrequency"
data-bind="source: notifyFrequencies, value: search.notifyFrequency"
data-text-field="name"
data-value-field="frequency"></select>
</div>
<div class="pull-left" style="margin-left: 15px">
<div>
<input id="search_notifyByEmail" type="checkbox" data-bind="checked:search.notifyByEmail"/>
<label for="search_notifyByEmail">Email</label>
</div>
<div>
<input id="search_notifyBySms" type="checkbox" data-bind="checked:search.notifyBySms"/>
<label for="search_notifyBySms">
Text/SMS
<span data-bind="visible:profile.phone">
(<span data-bind="text:profile.phone"></span>)
</span>
</label>
<span data-bind="invisible:profile.phone">
<input type="tel" data-role="maskedtextbox" data-mask="(999) 000-0000" size="16" maxlength="16" placeholder="Enter mobile phone #" data-bind="value:profile.phone" />
</span>
</div>
</div>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-xs-6">
<img class="img-responsive" src="https://assets.jlscontent.com/images/corp/marketInsights_logo_blacktext.png" alt="Market Insights"/>
</div>
<div class="col-xs-6">
<div class="pull-right">
<input id="search_marketInsightsEnabled" type="checkbox" data-toggle="toggle" data-onstyle="success" data-bind="checked:search.marketInsightsEnabled"/>
</div>
</div>
</div>
<div class="row" data-bind="visible:search.marketInsightsEnabled">
<div class="col-xs-12">
<br/>
<div>
<div class="pull-left">
MarketInsights emails are sent at the beginning of every month.
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" data-bind="click: save">Save <i data-bind="visible:waiting" class="fa fa-spinner fa-spin"></i></button>
</div>
<div style="font-size:smaller;padding:15px">
<p>
By submitting this form and signing up for Text/SMS, you consent to receive notifications regarding
new listings in your search area. Msg and data rates may apply. You may unsubscribe from all
new listing notifications at anytime by replying STOP, or by unchecking the Text/SMS option and resubmitting this page.
</p>
<p>
<a href="https://www.johnlscott.com/privacy-policy" target="_blank">Privacy Policy</a>
</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="email-share-container" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog ">
<div class="modal-content">
<div style="padding-bottom:4px;" class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="closeModal" aria-hidden="true">×</span>
</button>
<h4 data-bind="text:title" class="modal-title"></h4>
</div>
<div class="modal-body" data-role="validation">
<div class="form-group">
<label>Your Email<small>*</small></label>
<input id="email-from" name="YourEmail" type="email" class="form-control" data-bind="value: emailShare.from" tabindex="20" readonly>
</div>
<div class="form-group">
<label>Your Name<small>*</small></label>
<input id="name-from" name="YourName" type="text" class="form-control" data-bind="value: emailShare.fromName" placeholder="Enter your name" tabindex="10" required>
</div>
<div class="form-group">
<label>To<small>*</small></label>
<input id="email-to" name="EmailTo" type="email" class="form-control" data-bind="value: emailShare.to" placeholder="[email protected]" tabindex="30" required>
</div>
<div class="form-group">
<label>Message</label>
<em>
<textarea id="message" name="Message" class="form-control" data-bind="value: emailShare.msg" placeholder="Add your personal message here" rows="5" tabindex="40"></textarea>
</em>
</div>
<span class="form-group"><small>* Required</small></span>
</div>
<script>
function onEmailShareSubmit(token) {
console.log('debug 0');
var viewModel = jls.viewmodels.EmailShareViewModel.getInstance();
viewModel.emailShare.recaptchaToken = token;
}
</script>
<div class="modal-footer">
<span id="email-share-recaptcha" class="g-recaptcha"
data-sitekey="6LeRd2MUAAAAAJ58YBVUvmfcFIyB2YqXsSsJ6iH6"
data-callback="onEmailShareSubmit"
style="float: left"></span>
<div style="margin-top: 30px">
<button type="button" class="btn btn-default" data-dismiss="modal" tabindex="50">Cancel</button>
<button id="submit"
class="btn btn-primary"
data-bind="click: actionShare"
tabindex="60">
Send <i data-bind="visible:waiting" class="fa fa-spinner fa-spin"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<style>
#market-insights-view-container { counter-reset: insight-section; }
#market-insights-view-container li {
counter-increment: insight-section;
list-style: none;
font-size: larger;
padding-top: 9px;
padding-bottom: 9px;
}
#market-insights-view-container li:before {
content: counter(insight-section);
color: white;
background-color: rgba(0, 99, 65, 0.49);
border-radius: 50%;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
}
#market-insights-view-container li span { margin-left: 5px; }
</style>
<div class="modal" id="market-insights-view-container" tabindex="-1" role="dialog">
<div class="modal-dialog jls-market-insights-modal" style="width: 700px">
<div class="modal-content jls-full-height">
<div style="border-bottom: none; border-bottom: none; color: #fff; background: #006341; border-radius: 5px 5px 0 0; padding-left: 26px" class="modal-header">
<h4>Build a Market Insights Report - 3 Easy Steps</h4>
</div>
<div style="overflow-y: auto; overflow-x: hidden; border-top: 1px solid #e5e5e5;" class="modal-body jls-full-height">
<div class="container">
<div class="row">
<ol class="col-md-7" style="font-weight: 500">
<li>
<span>Refine your search using criteria and/or draw a polygon boundary</span>
<div style="display: inline-block; background: #333; opacity: .46; height: 36px; width: 36px; padding: 3px; border-radius: 3px"><img style="width: 100%" src="https://assets.jlscontent.com/images/corp/polygonTool_icon_wt.png" /></div>
</li>
<li style="padding-bottom: 20px">
<span>Select a "Save" button after zooming in to see properties</span>
</li>
<li>
<span>Add a Search Name, turn on Market Insights and finish saving</span>
</li>
</ol>
</div>
<div class="row">
<div class="col-md-7" style="font-style: italic; font-size: smaller">
<p>
* Status settings from your Saved Search are not used in the Market Insights Report, as all
listings available are used. Criteria settings for Favorites, Open Houes, Bank Owned, Sold Range
and Time on Market are ignored when generating the report.
</p>
<p>
All Saved Search settings are used, when running the search outside of a Market Insight Report.
</p>
</div>
</div>
<div class="row">
<div class="col-md-7">
<button class="jls-btn-submit btn btn-default pull-right">Got it</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/x-kendo-tmpl" id="listing-popup-tmpl">
<div class="container-fluid jls-map-infowindow" style="cursor:pointer; padding-right:0; overflow:hidden;">
<div data-listing-id="#= data.id #" class="row">
<div style="padding:0" class="col-xs-2">
<div class="jls-icon-md #= data.icon.cls # "></div>
</div>
<div class="col-xs-8">
<div style="padding-top:3px;"><strong> #= data.price ? kendo.toString(data.price, "c0") : "" # </strong></div>
</div>
<div style="padding:0;" class="col-xs-2 jls-fav-icon">
# if(data.favorite){#
<a href="\\#"><i class="fa fa-heart"></i></a>
#} else { #
<a href="\\#"><i class="fa fa-heart-o"></i></a>
#}#
</div>
</div>
<div class="row jls-infowindow-address">
<div>
# if (data.showAddress) { #
<strong> #= data.address.street #, #= data.address.city #</strong>
# } else { #
<strong>Undisclosed address</strong>
# } #
</div>
</div>
<div class="row">
<div style="padding:0; position: relative;" class="col-xs-6">
# if(data.mainPhoto === null || data.mainPhoto.thumbnail === null) { #
<i style="background-color: \\#dadada; color: \\#b5b5b5; font-size:xx-large; height:100px; margin-right:10px; padding-top:22%; text-align:center; width:140px" class="fa fa-home"></i>
# } else { #
<div class="jls-listing-row-thumb"
style="background-image:url(#= data.mainPhoto.thumbnail #)">
</div># }
if (data.iconKey.toLowerCase().indexOf('tour') > -1) { #
<div style="margin-top: -15px; height:15px; opacity: 0.7;
background-color: \\#000000; min-width: 100px;
max-width: 162px; color: \\#ffffff; "><div style="font-size:10px; padding-left:3px; ">Virtual Tour</div></div>
# } #
<div class="jls-info-window-waiting-overlay"
style="height:100%; width:100%;
z-index:10;
opacity:.7;
top:0;
left: 0;
position: absolute;
background-color: \\#e6eee6;
display: none;
">
<i style="margin-top:30%; margin-left:50%; color: \\#006341;" class="fa fa-lg fa-spinner fa-spin"></i>
</div>
</div>
<div style="padding: 0 0 0 5px;" class="col-xs-6">
<div class="col-xs-6 " style="padding-left:0">
# if(data.beds) { #
<div>Beds: </div>
# } #
# if(data.baths) { #
<div>Baths: </div>
# } #
# if(data.sqft) { #
<div>SF: </div>
# } #
# if(data.lotSize && jls.domain.Convert.stringToPropertyType(data.propertyType) != jls.domain.PropertyType.CondoOrTownhouse) {
if (data.acreage)
{ #
<div>Lot acre: </div>
# } else { #
<div>Lot SF: </div>
# }
} #
<p></p>
<div class="text-nowrap">MLS \\# #= data.mlsListingId # </div>
<div class="text-nowrap" style="letter-spacing:-1px; padding-top: 5px">
# if (data.mls && data.mls.name !== null) { #
Listing courtesy of #: data.mls.name #
#}#
</div>
</div>
<div class="col-xs-6" style="padding-left:0; padding-right:0">
# if(data.beds) { #
<div> <strong>#= data.beds #</strong></div>
# } #
# if(data.baths) { #
<div><strong>#= data.baths #</strong></div>
# } #
# if(data.sqft) { #
<div><strong>#= kendo.toString(data.sqft, "n0") #</strong></div>
# } #
# if(data.lotSize && jls.domain.Convert.stringToPropertyType(data.propertyType) != jls.domain.PropertyType.CondoOrTownhouse) {
if (data.acreage)
{ #
<div><strong>#= kendo.toString(data.lotSize, "n2" ) #</strong></div>
# } else { #
<div><strong>#= kendo.toString(data.lotSize, "n0" ) #</strong></div>
# }
} #
<p></p>
</div>
</div>
</div>
<div>
# if (data.showings && data.showings.length > 0) { #
<span class="row" style="padding-top:5px; float: left">
<div class="col-xs-12">
<b>
OPEN #= jls.domain.Convert.toOpenHouseTime(data.showings[0]) #
</b>
#if (data.showings.length>1) {#
(#: data.showings.length-1 # more)
#}#
</div>
</span>
#}#
</div>
</div>
</script>
<script type="text/x-kendo-tmpl" id="office-popup-tmpl">
<div class="container-fluid jls-map-infowindow" style="cursor:pointer">
<div class="row" data-office-alias="#= office.alias #" style="padding-bottom: 5px">
<div style="padding:0" class="col-xs-1">
<div class="jls-icon-md #= data.icon.cls #"></div>
</div>
<div class="col-xs-9">
<div style="padding-top:3px;"><strong>#= office.name #</strong></div>
</div>
</div>
<div class="row" style="padding-top: 5px; border-top: 1px solid \\#ddd">
<div style="padding:0" class="col-xs-6">
# if (office.imageUrl) { #
<img class="jls-map-infowindow-img" src="#= office.imageUrl #" />
# } #
</div>
<div class="col-xs-6" style="font-weight: 500">
<address style="margin-bottom: 10px">
<div> #: office.location.address # </div>
<div> #: office.location.address2 # </div>
<div> #: office.location.city #, #: office.location.stateCode # #: office.location.zip # </div>
</address>
<div>
# if (office.phones && office.phones.length ){ #
<a href="tel:#= office.phones[0].number #"><i class="fa fa-phone" aria-hidden="true"></i> #= office.phones[0].number # </a>
# } #
</div>
<div>
<a target="_blank" href="http://www.#: office.alias #.johnlscott.com/">
<i class="glyphicon glyphicon-globe"></i> Website
</a>
</div>
<div>
<a target="_blank" href="##" onclick="jls.viewmodels.SearchViewModel.officeDirections('#: office.alias #'); return false;">
<i class="fa fa-compass"></i> Directions
</a>
</div>
<div>
<a target="_blank" href="##" onclick="window.open('http://www.#: office.alias #.johnlscott.com/?p=agentresults.asp'); return false;">
<i class="fa fa-users"></i> Agent Roster
</a>
</div>
</div>
</div>
</div>
</script>
<script type="text/x-kendo-tmpl" id="jls-search-suggestion-tmpl">
<div data-uid='#:uid#'>
#:value #
</div>
</script>
<script type="text/x-kendo-tmpl" class="jls-search-select-dialog-tmpl">
<div class="modal fade" id="jls-search-select-dialog" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">May we suggest?</h4>
</div>
<div class="modal-body">
<div id="jls-search-suggestion-list"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</script>
<script type="text/x-kendo-tmpl" class="jls-search-no-match-dialog-tmpl">
<div class="modal fade" id="jls-search-no-match-dialog" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Oops!</h4>
</div>
<div class="modal-body">
<p>
We couldn't find '<span>placeholder</span>'.
Please check the spelling or try formatting similar to these examples:
</p>
<ul>
<li>Address: '123 Main St, Seattle, WA'</li>
<li>Zip: '98115'</li>
<li>City: 'Seattle' or 'Seattle, WA'</li>
<li>MLS number: '14-1802'.</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</script>
</div>
</div>
</main>
</div>
<footer class="jls-footer">
<div id="popup-anchor-search"></div>
<div class="jls-sliding-footer-tab" style="opacity: 0.8; text-align: center">
<i id="footer-tab-icon" class="fa fa-md fa-caret-up" style="width: 30px; position: relative; top: -3px;"></i>
</div>
<div class="jls-ask-me container-fluid">
<div class="row">
<div class="col-xs-12">
<h1>
<strong>Ask me</strong> your real estate questions.
</h1>
</div>
</div>
<div class="row">
<div class="col-md-push-3 col-md-6 col-xs-12">
<div class="jls-agent container-fluid">
<div class="row">
<div id="#agent-photo-container" class="jls-agent-image col-xs-5 text-right" style="visibility: hidden;">
<img id="agent-photo" alt="Ryan Kent Smith | John L. Scott Real Estate | Anacortes" class="agent-photo" src="https://assets.jlscloud.net/account/ryankentsmith.png" />
</div>
<div id="agent-signature-data" class="jls-agent-contact col-xs-7">
<h2 class="jls-agent-name"><strong>Ryan Kent Smith</strong></h2>
<p>Innovation in Marketing, Integrity in Service</p>
<a href="tel:360-865-1798"><span><i class="fa fa-phone" aria-hidden="true"></i></span><strong> 360-865-1798</strong></a>
<a href="/contact"><span><i class="fa fa-envelope" aria-hidden="true"></i></span> Send a message</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
© 2025 John L. Scott. All rights reserved. Some John L. Scott offices are independently owned and operated. |
<a href="/privacy-policy">Privacy Policy</a> | <a href="/dmca-notice">DMCA Notice</a> | <a href="/accessibility">Accessibility</a> |
<span style="white-space: nowrap;"><i class="equal-housing-opportunity"> </i>Equal Housing Opportunity.</span>
</div>
</div>
</div>
</footer>
<script>
$(function () {
if ($('#search-container').length) {
var footerHeight = $('.jls-footer').outerHeight();
$('.jls-sliding-footer-tab').css({ display: 'block', position: 'absolute', top: -12 });
$('.jls-footer').css({ position: 'fixed', width: '100%', bottom: -footerHeight });
$('.jls-footer').click(function () {
var footerHeight = $('.jls-footer').outerHeight();
if ($(this).hasClass("footer-toggle")) {
$(this).stop().css({ bottom: -footerHeight });
$(this).find('#footer-tab-icon').attr('class', 'fa fa-md fa-caret-up');
} else {
$(this).stop().css({ bottom: 0 });
$(this).find('#footer-tab-icon').attr('class', 'fa fa-md fa-caret-down');
}
$(this).toggleClass("footer-toggle");
});
// search resize - find footer height, adjust footer position
$(window).resize(function () {
clearTimeout(this.pos);
this.pos = setTimeout(footerResizing, 100);
});
function footerResizing() {
var footerHeight = $('.jls-footer').outerHeight();
if ($('.jls-footer:not(.footer-toggle)').length) {
$('.jls-footer').css({ bottom: -footerHeight });
}
}
}
});
</script>
</div>
<script src="//assets.jlscontent.com/libs/fastclick-1.0.6/fastclick.js"></script>
<script src="//kendo.cdn.telerik.com/2015.2.624/js/kendo.web.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/history.js/1.8/native.history.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?v=3.33&libraries=geometry,drawing,places&key=AIzaSyBH5tJcQFPThm8YkVM8-6mHgJDsfPoYXjk"></script>
<script src="//www.google-analytics.com/analytics.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<script type="text/javascript" src='/app/app-js.js?v=cRTyHzfhLeMpZsadS7j720v-Z5Py1J8tGUqIMgboYyg'></script>
<script type="text/javascript" src='/app/app-ts.js?v=-db1lT8LJ93alRKSNb7ps0je4DFqt3qt0s2NJ-10cU0'></script>
<script type="text/javascript" src='/lib/lib.js?v=DHpJexi8veFW9zx0HbTEw7FhQaCAD9lk2Go91xHme7Q'></script>
<script type="text/javascript">
window.app = new App();
window.app.publicApiKey = 'E149CCA9-C85C-48B5-A70B-00779AA83C47';
window.app.publicApiUrl = 'https://public-api.johnlscott.com/';
window.app.enablePT = true;
window.app.isDefaultDomain = true;
window.app.facebookAppId = '1465885807054497';
window.app.owner = 'ryankentsmith';
window.app.maxListingDetailPageViews = null;
window.app.load();
window.app.registerAnalytics('UA-77727565-1', 'jlslabsTracker');
if ('U2-XYZABC98-C' !== '' && 'U2-XYZABC98-C' !== 'U2-XYZABC98-C') {
window.app.registerAnalytics('U2-XYZABC98-C');
}
jls.facebook.init('1465885807054497');
$(document).ready(function () {
var ua = navigator.userAgent.toLowerCase();
let android = ua.indexOf('android') > -1;
let ios = navigator.userAgent.match(/iPhone|iPad|iPod/i);
if (!(window.location.href.indexOf("/mobile") > -1)) {
$.smartbanner ({
//force: "android",
layer: false,
title: "John L. Scott Home Search",
author: "John L. Scott, Inc.",
hideOnInstall: true,
pushSelector: "html",
icon: "https://assets.jlscontent.com/images/corp/appicon200px_noborder.png",
slidingFooterSelector: ".jls-sliding-footer"
});
if (android) {
$.smartbanner({ url: "https://play.google.com/store/apps/details?id=com.johnlscott.mobile.client" });
} else if (ios) {
$.smartbanner({ url: "https://apps.apple.com/us/app/john-l-scott-home-search/id466970465" });
}
}
});
</script>
<script>
(function () {
var input = document.getElementById('jls-quick-search-panel');
var pageId = document.getElementById('jls-site-page');
if (pageId) {
input.parentNode.removeChild(input);
}
})();
</script>
<script src="/app/page/search.js?v=y7uU5jtnIl18Zn9A0FWlKDrAR6tjWMDts0KZwwuzuJQ"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.1/jquery.scrollTo.min.js"></script>
<script type="text/javascript">
jls.Search.searchMaxIEResults = '500';
jls.Search.searchMaxResults = '600';
// search resize - track Criteria and List View sidebars and adjust for window resize
$(window).resize(function () {
clearTimeout(this.panelPos);
this.panelPos = setTimeout(panelResizing, 100);
});
function panelResizing() {
var criteriaWidth = $('.jls-search-criteria-container').width();
var listingWidth = $('.jls-list-view-container').width();
var criteriaTranslateX = parseInt($('.jls-search-criteria-container').css('transform').split(',')[4]);
//List View panel
if ($('#map-container').hasClass('jls-full-width')){
$('.jls-list-view-container').css('transform', 'translateX(' + listingWidth + 'px)');
}
//Criteria panel
if (criteriaTranslateX != 0){
$('.jls-search-criteria-container').css('transform', 'translateX(-' + criteriaWidth + 'px)');
}
}
// Init the bootstrap tooltip js
$(function () {
$('[data-toggle="tooltip"]').tooltip({html:true});
})
</script>
<script src="https://jls-assets-prod.s3-us-west-2.amazonaws.com/scripts/home_valuation_promo4.js?v=4.0"></script>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TLV4SLQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> <!-- google tag manager -->
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=585021778349386&ev=PageView&noscript=1" /> <!-- facebook pixel -->
</noscript>
<script type="text/javascript" src='/app/body-js.js?v=sz4UOFCe-QQy402h09b5XGTScccVOpaYTngJJk3HjFo'></script>
</body>
</html>
Whois info of domain
Domain Name: SFBNK.COM
Registry Domain ID: 2833115033_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2024-11-28T09:23:11Z
Creation Date: 2023-11-27T18:27:44Z
Registry Expiry Date: 2025-11-27T18:27:44Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS19.DOMAINCONTROL.COM
Name Server: NS20.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-06T21:00:32Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass