


<!DOCTYPE html>
<html>
<head>
  
    
    <meta charset="utf-8">
    <meta name="theme-color" content="#19975d">
    
    <meta name="msvalidate.01" content="68022CCBA99514E28D9C825C3B4D4BA6" />
    
    
    
  
      
  

  
  
    
  

  <meta property="og:site_name" content="Nextdoor"/>
  <meta property="fb:app_id" content="114611681929998"/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="/agency-detail/tx/midlothian/midlothian-police-department/"/>
  <meta property="og:image" content="https://d3926qxcw0e1bh.cloudfront.net/post_photos/55/43/554329f3177809fbeec63606b2a8477b.jpg"/>
  <meta property="og:title" content="HURRICANE HARVEY RESPONSE (Midlothian Police Department) | Nextdoor"/>
  <meta property="og:description" content="This is from the Preparing Texas site... www.preparingtexas.org

Hurricane Harvey will have a lasting impact on the Gulf Coast of Texas. National VOAD members will be there providing relief and recovery for years to come, and will need your assistance.
Financial Donations: If you are an individual, please remember that CASH IS BEST at this time. Please donate to a Texas VOAD Member or a National VOAD Member to help those affected by Hurricane Harvey.
We have also included an in-kind donation form for individuals, that can be found here. If you are a company seeking to donate goods to the Hurricane Harvey Response efforts, please fill out the form located on the Corporate Donations page. This information will be sent to the appropriate parties as needs arise.

If you would like to volunteer for a National VOAD member organization, please visit the Volunteer page HERE"/>
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@nextdoor" />
  <meta name="twitter:title" content="HURRICANE HARVEY RESPONSE (Midlothian Police Department) | Nextdoor" />
  <meta name="twitter:description" content="This is from the Preparing Texas site... www.preparingtexas.org

Hurricane Harvey will have a lasting impact on the Gulf Coast of Texas. National VOAD members will be there providing relief and recovery for years to come, and will need your assistance.
Financial Donations: If you are an individual, please remember that CASH IS BEST at this time. Please donate to a Texas VOAD Member or a National VOAD Member to help those affected by Hurricane Harvey.
We have also included an in-kind donation form for individuals, that can be found here. If you are a company seeking to donate goods to the Hurricane Harvey Response efforts, please fill out the form located on the Corporate Donations page. This information will be sent to the appropriate parties as needs arise.

If you would like to volunteer for a National VOAD member organization, please visit the Volunteer page HERE" />
  <meta name="twitter:image:src" content="https://d3926qxcw0e1bh.cloudfront.net/pages_photos/c8/8a/c88acab078437dd7ea201c42c7559d3e.jpg" />


    
  <meta name="description" content="
    
      This is from the Preparing Texas site... www.preparingtexas.org

Hurricane Harvey will have a lasting impact on the Gulf Coast of Texas. National VOAD members will be there providing relief and recovery for years to come, and will need your assistance.
Financial Donations: If you are an individual, please remember that CASH IS BEST at this time. Please donate to a Texas VOAD Member or a National VOAD Member to help those affected by Hurricane Harvey.
We have also included an in-kind donation form for individuals, that can be found here. If you are a company seeking to donate goods to the Hurricane Harvey Response efforts, please fill out the form located on the Corporate Donations page. This information will be sent to the appropriate parties as needs arise.

If you would like to volunteer for a National VOAD member organization, please visit the Volunteer page HERE
    ">

    <meta name="keywords" content="Nextdoor">
    <meta name="author" content="Nextdoor">
    
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    
    
    
  

  <title>
    
  HURRICANE HARVEY RESPONSE (Midlothian Police Department) | Nextdoor

  </title>

  
  
  
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js/libs/third-party/jquery.cookie.js" type="text/javascript"></script>
<script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js/libs/third-party/underscore-min.js" type="text/javascript"></script>
<script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js/libs/third-party/jquery.xdomainrequest.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function() {
       nd.flaskTrack.initialize('tracking.nextdoor.com', '2', '2188-411d617a96db607c', '', 'US');
       nd.flaskTrack.initializeUtmTracking('agency_public_page');
       
       nd.flaskTrack.view('agency_public_page');
    });
</script>

  
    
    
    <link rel="icon" type="image/png" href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/favicons/favicon-v2.ico" />
    
  
  
      <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/bootstrap.css" type="text/css" rel="stylesheet" media="screen, print" property="stylesheet"/>
      <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/responsive.css" type="text/css" rel="stylesheet" media="screen" property="stylesheet"/>
      <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/main.css" type="text/css" rel="stylesheet" media="screen, print" property="stylesheet"/>

      <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/css/third_party/fancybox/jquery.fancybox-1.3.4.css" type="text/css" rel="stylesheet" media="screen, print" property="stylesheet"/>
      <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css/select2/select2.css" type="text/css" rel="stylesheet" media="screen, print" property="stylesheet"/>

      
  <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/fonts.css" type="text/css" rel="stylesheet" media="screen" property="stylesheet"/>

      
  

      
  

      
  

      <!--[if lt IE 10]>
        <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/ie.css" type="text/css" rel="stylesheet" media="screen" property="stylesheet"/>
      <![endif]-->
    
  <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/pages.css" type="text/css" rel="stylesheet" media="screen, print" property="stylesheet"/>

  <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/logged-out.css" type="text/css" rel="stylesheet" media="screen" property="stylesheet"/>

    
      <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/mobile.css" type="text/css" rel="stylesheet" media="screen" property="stylesheet"/>
    

    <link rel="apple-touch-icon" href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/favicons/apple-touch-icon.png" />
      <link rel="apple-touch-icon" href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/favicons/apple-touch-icon-57-57.png" sizes="57x57" />
      <link rel="apple-touch-icon" href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/favicons/apple-touch-icon-72-72.png" sizes="72x72" />
      <link rel="apple-touch-icon" href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/favicons/apple-touch-icon-114-114.png" sizes="114x114" />
      <link rel="apple-touch-icon" href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/favicons/apple-touch-icon-144-144.png" sizes="144x144" />
    

    
    <script type="text/javascript" src="/jsi18n/?language=en"></script>
    <script type="text/javascript">use_js_translation=true;</script>

    

<script>
  var STATIC_CONTENT_HOST = 'https://d19rpgkrjeba2z.cloudfront.net';
  var STATIC_URL_PREFIX = 'https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c';
  var WEBPACK_URL_PREFIX = 'https://d19rpgkrjeba2z.cloudfront.net/static/gen/';
  var SOCKET_URL_HOST = 'https://sockets.nextdoor.com';
  var GOOGLE_MAPS_URL = '//maps.googleapis.com/maps/api/js?v=3&amp;language=en_US&amp;key=AIzaSyCAnrc5gWFGzDMaxhr1_S79jWDzBYM5ZD4&amp;libraries=drawing,geometry,places,visualization';
  var CURRENT_COUNTRY = 'US';
  var CURRENT_LOCALE = 'en_US';
  var ENVIRONMENT = 'prod';
  var BRANCH_KEY = 'key_live_club3XDUGY8auziJWkvcWkmgwAeD662U';
  var RECAPTCHA_SITE_KEY = '6Le0CwQTAAAAALyJ7P66MxwicbE1DjcCz_HfNE-b';
  
    
    var CSRFTOKEN = 'XwFhGUjgHyHR0BG5K60YW1cjOoJJpZvJ0FCW1E6DatNAgdgM6VFiL7KNg5ooF6yP';
  
  var HELPDESK_PORTAL_BASE = 'https://help.nextdoor.com/customer/en/portal';
</script>

<script src="https://d19rpgkrjeba2z.cloudfront.net/static/gen/runtime_5137d0448aebffda2b5c.js" type="text/javascript"></script>
<script src="https://d19rpgkrjeba2z.cloudfront.net/static/gen/vendor_c1b17e1b7793dfa2a85a.js" type="text/javascript"></script>

    
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js/libs/jquery/jquery-1.8.2.min.js"><\/script>')</script>
    

    
      
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-18585915-1', 'auto');
  ga('require', 'displayfeatures');
    ga('send', 'pageview');
</script>

    

    
  
    <link href="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/css-compiled/recommendations.css" type="text/css" rel="stylesheet" media="screen" property="stylesheet"/>

  


</head>
  <body class="
  
 logged-out page-base"  >
    
    

    
    
    
   
  
<script id="typeahead-neighbor-services-template" type="text/template">
  <div class="featured-search-typeahead-list">
    <span class="search-typeahead-featured-title"><%- title_label_text %></span>
    <p class="search-typeahead-featured-subtitle">
      <%- subtitle_label_text %>
    </p>
    <a href="<%= redirect %>" class="search-typeahead-featured-button">
      <%- button_text %>
    </a>
  </div>
</script>
<script id="typeahead-user-template" type="text/template">
  <div class="search-typeahead-list">
    <img class="search-typeahead-avatar" src="<%= _.resizeAvatar(image) %>" alt="<%- label %>">
    <span class="search-typeahead-row search-typeahead-user-name"><%- label %></span>
    <span class="search-typeahead-row search-typeahead-address"><%- address %></span>
  </div>
</script>
<script id="typeahead-category-template" type="text/template">
  <div class="search-typeahead-list">
    <span class="search-typeahead-row search-typeahead-category-name"><%- label %></span>
  </div>
</script>
<script id="typeahead-business-template" type="text/template">
  <div class="search-typeahead-list">
    <img class="search-typeahead-avatar business" src="<%= image %>" alt="<%- label %>">
    <span class="search-typeahead-row search-typeahead-business-name"><%- label %></span>
    <span class="search-typeahead-row search-typeahead-address"><%- address %></span>
  </div>
</script>
<script id="typeahead-allresults-template" type="text/template">
  <div class="search-typeahead-list all-results">
    <span class="glyphicon-search search-typeahead-glyphicon"></span>
    <span class="search-typeahead-row search-typeahead-allresults">All results for &quot;<strong><%- label %></strong>&quot;</span>
  </div>
</script>
<script id="typeahead-topten-title-template" type="text/template">
  <div class="search-typeahead-title">
    <span class="search-typeahead-title-row"><strong>TOP SEARCHES IN <%- neighborhood %></strong></span>
  </div>
</script>
  

<script type="text/template" id="alert-tmpl">
  <div id="alert" class="alert <%= alert_type ? 'alert-' + alert_type : '' %> <%= dismissible ? 'alert-dismissible' : '' %>" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <%= msg %>
  </div>
</script>
  
<script type="text/template" id="flag_modal_placeholder_inappropriate_tmpl">
  Please provide detail on why this post is inappropriate, and share feedback on how your neighbor could edit it to make it more constructive.
</script>

<script type="text/template" id="flag_modal_placeholder_racial_profiling_tmpl">
  Please provide detail on why this post is racial profiling, and share feedback on how your neighbor could edit it to make it more constructive.
</script>

<script type="text/template" id="flag_modal_placeholder_commercial_tmpl">
  Please provide detail on why this post is commercial.
</script>

<script type="text/template" id="flag_modal_placeholder_error_tmpl">
  Please indicate why you think this was posted in error. Thanks for keeping your Nextdoor site tidy.
</script>

<script type="text/template" id="flag_modal_placeholder_general_tmpl">
  Please provide detail if necessary.
</script>

<script type="text/template" id="flag_modal_note_commercial_tmpl">
  Use this flag for: Posts or replies that violate our <a href="https://help.nextdoor.com/customer/en/portal/articles/1428058-nextdoor-guidelines-faq#8" target="_blank">Guidelines about commercial posting</a>.
</script>

<script type="text/template" id="flag_modal_note_racial_profiling_tmpl">
  <b>There are two ways that content can violate our racial profiling Guideline:</b><br>
  &bull; By reporting activity that is not potentially criminal (<a href="https://help.nextdoor.com/customer/en/portal/articles/1959173-reporting-suspicious-behavior-to-your-neighbors#e" target="_blank">see examples</a>).<br>
  &bull; By failing to use distinctive characteristics or describe the person involved, and thereby casting suspicion on an entire race or ethnicity.
</script>


    <script type="text/template" id="about-tmpl">
  <div class="section biography <%= full_model.isPageOwner() ? 'page-owner' : '' %>" id="about">
    <% if (full_model.isPageOwner()) { %>
      <h4 class="section-heading">About
        <% if (full_model.isPageOwner()) { %>
        <span class="about-edit"><i class="icon-pencil"></i> Click to edit</span>
        <% } %>
      </h4>
    <% } else if (full_model.getTopics().length || model.about) { %>
      <h4 class="section-heading">About</h4>
    <% } %>
    <div class="row">
      <% if (model.about) { %>
        <div class="span about">
            <i class="image-icon quote-icon"></i>
            <div class="toggle-truncated" id="about-page"><%= _(model.pruned_about).nl2br() %></div>
        </div>
      <% } else if (full_model.isPageOwner()) { %>
        <div class="span about">
            <p>
              Click here to edit your page information.
            </p>
        </div>
      <% } %>
      <div class="span details">
        <ul class="unstyled">
            <% if (full_model.getHours()) { %>
              <li class="page-hours">
                <i class="image-icon clock-icon"></i>
                <ul class="unstyled">
                  <% _.each(full_model.getHours(), function(hour) { %>
                  <li><%= hour.display_string %></li>
                <% }); %>
                </ul>
              </li>
            <% } %>
            <% if (full_model.getPhoneNumber()) { %>
              <li class="page-number"><i class="image-icon home-phone-icon"></i>
                <span><a href="tel:<%- full_model.getPhoneNumberTelFormat() %>"><%- full_model.getPhoneNumber() %></a></span>
              </li>
            <% } %>
            <% if (full_model.getPublicUrl()) { %>
              <li class="page-website"><i class="image-icon link-icon"></i>
                <a href="<%- full_model.getPublicUrlWithProtocol() %>"><%= full_model.getDomain() %></a>
              </li>
            <% } %>
            <% if (full_model.getDisplayEmail()) { %>
              <li class="page-email"><i class="image-icon email-icon"></i>
                <span><a href="mailto:<%- full_model.getDisplayEmail() %>"><%- full_model.getDisplayEmail() %></a></span>
              </li>
            <% } %>
            <% if (full_model.getTopics().length) { %>
              <li class="page-topics"><i class="image-icon tag-icon"></i>
                <% _.each(full_model.getTopics(), function(topic, n) { %>
                  <% if (n > 0) { %>
                    ,
                  <% } %>
                  <% if (topic.viewable) { %>
                    <a href="/topic/<%= topic.id %>/">
                      <%- topic.name %>
                    </a>
                  <% } else { %>
                      <%- topic.name %>
                  <% } %>
                <% }) %>
                <% if (full_model.isLoggedIn()) { %>
                  / <a href="#" role="button" class="init-topic-edit-modal">Edit Categories</a>
                <% } %>
              </li>
            <% } %>
        </ul>
      </div>
    </div>
  </div>
</script>
    

<script type="text/template" id="header-tmpl">
  <div class="page-header <% if (model.isMunicipalPage()) { %>municipal<% } %>"
       <% if (model.getBackgroundPhoto()) { %>
       style="background: url('<%- model.getBackgroundPhoto() %>') center center; background-size: cover;"
       <% } %>>

    
    <% if (model.isPageOwner() && !model.isSingleStory()) { %>
  <% if (!view_state.IS_COMPLETE_PROFILE) { %>
  <div class="header-alert-info incomplete">
    <% if (model.isMunicipalPage()) { %>
    Please complete your agency's about page.
    <% } else if (model.isNewsPage()) { %>
    Your News Page is not yet live. Please complete your profile.
    <% } else { %>
    Your Local Page is not yet live. Please complete your profile.
    <% } %>
  </div>
  <% } else if (!view_state.WAS_IMMEDIATELY_COMPLETED) { %>
  <div class="header-alert-info complete">
    Congrats! Your page is now live.
  </div>
  <% } else if (!model.isActive()) { %>
    <div class="header-alert-info deactivated">
      This page is not yet live. Only you, the owner, can see it.
    </div>
  </div>
  <% } %>
  <a role="button" href="#change_header_modal" data-toggle="modal" class="btn-change-header"><i class="ss-camera icon"></i></a>
<% } else { %><% } %>

    <div class="content">
      
      <% if (model.getAvatarPhoto()) { %>
  <% if (model.isPageOwner()) { %>
    <a role="button" class="btn-change-avatar profile-pic" href="#change_avatar_modal" data-toggle="modal">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
      <i class="ss-camera icon"></i>
    </a>
  <% } else { %>
    <div class="profile-pic">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
    </div>
  <% } %>
<% } %>
    </div>

  </div>
  <div class="header-bottom-container">
    <div class="name-and-address clearfix">
      <h1><%= model.nameFormatted() %></h1>
      <div class="user-total">
        <% if (model.primaryFeatureIsRecommend()) { %>
  <i class="ss-heart pulse"></i>
  <%= model.getPrimaryUserCollectionLength() %>
<% } %>
      </div>
      <% if (model.getFullAddress()) { %>
        <address><%- model.getFullAddress() %></address>
      <% } %>
    </div>

    
    <% if (!model.isPageOwner() && !model.isCityUser()) { %>
      <div class="page-actions clearfix">
        
<% if (model.isMunicipalPage()) { %>

  
  <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isFollowingMunicipality(), ' active') %>">
    <button type="button" class="btn-pages-subscribe btn-entity bootstrap-popover">
      <i class="entity-sprite entity-page-icon-subscribe-<%= model.isFollowingMunicipality() ? 'active' : 'default' %> <%= classIf(model.canSupport(), 'pulse') %>"></i>
      <%= model.subscribeVerb() %>
    </button>
  </div>

<% } else { %>
  <% if (model.primaryFeatureIsRecommend()) { %>

    
    <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isSupporter(), ' active') %>">
      <button type="button" class="btn-pages-support btn-entity bootstrap-popover">
        <i class="entity-sprite entity-page-icon-recommend-<%= model.isSupporter() ? 'active' : 'default' %> <%= classIf(model.canSupport(), 'pulse') %>"></i>
        <%= model.supportVerb() %>
      </button>
    </div>

  <% } else if (model.primaryFeatureIsSubscribe()) { %>

    
    <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isSubscribed(), ' active') %>">
      <button type="button" class="btn-pages-subscribe btn-entity bootstrap-popover">
        <i class="entity-sprite entity-page-icon-subscribe-<%= model.isSubscribed() ? 'active' : 'default' %> <%= classIf(model.canSupport(), 'pulse') %>"></i>
        <%= model.subscribeVerb() %>
      </button>
    </div>

  <% } %>

<% } %>


<div class="btn-entity-container <%= classIf(!model.hasContactInformation(), ' disallowed') %>">
  <button type="button"
        <% if (!model.hasContactInformation()) { %>
          disabled
        <% } %>
          class="dropdown-toggle btn-entity cdot page-contact-button">
          <i class="entity-sprite entity-page-icon-contact-default"></i>
          Contact
  </button>
</div>
      </div>
    <% } %>
  </div>
  
  <% if (model.hasPopovers()) { %>
  <div class="hide">

    <div id="popover-message">
      <% if (model.isPageOwner()) { %>
        <%= noSelfMessageText %>
      <% } else { %>
        <%= membersOnlyMessageText %>
      <% } %>
    </div>

    <div id="popover-support">
      <% if (model.isPageOwner()) { %>
        <%= noSelfRecommendText %>
      <% } else { %>
        <%= membersOnlyRecommendText %>
      <% } %>
    </div>

    <div id="popover-subscribe">
      <%= membersOnlySubscribeText %>
    </div>

  </div>
<% } %>
</script>

<script type="text/template" id="recommendations-header-view-tmpl">
  <div class="page-header combined <% if (model.isMunicipalPage()) { %>municipal<% } %>"
       <% if (model.getBackgroundPhoto()) { %>
       style="background: url('<%- model.getBackgroundPhoto() %>') center center; background-size: cover;"
       <% } %>>

    
    <% if (model.isPageOwner() && !model.isSingleStory()) { %>
  <% if (!view_state.IS_COMPLETE_PROFILE) { %>
  <div class="header-alert-info incomplete">
    <% if (model.isMunicipalPage()) { %>
    Please complete your agency's about page.
    <% } else if (model.isNewsPage()) { %>
    Your News Page is not yet live. Please complete your profile.
    <% } else { %>
    Your Local Page is not yet live. Please complete your profile.
    <% } %>
  </div>
  <% } else if (!view_state.WAS_IMMEDIATELY_COMPLETED) { %>
  <div class="header-alert-info complete">
    Congrats! Your page is now live.
  </div>
  <% } else if (!model.isActive()) { %>
    <div class="header-alert-info deactivated">
      This page is not yet live. Only you, the owner, can see it.
    </div>
  </div>
  <% } %>
  <a role="button" href="#change_header_modal" data-toggle="modal" class="btn-change-header"><i class="ss-camera icon"></i></a>
<% } else { %><% } %>
    <div class="content">
      
      <% if (model.getAvatarPhoto()) { %>
  <% if (model.isPageOwner()) { %>
    <a role="button" class="btn-change-avatar profile-pic" href="#change_avatar_modal" data-toggle="modal">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
      <i class="ss-camera icon"></i>
    </a>
  <% } else { %>
    <div class="profile-pic">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
    </div>
  <% } %>
<% } %>
    </div>
  </div>

  
  <div class="recommendations-header">
    <div class="name-row" data-target="<%- moreInfoSelector %>" data-toggle="modal">
      <h1>
        <%= model.nameFormatted() %>
        <i class="icon-chevron-right"></i>
      </h1>
    </div>

    <div class="page-header-about">
      <div class="toggle-truncated" id="page-header-about-text"><%= model.getPrunedAbout() %></div>
    </div>

    <div class="more-info-row" data-target="<%- moreInfoSelector %>" data-toggle="modal">

      <% if (model.getPublicUrl()) { %>
        <div>
          <a class="js-page-url-click" target="_blank" href="<%- model.getPublicUrlWithProtocol() %>">
              <i class="image-icon link-icon"></i>&nbsp;<%- model.getDomain() %></a>
        </div>
      <% } else if (model.getPhoneNumber()) { %>
        <div>
          <a class="page-phone-link js-more-info-btn" href="tel:<%- model.getPhoneNumberTelFormat() %>">
            <i class="image-icon home-phone-icon"></i>&nbsp;<%- model.getPhoneNumber() %>
          </a>
          </div>
      <% } else if (model.getFullAddress()) { %>
        <div>
          <i class="image-icon map-icon"></i>&nbsp;
          <address class="js-more-info-btn"><%- model.getFullAddress() %></address>
        </div>
      <% } %>

      <div class="more-info-btn">
        
        <a href="#" role="button" class="js-more-info-btn">
          More info&hellip;
        </a>
      </div>
    </div>

    <div class="page-actions page-actions-row clearfix">
    <% if (model.getFeatureSet().canRecommend()) { %>
      
      <div class="facepile">
        <ul class="facepile-search unstyled list">
          <% if (supportersFacepile.length <= 6) { %>
            <% _.each(supportersFacepile, function(avatar) { %>
            <li>
              <a href="/profile/<%= avatar.id %>/" class="facepile-avatar-profile-link">
                  <img src="<%= avatar.avatar_url %>" class="avatar">
              </a>
            </li>
            <% }); %>
          <% } else { %>
            <% var limitTo = 5 %>
            <% _.each(supportersFacepile.slice(0, limitTo), function(avatar) { %>
              <li>
                <a href="/profile/<%= avatar.id %>/" class="facepile-avatar-profile-link">
                    <img src="<%= avatar.avatar_url %>" class="avatar">
                </a>
              </li>
              <% }); %>
            <% } %>
          </ul>

          <div class="user-totals user-totals-after">
            <% if (numRecommenders > 0) { %>
            <i class="ss-heart pulse"></i>
            <%= recommendText %>
            <% } %>
          </div>
        </div>
      <% } %>
      
          <div class="action-bar clearfix">
            
            <% if (model.getFeatureSet().canRecommend()) { %>
              <div class="btn-entity-container">
                <div class="<%= classIf(model.isSupporter(), ' active') %>">
                  <button type="button" class="btn-pages-support btn-entity bootstrap-popover">
                    <i class="entity-sprite entity-page-icon-recommend-<%= model.isSupporter() ? 'active' : 'default' %>"></i>
                    <i class="ss-heart"></i>
                    <%= model.supportVerb() %>
                  </button>
                </div>
              </div>
            <% } %>
            
            <% if (model.getFeatureSet().canSubscribe()) { %>
              <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isSubscribed(), ' active') %>">
                <button type="button" class="btn-pages-subscribe btn-entity bootstrap-popover">
                  <%= model.subscribeVerb() %>
                </button>
              </div>
            <% } %>
            <% if (model.canMessage()) { %>
                <div class="btn-entity-container">
                    <button class="js-btn-pm btn btn-entity page-message-link"
                            data-recipient-group-id="<%= model.getId() %>"
                            data-recipient-id="<%= model.pageOwnerId() %>"
                            data-recipient-name="<%- model.pageOwnerName() %>"
                            data-toggle="modal"
                            data-backdrop="static"
                            data-target="#compose-message-modal"
                            type="button">
                              Message
                    </button>
                </div>
            <% } %>
          </div>
        
    </div>
  </div>
</script>

<script type="text/template" id="recommendations-more-info-view-tmpl">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3 id="recommendations-more-info-header">
      <%- aboutText %>
    </h3>
  </div>
  <div class="modal-body">

    <% if (model.getAbout()) { %>
      <div class="recommendations-header-item pages-break-lines"><i class="image-icon quote-icon"></i> <%- model.getAbout() %></div>
    <% } %>

    <% if (model.getFullAddress()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon map-icon"></i>
        <address style="display: inline;">
          <a href="<%- model.getMapsDirectionsLink() %>" target="_blank" class="js-page-address-click">
            <%- model.getFullAddress() %>
          </a>
        </address>
      </div>
    <% } %>

    <% if (model.getHours()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon clock-icon"></i>
        <ul class="unstyled">
          <% _.each(model.getHours(), function(hour) { %>
          <li><%= hour.display_string %></li>
          <% }); %>
        </ul>
      </div>
    <% } %>

    <% if (model.getPhoneNumber()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon home-phone-icon"></i>
        <a href="tel:<%- model.getPhoneNumberTelFormat() %>" class="js-page-phone-click">
          <%- model.getPhoneNumber() %>
        </a>
      </div>
    <% } %>

    <% if (model.getDisplayEmail()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon email-icon"></i>
        <a href="mailto:<%- model.getDisplayEmail() %>" class="js-page-email-click">
          <%- model.getDisplayEmail() %>
        </a>
      </div>
    <% } %>

    <% if (model.getPublicUrl()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon link-icon"></i>
        <a href="<%- model.getPublicUrlWithProtocol() %>" target="_blank" class="js-page-url-click">
          <%= model.getDomain() %>
        </a>
      </div>
    <% } %>

    <% if (!model.isMunicipalPage()) { %>
      <% if (model.isLoggedIn()) { %>
        <div class="recommendations-header-item recommendations-header-topics">
          <i class="image-icon tag-icon"></i>
          <% if (model.getTopics().length) { %>
            <% _.each(model.getTopics(), function(topic, n) { %>
              <% if (topic.viewable) { %>
                <a href="/topic/<%= topic.id %>/" class="token js-page-topic-click" data-topic-id="<%= topic.id %>"><%- topic.name %></a>
              <% } else { %>
                <span class="token unclickable-topic-token"><%- topic.name %></span>
              <% } %>
            <% }) %>
            <a href="#" role="button" class="init-topic-edit-modal">Edit Categories</a>
          <% } else { %>
            <a href="#" role="button" class="init-topic-edit-modal">Add Categories</a>
          <% } %>
        </div>

        <div class="recommendations-header-item">
          <a href="#" role="button" class="move-to-menu-mode js-report-page-click">Report an issue</a>
        </div>
      <% } else if (model.getTopics().length) { %>
        <div class="recommendations-header-item recommendations-header-topics">
          <i class="image-icon tag-icon"></i>
          <% _.each(model.getTopics(), function(topic, n) { %><% if (n) { %>, <% } %><%- topic.name %><% }) %>
        </div>
      <% } %>

      <% if (model.getGooglePlaceId()) { %>
        <div class="recommendations-header-powered-by-google">
            <img src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/logos/powered_by_google_on_white.png"/>
        </div>
      <% } %>
    <% } %>
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</script>
    
<script type="text/template" id="supporters-map-overlay-tmpl">
  <div class="supporters-map-marker">
    <div class="marker">
      <i class="ss-heart"></i> <span class="count"><%= users.length %></span>
    </div>
    <div class="triangle-down"></div>
    <div>
      <span class="neighborhood-name"><%- name %></span>
    </div>
  </div>
</script>

    
<script type="text/template" id="tmpl_badge_code"><a target="_blank" href="<%= url %>"><img src="<%= imgSrc %>" alt="Connect with us on Nextdoor"/></a></script>
    


<script type="text/template" id="business-search-view-search-tmpl">
  <span class="glyphicon-search business-search-icon"></span>
  
  
  <input type="text"
         placeholder="<% if (is_prompted_tagging) { %>Search for the business by name&hellip;<% } else { %>Search for a business by name&hellip;<% } %>"
         value="<%- search %>"
         class="input-block-level business-search-input">
</script>


<script type="text/template" id="business-search-view-results-tmpl">
  <% if (!search.length) { %>
    <span class="help-inline text-muted">Ex: "Ace Roofing" or "Joe's Auto Repair"</span>
  <% } %>
  <div class="results">
    <% _.each(results, function(result, index) { %>
      <div class="typeahead-result business-result<%= rowIsSelected(index) ? ' row-highlight' : '' %>"
           data-index="<%= index %>">
        <div class="business-name">
          <span class="glyphicon-search"></span> <%- result.business_name %>
        </div>
      </div>
    <% }); %>
    <% if (search.length) { %>
      <div class="see-more-results">
        <span class="glyphicon-search"></span> <%- searchForText %>
      </div>
    <% } %>
    <% if (!view_model.hasUserProfileId() &&
      (view_model.isTagCommentWithBusinessMode() || view_model.isTagPostWithBusinessMode() || view_model.isTagMentionYesMode()) &&
      results.length === 0) { %>
      <div class="why-message">
        <strong>Why is tagging important?</strong><br>
        Tagging a reply makes it easier for neighbors to find comments on a business.
      </div>
    <% } %>
  </div>
</script>


<script type="text/template" id="business-search-view-full-results-tmpl">
  <div class="results">
    <% _.each(results, function(result, index) { %>
      <div class="business-result<%= rowIsSelected(index) ? ' row-highlight' : '' %>"
           data-index="<%= index %>">
        <div class="business-name">
          <%- result.business_name %>
        </div>
        <small>
          <% if (result.business_address_full) { %>
            <%- result.business_address_full %>
          <% } %>
        </small>
      </div>
    <% }); %>
    
      <div class="member-added-prompt">
        <a href="#" role="button" class="to-add-page-type-mode"><span class="glyphicon-plus"></span> Don't see it? Add a business or individual</a>
      </div>
  </div>
</script>


<script type="text/template" id="business-search-no-results-tmpl">
  <div class="results">
    <div class="no-results">Sorry, we can't find a business with that name in your area. Please search again.</div>
    
      <div class="member-added-prompt">
        <a href="#" role="button" class="to-add-page-type-mode"><span class="glyphicon-plus"></span>Add a business or individual</a>
      </div>
  </div>
</script>


<script type="text/template" id="business-search-spinner-tmpl">
  <div class="spinner-container">
    <img class="spinner" src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/images/spinner@2x.png">
  </div>
</script>


<script type="text/template" id="comment-business-tag-view-tmpl">
  <% if (comment_model.shouldShowField()) { %>
    
    <textarea style="resize:none" rows="1" cols="1" class="input-block-level"
              placeholder="Write a reply&hellip;"
              id="comment_body" name="body"><%- comment_model.getBody() %></textarea>
  <% } %>

  <% if (view_model.isPageLoading()) { %>
    <div class="comment-business-tag-loading">
      Loading&hellip;
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="comment-business-tag-loading">
      Sorry there was a problem loading data. Please try again later.
    </div>
  <% } else { %>
    <input type="hidden" name="page_id" value="<%- model ? model.getId() : '' %>">
  <% } %>


  <% if (model) { %>
    <div class="comment-business-tag-container inline-page-tile">
        <a href="<%- model.getUrlForId() %>?is=cpt" target="_blank"><span><%- model.nameFormatted() %></span></a>
        <a href="javascript:void(0)" class="page-tile-remove"><img src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/images/linkbox-close-2x.png"/></a>
        <input type="hidden" name="sentiment"
                     <% if (comment_model.hasPositiveSentiment()) { %>
                     value="positive"
                     <% } else { %>
                     value="non_positive"
                     <% } %>
        >
        <% if (comment_model.hasTopicIds()) { %>
            <input type="hidden" name="topics_to_add" value="<%= comment_model.getTopicIds() %>">
        <% } %>
        <% if (comment_model.hasFreeFormTags()) { %>
            <input type="hidden" name="free_form_tags_to_add" value="<%- comment_model.getFreeFormTags() %>">
        <% } %>
        <input type="hidden" name="share_comment"
                     <% if (comment_model.getShareComment()) { %>
                     value="true"
                     <% } else { %>
                     value="false"
                     <% } %>
        >
    </div>
  <% } %>
</script>



<script type="text/template" id="recommendation-add-view-tmpl">
  <% var heart = '<div class="header-heart"></div>'; %>
  <% var comment = '<div class="header-comment"></div>'; %>
  <% var tag = '<div class="header-tag"></div>'; %>
  <% var checkmark = '<div class="header-check"></div>'; %>
  <% var business = '<div class="header-business"></div>'; %>
  <% var modalCloseBtn = '<button type="button" class="close cancel" data-dismiss="modal" aria-hidden="true">&times;</button>' %>
  
  <% var businessName = 'this business' %>
  <% var businessAddress = '' %>
  <% var recsCount = 0 %>
  <% if (model) {
        businessName = model.nameFormatted();
        businessAddress = model.addressFormatted();
        recsCount = model.getSupportersLength();
    }
  %>
  <div class="modal-dialog">
  <div class="modal-content">

  
  <% if (view_model.isAddNoteMode()) { %>
    <div class="modal-header">
      <%= comment %>
      <%= modalCloseBtn %>
      <h3>
        Thanks! Add a comment.
      </h3>
    </div>
  <% } else if (view_model.isAddNoteOnlyMode()) { %>
    <div class="modal-header">
      <%= heart %>
      <%= modalCloseBtn %>
      <h3>
        Thanks! Tell neighbors why you recommend this business.
      </h3>
    </div>
  <% } else if (view_model.isConfirmMentionYesOnCommentMode() ||
                view_model.isConfirmMentionOnCommentMode() ||
                view_model.isConfirmMentionOnPostMode() ||
                view_model.isConfirmMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <h3>
            <%- didTheyRecommendText %>
        </h3>
      <% } else { %>
        <h3>
            <%- wouldYouRecommendText %>
        </h3>
      <% } %>
    </div>
  <% } else if (view_model.isClaimYourPageHookMode()) { %>
    <div class="modal-header">
        <%= checkmark %>
        <%= modalCloseBtn %>
        <h3>Thanks! Now, would you like to claim your page?</h3>
    </div>
  <% } else if (view_model.isRecommendBusinessByTopicMode()) { %>
    <div class="modal-header">
      <%= heart %>
      <%= modalCloseBtn %>
      <h3>
        Great! Find the business you want to recommend.
      </h3>
    </div>
  <% } else if (view_model.isTopicChooseMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% var taggable_topics = view_model.getTopicChoiceGiven();
        if (taggable_topics.length) { %>
            <h3>
                Next, please confirm the category of this business.
            </h3>
        <% } else { %>
            <h3>
                Next, what is the category of this business?
            </h3>
        <% } %>
    </div>
  <% } else if (view_model.isTagCommentWithBusinessMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% if (is_prompted_tagging) { %>
        <h3>
            It looks like you mentioned a business. Can you please tag it so neighbors can easily find it?
        </h3>
      <% } else { %>
        <h3>
            Find the business mentioned in this reply
        </h3>
      <% } %>
    </div>
  <% } else if (view_model.isTagSageBusinessMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% if (view_model.hasUserProfileId()) { %>
        <h3>
            Does this reply mention this business?
        </h3>
      <% } else { %>
        <h3>
            In your reply, did you mention this business?
        </h3>
      <% } %>
    </div>
  <% } else if (view_model.isTagPostWithBusinessMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <h3>
        Find the business mentioned in this post
      </h3>
    </div>
  <% } else if (view_model.isAddPageMode()) { %>
    <div class="modal-header">
      <% if (page_create_model.isLoading()) { %>
        <h3><%- nowAddingText.supplant({businessName: businessName}) %></h3>
      <% } else { %>
        <%= business %>
        <%= modalCloseBtn %>
        <% if (page_create_model.isIndividualPageType()) { %>
            <h3>Thanks! Please add details about the individual.</h3>
        <% } else { %>
            <h3>Thanks! Please add details about the business.</h3>
        <% } %>
      <% } %>
    </div>
  <% } else if (view_model.isAddPageTypeMode()) { %>
    <div class="modal-header">
        <%= business %>
        <%= modalCloseBtn %>
        <h3>First, please describe the type of business</h3>
    </div>
  <% } else if (view_model.isUseIgnoreDupeMode()) { %>
    <div class="modal-header">
        <%= business %>
        <%= modalCloseBtn %>
        <% if (page_create_model.getDupeList().length > 1) { %>
            <h3>Did you mean to add one of these businesses instead?</h3>
        <% } else { %>
            <h3>Did you mean to add this business instead?</h3>
        <% } %>
    </div>
  <% } else if (view_model.isTagMentionYesMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <h3>
        Great! Find the business you are mentioning.
      </h3>
    </div>
  <% } else if (view_model.isTagVerificationMode()) { %>
    <div class="modal-header">
      <%= heart %>
      <%= modalCloseBtn %>
      <h3>
        Please confirm your mention
      </h3>
    </div>
  <% } else if (view_model.isPageLoadingMode()) { %>
    <div class="modal-header">
      <h3>
        Please Wait&hellip;
      </h3>
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="modal-header">
      <h3>
        Please try again later
      </h3>
    </div>
  <% } %>
  


  
  <% if (view_model.isConfirmMentionYesOnCommentMode() ||
                view_model.isConfirmMentionOnCommentMode() ||
                view_model.isConfirmMentionOnPostMode() ||
                view_model.isConfirmMode()) { %>

    <div class="modal-body step-confirm">
        <div class="business-card-with-actions">
            <div class="business-info">
                <div><strong><%- businessName %></strong></div>
                <div class="text-muted"><%- businessAddress %></div>
            </div>

            <div class="business-recommendation">
                <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
                    <button type="button" class="pull-left yes-recommend-confirm">
                        <div class="sentiment-step-recommend-heart-empty"></div>
                        Yes
                    </button>
                    <button type="button" class="btn btn-muted no-recommend-confirm">No</button>
                <% } else { %>
                    <button type="button" class="pull-left yes-recommend-confirm">
                        <div class="sentiment-step-recommend-heart-empty"></div>
                        Yes, I recommend
                    </button>
                    <button type="button" class="no-recommend-confirm">No thanks</button>
                <% } %>
            </div>
        </div>

        <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
            <div class="reply-tagging">
                <div class="reply-tagging-title">
                    <% if (view_model.isConfirmMentionOnCommentMode()) { %>
                        The reply you're tagging:
                    <% } else { %>
                        The post you're tagging:
                    <% } %>
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        <% } else if (!view_model.hasUserProfileId() && !view_model.isConfirmMode() && sharing_comments_from_setting) { %>
            <div class="share-with-business">
                <div class="let-business-know">Businesses appreciate your feedback!</div>
                <label class="checkbox">
                    <input type="checkbox" name="share_with_business" checked>
                    <span>Let the business see my name and comment.</span>
                    <a href="https://help.nextdoor.com/customer/en/portal/articles/2348579" target="_blank"> Learn more</a>
                </label>
            </div>
        <% } %>
    </div>

  <% } else if (view_model.isClaimYourPageHookMode()) { %>
    <div class="modal-body business-ux-claim-your-business-hook-container">
        <div class="business-ux-claim-your-business-hook-body text-muted">
            Reply to neighbors who are talking about your business, keep your contact information current, and grow your reputation in the neighborhood.
        </div>

        <div class="biz-recs-info-card">
            <div class="biz-recs-name-addr">
                <div class="biz-recs-name"><%- businessName %></div>
                <div class="text-muted"><%- view_model.getAddressParts()['part_1'] %></div>
                <div class="text-muted"><%- view_model.getAddressParts()['part_2'] %></div>
            </div>

            <div class="biz-recs-count">
                <% if (recsCount === 0) { %>
                    <div class="zero-recommendation-heart-box">
                        <i class="ss-heart pulse zero-recommendation-heart"></i>
                <% } else { %>
                    <div class="heart-box">
                        <i class="ss-heart pulse"></i>
                <% } %>
                        <%- recsCount %>
                    </div>
            </div>
        </div>
  <% } else if (view_model.isAddPageTypeMode()) { %>

    <div class="modal-body media-recommendation-modal-size">
      <div class="step-confirm">
      <label class="radio">
        <input type="radio" name="page_type" value="business"
          <% if (!page_create_model.isIndividualPageType()) { %>
            checked
          <% } %>
        > Official business<br>
        <span class="text-muted">This operates under a business name and may have multiple employees. Ex: "Ace Plumbing" or "Westfield Tutoring".
        </span>
        <label class="checkbox js-is-owner-business-label member-added-page-is-owner-label
            <% if (page_create_model.isIndividualPageType()) { %>
                member-added-page-visibility-hidden-field
            <% } %>">
          <input type="checkbox" name="is_owner_business"
              <% if (page_create_model.getIsOwner()) { %>
                checked="checked"
              <% } %>
          > I own this business.
        </label>
      </label><br>
      <label class="radio">
        <input type="radio" name="page_type" value="individual"
          <% if (page_create_model.isIndividualPageType()) { %>
            checked
          <% } %>
        > Individual provider<br>
        <span class="text-muted">This is an individual operating under their own name. They must be over 18-years-old. Ex: "Jill Smith".
        </span>
        <label class="checkbox js-is-owner-individual-label member-added-page-is-owner-label
            <% if (!page_create_model.isIndividualPageType()) { %>
                member-added-page-visibility-hidden-field
            <% } %>">
          <input type="checkbox" name="is_owner_individual"
              <% if (page_create_model.getIsOwner()) { %>
                checked="checked"
              <% } %>
          > I'm adding myself.
        </label>
      </label>
      </div>
    <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
      <div class="add-business-show-content">
        <div class="reply-tagging">
            <div class="reply-tagging-title">
                <% if (view_model.getTaggingContent().comment_id) { %>
                    The reply you're tagging:
                <% } else { %>
                    The post you're tagging:
                <% } %>
            </div>
            <div class="reply-content">
              <%- view_model.getTaggingContent().body %>
            </div>
        </div>
      </div>
    <% } %>
    </div>

  <% } else if (view_model.isUseIgnoreDupeMode()) { %>

    <div class="modal-body search-only use-or-ignore-dupe">
        <% if (page_create_model.getDupeList().length > 1) { %>
            <div class="explain">
                We found businesses similar to the one you added. Are any of these the correct business?
            </div>
            <% _.each(page_create_model.getDupeList(), function(dupe, index) { %>
                <div class="js-select-dupe-item dupe-result-li<% if (index == 0) { %> dupe-result-li-first<% } %>" data-dupe-index="<%- index %>">
                    <div class="business-name">
                      <%- dupe.name %>
                    </div>
                    <small>
                        <%- dupe.phone_number %>
                    </small>
                    <div class="sage-yes">
                        Yes
                    </div>
                </div>
            <% }) %>
        <% } else { %>
            <div class="explain">
                We found a similar business to the one you added. Is this the correct business?
            </div>
            <div class="dupe-result">
                <div class="business-name">
                  <%- page_create_model.getDupeList()[0].name %>
                </div>
                <small>
                    <%- page_create_model.getDupeList()[0].phone_number %>
                </small>
            </div>
        <% } %>
        <div class="no-create-anyway">
            <a href="#" role="button" class="create-anyway">If not, use the one you entered</a>
        </div>
    </div>

  <% } else if (view_model.hasAddForm()) { %>

    <div class="modal-body step-add">

      <% if (view_model.validationError) { %>
        <div class="alert alert-error">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <%- view_model.validationError %>
        </div>
      <% } %>


      <% if (view_model.hasCustomError()) { %>
        <div class="alert alert-error">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <%- view_model.getCustomError() %>
        </div>
      <% } %>

      <div class="media">
        
        <div class="media-body">
          <textarea name="body"
                    <% if (view_model.isAddNoteMode()) { %>
                      placeholder="<%- addCommentText.supplant({businessName: businessName}) %>&hellip;"
                    <% } else { %>
                      placeholder="<%- enterCommentText.supplant({businessName: businessName}) %>&hellip;"
                    <% } %>
                    class="input-block-level"><%- view_model.getBody() %></textarea>
          <% if (sharing_comments_from_setting) { %>
          <label class="checkbox share-with-business-form">
                <input type="checkbox" name="share_with_business" checked>
                <span class="text-muted"><%- shareCommentText.supplant({businessName: businessName}) %></span>
                <a href="https://help.nextdoor.com/customer/en/portal/articles/2348579" target="_blank"> Learn more</a>
          </label>
          <% } %>
        </div>
      </div>
    </div>

  <% } else if (view_model.isTopicChooseMode()) { %>
    <div class="modal-body search-only">
        <div class="topic-search-input">
            <% var taggable_topics = view_model.getTopicChoiceGiven();
            if (taggable_topics.length) { %>
                <div class="topic-given">
                <% for (var i = 0; i < taggable_topics.length; i++) { %>
                    <label class="checkbox">
                    <input type="checkbox" name="topic_choice" value="<%= taggable_topics[i].id %>" checked>
                        <%= taggable_topics[i].name %>
                    </label>
                <% } %>
                </div>
            <% } %>

              
              
              <input id="topic_mode_topics" name="topics"
                     type="text" autocomplete="off"
                     placeholder="<% if (taggable_topics.length) { %>Or, search for a different category<% } else { %>Search for a business category<% } %>"
                     class="input-block-level">
              <span class="help-inline text-muted">Ex: Plumber, Caterer, Roofer, Restaurant, etc.</span>
        </div>
    </div>

  <% } else if (view_model.isRecommendBusinessByTopicMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <div id="business-search-results"
           
           data-handle_select="handleBusinessSelect"
           data-handle_page_add="handleToAddPageMode"></div>
    </div>

  <% } else if (view_model.isTagCommentWithBusinessMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <div class="lead-tagging">
            <div id="business-search-results"
               
               data-handle_select="handleTagCommentWithBusinessSelect"
               data-handle_page_add="handleToAddPageMode"></div>
            <div class="reply-tagging">
                <div class="reply-tagging-title">
                    The reply you're tagging:
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        </div>
      <% } else { %>
        <div id="business-search-results"
           
           data-handle_select="handleTagCommentWithBusinessSelect"
           data-handle_page_add="handleToAddPageMode"></div>
      <% } %>
    </div>

  <% } else if (view_model.isTagSageBusinessMode()) { %>
    <div class="modal-body search-only sage-business-tag">
        <div class="sage-business-result">
            <div class="business-name">
              <%- view_model.getSageBusiness().name %>
            </div>
            <small>
              <% if (view_model.getSageBusiness().location && view_model.getSageBusiness().location.full_address) { %>
                <%- view_model.getSageBusiness().location.full_address %>
              <% } %>
            </small>
            <div class="sage-yes">
                Yes
            </div>
        </div>
        <div class="select-other-business">
            <a href="#" role="button" class="to-tag-comment-search"><span class="glyphicon-search"></span> Or, search for a different business</a>
        </div>
        <% if (view_model.hasUserProfileId()) { %>
            <div class="reply-tagging sage-prompted-reply-tagging">
                <div class="reply-tagging-title">
                    The reply you're tagging:
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        <% } else { %>
            <div class="why-message">
                <strong>Why is tagging important?</strong><br>
                Tagging a reply makes it easier for neighbors to find comments on a business.
            </div>
        <% } %>
    </div>

  <% } else if (view_model.isTagPostWithBusinessMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <div class="lead-tagging">
            <div id="business-search-results"
               
               data-handle_select="handleTagPostWithBusinessSelect"
               data-handle_page_add="handleToAddPageMode"></div>
            <div class="reply-tagging">
                <div class="reply-tagging-title">
                    The post you're tagging:
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        </div>
      <% } else { %>
        <div id="business-search-results"
           
           data-handle_select="handleTagPostWithBusinessSelect"
           data-handle_page_add="handleToAddPageMode"></div>
      <% } %>
    </div>

  <% } else if (view_model.isTagMentionYesMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <div id="business-search-results"
           
           data-handle_select="handleMentionTagYesSelection"
           data-handle_page_add="handleToAddPageMode"></div>
    </div>

  <% } else if (view_model.hasAddPageForm()) { %>
    <div class="modal-body media-recommendation-modal-size">

      <% if (page_create_model.isLoading()) { %>

        <div style="text-align: center; margin: 20px auto;">
        
        <img class="spinner"
             src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/images/32-ajax-loader-fff.gif"
             alt="Adding..."/>
            Adding&hellip;
        </div>

      <% } else { %>

        <% if (page_create_model.isIndividualPageType()) { %>
            <p><strong>Please note: </strong>Only add individuals who are 18-years-old or older.</p>

            <fieldset>
              
                <div class="clearfix">
                    
                    <div class="control-group pull-left control-group-left-column<%= page_create_model.getError(['first_name']) ? ' error' : '' %>">
                        <label class="control-label" for="first_name">First Name *</label>
                        <div class="controls add-page-form-field">
                            <input id="first_name" name="first_name"
                                   type="text" autocomplete="false"
                                   value="<%- page_create_model.getFirstName() %>"
                                   class="input-block-level js-page-add-form-input page-add-form-input">
                            <% if (page_create_model.getError(['first_name'])) { %>
                                <span class="help-inline"><%- page_create_model.getError(['first_name']) %></span>
                            <% } %>
                        </div>
                    </div>

                    
                    <div class="control-group pull-left control-group-right-column<%= page_create_model.getError(['last_name']) ? ' error' : '' %>">
                        <label class="control-label" for="last_name">Last Name *</label>
                        <div class="controls add-page-form-field">
                            <input id="last_name" name="last_name"
                                   type="text" autocomplete="false"
                                   class="input-block-level js-page-add-form-input page-add-form-input"
                                   value="<%- page_create_model.getLastName() %>">
                            <% if (page_create_model.getError(['last_name'])) { %>
                                <span class="help-inline"><%- page_create_model.getError(['last_name']) %></span>
                            <% } %>
                        </div>
                    </div>
                </div>

        <% } else { %>
            <fieldset>
              
              <div class="control-group<%= page_create_model.getError(['name']) ? ' error' : '' %>">
                  <label class="control-label" for="name">Business Name *</label>
                  <div class="controls add-page-form-field">
                      <input id="name" name="name"
                             type="text" autocomplete="off"
                             value="<%- page_create_model.getName() %>"
                             class="input-block-level js-page-add-form-input page-add-form-input">
                      <% if (page_create_model.getError(['name'])) { %>
                        <span class="help-inline"><%- page_create_model.getError(['name']) %></span>
                      <% } %>
                  </div>
              </div>
        <% } %>
            <div class="clearfix">
                
                <div class="control-group pull-left control-group-left-column<%= page_create_model.getError(['phone']) ? ' error' : '' %>">
                    <label class="control-label" for="phone">Phone Number *</label>
                    <div class="controls add-page-form-field">
                        <input id="phone" name="phone"
                               type="text" autocomplete="off"
                               value="<%- page_create_model.getPhone() %>"
                               class="input-block-level js-page-add-form-input page-add-form-input">
                        <% if (page_create_model.getError(['phone'])) { %>
                          <span class="help-inline"><%- page_create_model.getError(['phone']) %></span>
                        <% } %>
                    </div>
                </div>

                
                <div class="control-group pull-left control-group-right-column<%= page_create_model.getError(['email', 'requires_one_field']) ? ' error' : '' %>">
                    <label class="control-label" for="email">Email</label>
                    <div class="controls add-page-form-field">
                        <input id="email" name="email"
                               type="email" autocomplete="off"
                               class="input-block-level js-page-add-form-input page-add-form-input"
                               value="<%- page_create_model.getEmail() %>">
                        <% if (page_create_model.getError(['email'])) { %>
                            <span class="help-inline"><%- page_create_model.getError(['email']) %></span>
                        <% } %>
                    </div>
                </div>
            </div>

          
          <div class="control-group<%= page_create_model.getError(['organization_type']) ? ' error' : '' %>">
              <label class="control-label" for="organization_type">Category *</label>
              <div class="controls add-page-form-field">
                  
                  <input id="organization_type" name="organization_type"
                         type="text" autocomplete="off"
                         value="<%- page_create_model.getOrganizationType() %>"
                         placeholder="Add a category like "plumber" or "handyman""
                         class="input-block-level js-page-add-form-input page-add-form-input">
                  <% if (page_create_model.getError(['organization_type'])) { %>
                    <span class="help-inline"><%- page_create_model.getError(['organization_type']) %></span>
                  <% } %>
              </div>
          </div>

        
        <% if (page_create_model.isIndividualPageType()) { %>
          <div class="control-group js-hide-individual member-added-page-hidden-field">
            <label class="control-label" for="business_name">Business Name</label>
                <div class="controls add-page-form-field">
                    <input id="business_name" name="business_name"
                           type="text" autocomplete="off"
                           value="<%- page_create_model.getBusinessName() %>"
                           class="input-block-level js-page-add-form-input page-add-form-input">
                </div>
          </div>
        <% } %>

         
          <div class="control-group js-hide-individual<% if (page_create_model.isIndividualPageType()) { %> member-added-page-hidden-field<% } %>">
              <label class="control-label" for="url">Website</label>
              <div class="controls add-page-form-field">
                  <input id="url" name="url"
                         type="text" autocomplete="off"
                         value="<%- page_create_model.getUrl() %>"
                         class="input-block-level js-page-add-form-input page-add-form-input">
              </div>
          </div>

          <div class="js-show-all-div page-add-form-show-all-field-div">
              <a class="glyphicon-chevron-down page-add-form-show-all-field-chevron"></a>
              <a href="javascript:void(0);" type="button" class="js-show-all-field page-add-form-show-all-field">
                  <% if (page_create_model.isIndividualPageType()) { %>
                    Add a business name, address or website
                  <% } else { %>
                    Add an address
                  <% } %>
              </a>
              <span class="page-add-form-required-field-micro-copy">* Indicates required field</span>
          </div>

          
          <div class="control-group member-added-page-hidden-field js-hide-business js-hide-individual
            <%= page_create_model.getError(['full_address']) ? ' error' : '' %>">
              <label class="control-label" for="full_address">Address</label>
              <div class="controls add-page-form-field">
                  <input id="full_address" name="full_address"
                         type="text" autocomplete="off"
                         value="<%- page_create_model.getFullAddress() %>"
                         class="input-block-level js-page-add-form-input page-add-form-input"
                         placeholder="">
                  <% if (page_create_model.getError(['full_address'])) { %>
                    <span class="help-inline"><%- page_create_model.getError(['full_address']) %></span>
                  <% } %>
              </div>

              
              <div class="hide">
                  <input type="hidden" name="street" value="<%- page_create_model.getStreet() %>">
                  <input type="hidden" name="city" value="<%- page_create_model.getCity() %>">
                  <input type="hidden" name="state" value="<%- page_create_model.getState() %>">
                  <input type="hidden" name="zipcode" value="<%- page_create_model.getZipCode() %>">
              </div>
          </div>

          <span class="page-add-form-required-field-micro-copy member-added-page-hidden-field js-hide-business js-hide-individual">* Indicates required field</span>

        </fieldset>

        
        <% if (page_create_model.getError(['network_failure'])) { %>
          <div class="alert alert-error">
            Something went wrong. Please try again later.
          </div>
        <% } %>
      <% } %>

      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <div class="reply-tagging">
            <div class="reply-tagging-title">
                <% if (view_model.getTaggingContent().comment_id) { %>
                    The reply you're tagging:
                <% } else { %>
                    The post you're tagging:
                <% } %>
            </div>
            <div class="reply-content">
              <%- view_model.getTaggingContent().body %>
            </div>
        </div>
      <% } %>

    </div>

  <% } else if (view_model.isTagVerificationMode()) { %>

    <div class="modal-body">
      <h3>
        <a href="#" target="_blank"><%- model.nameFormatted() %></a>
        <% if (model.getPrimaryUserCollectionLength()) { %>
          <div class="pull-right">
            <i class="ss-heart pulse"></i>
            <%- model.getPrimaryUserCollectionLength() %>
          </div>
        <% } %>
      </h3>

      <% if (model.getFullAddress()) { %>
        <address><%- model.getFullAddress() %></address>
      <% } %>

      <% if (model.getTopics().length) { %>
        <i class="image-icon tag-icon"></i>
        <% _.each(model.getTopics(), function(topic, n) { %>
          <% if (n) { %>
            ,
          <% } %>
          <% if (topic.viewable) { %>
            <a href="/topic/<%= topic.id %>/">
              <%- topic.name %>
            </a>
          <% } else { %>
            <%- topic.name %>
          <% } %>
        <% }) %>
      <% } %>
    </div>

  <% } else if (view_model.isPageLoadingMode()) { %>
    <div class="modal-body loading">
      <img src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/spinners/32-ajax-loader.gif">
      Loading&hellip;
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="modal-body loading">
      Sorry there was a problem loading data. Please try again later.
    </div>
  <% } %>
  

  
  <% if (view_model.isTagCommentWithBusinessMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isTagSageBusinessMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isTagPostWithBusinessMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isRecommendBusinessByTopicMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isAddNoteMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>

      <button type="button" class="btn btn-primary continue-to-recommend">Post</button>
    </div>
  <% } else if (view_model.isAddNoteOnlyMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>

      <button type="button" class="btn btn-primary continue-to-topic">Continue</button>
    </div>
  <% } else if (view_model.isAddPageMode() && !page_create_model.isLoading()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted to-add-page-type-mode pull-left">Back</button>
      <button type="button" class="btn btn-primary add-page">Add Business</button>
    </div>
  <% } else if (view_model.isAddPageTypeMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted back-to-search pull-left">Back</button>
      <button type="button" class="btn btn-primary add-page-type">Continue</button>
    </div>
  <% } else if (view_model.isUseIgnoreDupeMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted back-to-add-page-mode pull-left">Back</button>
      <% if (page_create_model.getDupeList().length === 1) { %>
        <button type="button" class="btn btn-primary use-dupe">Yes, continue</button>
      <% } %>
    </div>
  <% } else if (view_model.isTagMentionYesMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel">Skip</button>
    </div>
  <% } else if (view_model.isClaimYourPageHookMode()) { %>
    <div class="modal-footer">
        <a type="button" class="btn btn-muted cancel pull-left">No, thanks</a>

        <div class="business-ux-claim-your-business-hook-cta-btn">
            <a role="button" class="btn btn-primary" href="<%- view_model.getBusinessUrl() %>">
                Claim your business page
            </a>
        </div>
    </div>
  <% } else if (view_model.isTopicChooseMode()) { %>

    <div class="modal-footer">
      <button type="button" class="btn btn-muted skip-to-recommend">Skip</button>
      <button type="button" class="btn btn-primary save-and-recommend">Continue</button>
    </div>
  <% } else if (view_model.isTagVerificationMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary verify-tag">Recommend</button>
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary cancel">Close</button>
    </div>
  <% } %>
  
    </div>
    </div>
</script>
  

    
  
  
  
    
  
  
    
  
  <div role="menubar" class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner shadow">
    <div class="container">
      <div class="top-nav">
        <div class="primary-nav">
          <div class="brand">
            <a href="/" title="Nextdoor">
              <div class="nd-logo"><i>Nextdoor</i></div>
            </a>
          </div>
        </div>

          
            <a class="sign-in-link" href="/login/?next=/pages/midlothian-police-department" data-utm-tracking="true">Sign in</a>
          
      </div>
    </div>
  </div>

  
    <div id="header-signup-cta">
      <div class="container">
        
          
        
        <div class="text">
          
            <a class="page-name" href="/agency-detail/tx/midlothian/midlothian-police-department/">Midlothian Police Department</a> is on Nextdoor, the private social network for neighborhoods.
          
        </div>
        <span class="pull-right signup-btn">
          <a href="/" data-utm-tracking="true" class="btn btn-primary">Sign up for Nextdoor</a>
        </span>
      </div>
    </div>
  
</div>

  
  


<div class="breadcrumb-container">
  <div class="container seo-breadcrumb-container">
    <div id="breadcrumb" class="row seo-breadcrumb">
      <ol class="breadcrumb">
         
            <li id="breadcrumb-format"><a href="/find-neighborhood/tx/" data-utm-tracking="true">Texas</a></li>
         
            <li id="breadcrumb-format"><a href="/city/midlothian--tx/" data-utm-tracking="true">Midlothian</a></li>
         
            <li id="breadcrumb-format"><a href="/agency-city/tx/midlothian/" data-utm-tracking="true">Midlothian Public Agencies</a></li>
         
            <li id="breadcrumb-format"><a href="/agency-detail/tx/midlothian/midlothian-police-department/" data-utm-tracking="true">Midlothian Police Department</a></li>
         
         
      </ol>
      <div class="dropdown">
        <button class=" dropdown-toggle" type="button" data-toggle="dropdown"  aria-expanded="true">
          
          <span class="glyphicon-chevron-down"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          
              <li role="presentation"><a role="menuitem" tabindex="-1" href="/find-neighborhood/tx/" data-utm-tracking="trye">Texas</a></li>
          
              <li role="presentation"><a role="menuitem" tabindex="-1" href="/city/midlothian--tx/" data-utm-tracking="trye">Midlothian</a></li>
          
              <li role="presentation"><a role="menuitem" tabindex="-1" href="/agency-city/tx/midlothian/" data-utm-tracking="trye">Midlothian Public Agencies</a></li>
          
              <li role="presentation"><a role="menuitem" tabindex="-1" href="/agency-detail/tx/midlothian/midlothian-police-department/" data-utm-tracking="trye">Midlothian Police Department</a></li>
          
        </ul>
      </div>
    </div>
  </div>
</div>


  
    
    
   
  
<script id="typeahead-neighbor-services-template" type="text/template">
  <div class="featured-search-typeahead-list">
    <span class="search-typeahead-featured-title"><%- title_label_text %></span>
    <p class="search-typeahead-featured-subtitle">
      <%- subtitle_label_text %>
    </p>
    <a href="<%= redirect %>" class="search-typeahead-featured-button">
      <%- button_text %>
    </a>
  </div>
</script>
<script id="typeahead-user-template" type="text/template">
  <div class="search-typeahead-list">
    <img class="search-typeahead-avatar" src="<%= _.resizeAvatar(image) %>" alt="<%- label %>">
    <span class="search-typeahead-row search-typeahead-user-name"><%- label %></span>
    <span class="search-typeahead-row search-typeahead-address"><%- address %></span>
  </div>
</script>
<script id="typeahead-category-template" type="text/template">
  <div class="search-typeahead-list">
    <span class="search-typeahead-row search-typeahead-category-name"><%- label %></span>
  </div>
</script>
<script id="typeahead-business-template" type="text/template">
  <div class="search-typeahead-list">
    <img class="search-typeahead-avatar business" src="<%= image %>" alt="<%- label %>">
    <span class="search-typeahead-row search-typeahead-business-name"><%- label %></span>
    <span class="search-typeahead-row search-typeahead-address"><%- address %></span>
  </div>
</script>
<script id="typeahead-allresults-template" type="text/template">
  <div class="search-typeahead-list all-results">
    <span class="glyphicon-search search-typeahead-glyphicon"></span>
    <span class="search-typeahead-row search-typeahead-allresults">All results for &quot;<strong><%- label %></strong>&quot;</span>
  </div>
</script>
<script id="typeahead-topten-title-template" type="text/template">
  <div class="search-typeahead-title">
    <span class="search-typeahead-title-row"><strong>TOP SEARCHES IN <%- neighborhood %></strong></span>
  </div>
</script>
  

<script type="text/template" id="alert-tmpl">
  <div id="alert" class="alert <%= alert_type ? 'alert-' + alert_type : '' %> <%= dismissible ? 'alert-dismissible' : '' %>" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <%= msg %>
  </div>
</script>
  
<script type="text/template" id="flag_modal_placeholder_inappropriate_tmpl">
  Please provide detail on why this post is inappropriate, and share feedback on how your neighbor could edit it to make it more constructive.
</script>

<script type="text/template" id="flag_modal_placeholder_racial_profiling_tmpl">
  Please provide detail on why this post is racial profiling, and share feedback on how your neighbor could edit it to make it more constructive.
</script>

<script type="text/template" id="flag_modal_placeholder_commercial_tmpl">
  Please provide detail on why this post is commercial.
</script>

<script type="text/template" id="flag_modal_placeholder_error_tmpl">
  Please indicate why you think this was posted in error. Thanks for keeping your Nextdoor site tidy.
</script>

<script type="text/template" id="flag_modal_placeholder_general_tmpl">
  Please provide detail if necessary.
</script>

<script type="text/template" id="flag_modal_note_commercial_tmpl">
  Use this flag for: Posts or replies that violate our <a href="https://help.nextdoor.com/customer/en/portal/articles/1428058-nextdoor-guidelines-faq#8" target="_blank">Guidelines about commercial posting</a>.
</script>

<script type="text/template" id="flag_modal_note_racial_profiling_tmpl">
  <b>There are two ways that content can violate our racial profiling Guideline:</b><br>
  &bull; By reporting activity that is not potentially criminal (<a href="https://help.nextdoor.com/customer/en/portal/articles/1959173-reporting-suspicious-behavior-to-your-neighbors#e" target="_blank">see examples</a>).<br>
  &bull; By failing to use distinctive characteristics or describe the person involved, and thereby casting suspicion on an entire race or ethnicity.
</script>


    <script type="text/template" id="about-tmpl">
  <div class="section biography <%= full_model.isPageOwner() ? 'page-owner' : '' %>" id="about">
    <% if (full_model.isPageOwner()) { %>
      <h4 class="section-heading">About
        <% if (full_model.isPageOwner()) { %>
        <span class="about-edit"><i class="icon-pencil"></i> Click to edit</span>
        <% } %>
      </h4>
    <% } else if (full_model.getTopics().length || model.about) { %>
      <h4 class="section-heading">About</h4>
    <% } %>
    <div class="row">
      <% if (model.about) { %>
        <div class="span about">
            <i class="image-icon quote-icon"></i>
            <div class="toggle-truncated" id="about-page"><%= _(model.pruned_about).nl2br() %></div>
        </div>
      <% } else if (full_model.isPageOwner()) { %>
        <div class="span about">
            <p>
              Click here to edit your page information.
            </p>
        </div>
      <% } %>
      <div class="span details">
        <ul class="unstyled">
            <% if (full_model.getHours()) { %>
              <li class="page-hours">
                <i class="image-icon clock-icon"></i>
                <ul class="unstyled">
                  <% _.each(full_model.getHours(), function(hour) { %>
                  <li><%= hour.display_string %></li>
                <% }); %>
                </ul>
              </li>
            <% } %>
            <% if (full_model.getPhoneNumber()) { %>
              <li class="page-number"><i class="image-icon home-phone-icon"></i>
                <span><a href="tel:<%- full_model.getPhoneNumberTelFormat() %>"><%- full_model.getPhoneNumber() %></a></span>
              </li>
            <% } %>
            <% if (full_model.getPublicUrl()) { %>
              <li class="page-website"><i class="image-icon link-icon"></i>
                <a href="<%- full_model.getPublicUrlWithProtocol() %>"><%= full_model.getDomain() %></a>
              </li>
            <% } %>
            <% if (full_model.getDisplayEmail()) { %>
              <li class="page-email"><i class="image-icon email-icon"></i>
                <span><a href="mailto:<%- full_model.getDisplayEmail() %>"><%- full_model.getDisplayEmail() %></a></span>
              </li>
            <% } %>
            <% if (full_model.getTopics().length) { %>
              <li class="page-topics"><i class="image-icon tag-icon"></i>
                <% _.each(full_model.getTopics(), function(topic, n) { %>
                  <% if (n > 0) { %>
                    ,
                  <% } %>
                  <% if (topic.viewable) { %>
                    <a href="/topic/<%= topic.id %>/">
                      <%- topic.name %>
                    </a>
                  <% } else { %>
                      <%- topic.name %>
                  <% } %>
                <% }) %>
                <% if (full_model.isLoggedIn()) { %>
                  / <a href="#" role="button" class="init-topic-edit-modal">Edit Categories</a>
                <% } %>
              </li>
            <% } %>
        </ul>
      </div>
    </div>
  </div>
</script>
    

<script type="text/template" id="header-tmpl">
  <div class="page-header <% if (model.isMunicipalPage()) { %>municipal<% } %>"
       <% if (model.getBackgroundPhoto()) { %>
       style="background: url('<%- model.getBackgroundPhoto() %>') center center; background-size: cover;"
       <% } %>>

    
    <% if (model.isPageOwner() && !model.isSingleStory()) { %>
  <% if (!view_state.IS_COMPLETE_PROFILE) { %>
  <div class="header-alert-info incomplete">
    <% if (model.isMunicipalPage()) { %>
    Please complete your agency's about page.
    <% } else if (model.isNewsPage()) { %>
    Your News Page is not yet live. Please complete your profile.
    <% } else { %>
    Your Local Page is not yet live. Please complete your profile.
    <% } %>
  </div>
  <% } else if (!view_state.WAS_IMMEDIATELY_COMPLETED) { %>
  <div class="header-alert-info complete">
    Congrats! Your page is now live.
  </div>
  <% } else if (!model.isActive()) { %>
    <div class="header-alert-info deactivated">
      This page is not yet live. Only you, the owner, can see it.
    </div>
  </div>
  <% } %>
  <a role="button" href="#change_header_modal" data-toggle="modal" class="btn-change-header"><i class="ss-camera icon"></i></a>
<% } else { %><% } %>

    <div class="content">
      
      <% if (model.getAvatarPhoto()) { %>
  <% if (model.isPageOwner()) { %>
    <a role="button" class="btn-change-avatar profile-pic" href="#change_avatar_modal" data-toggle="modal">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
      <i class="ss-camera icon"></i>
    </a>
  <% } else { %>
    <div class="profile-pic">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
    </div>
  <% } %>
<% } %>
    </div>

  </div>
  <div class="header-bottom-container">
    <div class="name-and-address clearfix">
      <h1><%= model.nameFormatted() %></h1>
      <div class="user-total">
        <% if (model.primaryFeatureIsRecommend()) { %>
  <i class="ss-heart pulse"></i>
  <%= model.getPrimaryUserCollectionLength() %>
<% } %>
      </div>
      <% if (model.getFullAddress()) { %>
        <address><%- model.getFullAddress() %></address>
      <% } %>
    </div>

    
    <% if (!model.isPageOwner() && !model.isCityUser()) { %>
      <div class="page-actions clearfix">
        
<% if (model.isMunicipalPage()) { %>

  
  <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isFollowingMunicipality(), ' active') %>">
    <button type="button" class="btn-pages-subscribe btn-entity bootstrap-popover">
      <i class="entity-sprite entity-page-icon-subscribe-<%= model.isFollowingMunicipality() ? 'active' : 'default' %> <%= classIf(model.canSupport(), 'pulse') %>"></i>
      <%= model.subscribeVerb() %>
    </button>
  </div>

<% } else { %>
  <% if (model.primaryFeatureIsRecommend()) { %>

    
    <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isSupporter(), ' active') %>">
      <button type="button" class="btn-pages-support btn-entity bootstrap-popover">
        <i class="entity-sprite entity-page-icon-recommend-<%= model.isSupporter() ? 'active' : 'default' %> <%= classIf(model.canSupport(), 'pulse') %>"></i>
        <%= model.supportVerb() %>
      </button>
    </div>

  <% } else if (model.primaryFeatureIsSubscribe()) { %>

    
    <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isSubscribed(), ' active') %>">
      <button type="button" class="btn-pages-subscribe btn-entity bootstrap-popover">
        <i class="entity-sprite entity-page-icon-subscribe-<%= model.isSubscribed() ? 'active' : 'default' %> <%= classIf(model.canSupport(), 'pulse') %>"></i>
        <%= model.subscribeVerb() %>
      </button>
    </div>

  <% } %>

<% } %>


<div class="btn-entity-container <%= classIf(!model.hasContactInformation(), ' disallowed') %>">
  <button type="button"
        <% if (!model.hasContactInformation()) { %>
          disabled
        <% } %>
          class="dropdown-toggle btn-entity cdot page-contact-button">
          <i class="entity-sprite entity-page-icon-contact-default"></i>
          Contact
  </button>
</div>
      </div>
    <% } %>
  </div>
  
  <% if (model.hasPopovers()) { %>
  <div class="hide">

    <div id="popover-message">
      <% if (model.isPageOwner()) { %>
        <%= noSelfMessageText %>
      <% } else { %>
        <%= membersOnlyMessageText %>
      <% } %>
    </div>

    <div id="popover-support">
      <% if (model.isPageOwner()) { %>
        <%= noSelfRecommendText %>
      <% } else { %>
        <%= membersOnlyRecommendText %>
      <% } %>
    </div>

    <div id="popover-subscribe">
      <%= membersOnlySubscribeText %>
    </div>

  </div>
<% } %>
</script>

<script type="text/template" id="recommendations-header-view-tmpl">
  <div class="page-header combined <% if (model.isMunicipalPage()) { %>municipal<% } %>"
       <% if (model.getBackgroundPhoto()) { %>
       style="background: url('<%- model.getBackgroundPhoto() %>') center center; background-size: cover;"
       <% } %>>

    
    <% if (model.isPageOwner() && !model.isSingleStory()) { %>
  <% if (!view_state.IS_COMPLETE_PROFILE) { %>
  <div class="header-alert-info incomplete">
    <% if (model.isMunicipalPage()) { %>
    Please complete your agency's about page.
    <% } else if (model.isNewsPage()) { %>
    Your News Page is not yet live. Please complete your profile.
    <% } else { %>
    Your Local Page is not yet live. Please complete your profile.
    <% } %>
  </div>
  <% } else if (!view_state.WAS_IMMEDIATELY_COMPLETED) { %>
  <div class="header-alert-info complete">
    Congrats! Your page is now live.
  </div>
  <% } else if (!model.isActive()) { %>
    <div class="header-alert-info deactivated">
      This page is not yet live. Only you, the owner, can see it.
    </div>
  </div>
  <% } %>
  <a role="button" href="#change_header_modal" data-toggle="modal" class="btn-change-header"><i class="ss-camera icon"></i></a>
<% } else { %><% } %>
    <div class="content">
      
      <% if (model.getAvatarPhoto()) { %>
  <% if (model.isPageOwner()) { %>
    <a role="button" class="btn-change-avatar profile-pic" href="#change_avatar_modal" data-toggle="modal">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
      <i class="ss-camera icon"></i>
    </a>
  <% } else { %>
    <div class="profile-pic">
      <span class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></span>
    </div>
  <% } %>
<% } %>
    </div>
  </div>

  
  <div class="recommendations-header">
    <div class="name-row" data-target="<%- moreInfoSelector %>" data-toggle="modal">
      <h1>
        <%= model.nameFormatted() %>
        <i class="icon-chevron-right"></i>
      </h1>
    </div>

    <div class="page-header-about">
      <div class="toggle-truncated" id="page-header-about-text"><%= model.getPrunedAbout() %></div>
    </div>

    <div class="more-info-row" data-target="<%- moreInfoSelector %>" data-toggle="modal">

      <% if (model.getPublicUrl()) { %>
        <div>
          <a class="js-page-url-click" target="_blank" href="<%- model.getPublicUrlWithProtocol() %>">
              <i class="image-icon link-icon"></i>&nbsp;<%- model.getDomain() %></a>
        </div>
      <% } else if (model.getPhoneNumber()) { %>
        <div>
          <a class="page-phone-link js-more-info-btn" href="tel:<%- model.getPhoneNumberTelFormat() %>">
            <i class="image-icon home-phone-icon"></i>&nbsp;<%- model.getPhoneNumber() %>
          </a>
          </div>
      <% } else if (model.getFullAddress()) { %>
        <div>
          <i class="image-icon map-icon"></i>&nbsp;
          <address class="js-more-info-btn"><%- model.getFullAddress() %></address>
        </div>
      <% } %>

      <div class="more-info-btn">
        
        <a href="#" role="button" class="js-more-info-btn">
          More info&hellip;
        </a>
      </div>
    </div>

    <div class="page-actions page-actions-row clearfix">
    <% if (model.getFeatureSet().canRecommend()) { %>
      
      <div class="facepile">
        <ul class="facepile-search unstyled list">
          <% if (supportersFacepile.length <= 6) { %>
            <% _.each(supportersFacepile, function(avatar) { %>
            <li>
              <a href="/profile/<%= avatar.id %>/" class="facepile-avatar-profile-link">
                  <img src="<%= avatar.avatar_url %>" class="avatar">
              </a>
            </li>
            <% }); %>
          <% } else { %>
            <% var limitTo = 5 %>
            <% _.each(supportersFacepile.slice(0, limitTo), function(avatar) { %>
              <li>
                <a href="/profile/<%= avatar.id %>/" class="facepile-avatar-profile-link">
                    <img src="<%= avatar.avatar_url %>" class="avatar">
                </a>
              </li>
              <% }); %>
            <% } %>
          </ul>

          <div class="user-totals user-totals-after">
            <% if (numRecommenders > 0) { %>
            <i class="ss-heart pulse"></i>
            <%= recommendText %>
            <% } %>
          </div>
        </div>
      <% } %>
      
          <div class="action-bar clearfix">
            
            <% if (model.getFeatureSet().canRecommend()) { %>
              <div class="btn-entity-container">
                <div class="<%= classIf(model.isSupporter(), ' active') %>">
                  <button type="button" class="btn-pages-support btn-entity bootstrap-popover">
                    <i class="entity-sprite entity-page-icon-recommend-<%= model.isSupporter() ? 'active' : 'default' %>"></i>
                    <i class="ss-heart"></i>
                    <%= model.supportVerb() %>
                  </button>
                </div>
              </div>
            <% } %>
            
            <% if (model.getFeatureSet().canSubscribe()) { %>
              <div class="btn-entity-container<%= classIf(model.actionsDisallowed(), ' disallowed') %><%= classIf(model.isSubscribed(), ' active') %>">
                <button type="button" class="btn-pages-subscribe btn-entity bootstrap-popover">
                  <%= model.subscribeVerb() %>
                </button>
              </div>
            <% } %>
            <% if (model.canMessage()) { %>
                <div class="btn-entity-container">
                    <button class="js-btn-pm btn btn-entity page-message-link"
                            data-recipient-group-id="<%= model.getId() %>"
                            data-recipient-id="<%= model.pageOwnerId() %>"
                            data-recipient-name="<%- model.pageOwnerName() %>"
                            data-toggle="modal"
                            data-backdrop="static"
                            data-target="#compose-message-modal"
                            type="button">
                              Message
                    </button>
                </div>
            <% } %>
          </div>
        
    </div>
  </div>
</script>

<script type="text/template" id="recommendations-more-info-view-tmpl">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3 id="recommendations-more-info-header">
      <%- aboutText %>
    </h3>
  </div>
  <div class="modal-body">

    <% if (model.getAbout()) { %>
      <div class="recommendations-header-item pages-break-lines"><i class="image-icon quote-icon"></i> <%- model.getAbout() %></div>
    <% } %>

    <% if (model.getFullAddress()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon map-icon"></i>
        <address style="display: inline;">
          <a href="<%- model.getMapsDirectionsLink() %>" target="_blank" class="js-page-address-click">
            <%- model.getFullAddress() %>
          </a>
        </address>
      </div>
    <% } %>

    <% if (model.getHours()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon clock-icon"></i>
        <ul class="unstyled">
          <% _.each(model.getHours(), function(hour) { %>
          <li><%= hour.display_string %></li>
          <% }); %>
        </ul>
      </div>
    <% } %>

    <% if (model.getPhoneNumber()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon home-phone-icon"></i>
        <a href="tel:<%- model.getPhoneNumberTelFormat() %>" class="js-page-phone-click">
          <%- model.getPhoneNumber() %>
        </a>
      </div>
    <% } %>

    <% if (model.getDisplayEmail()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon email-icon"></i>
        <a href="mailto:<%- model.getDisplayEmail() %>" class="js-page-email-click">
          <%- model.getDisplayEmail() %>
        </a>
      </div>
    <% } %>

    <% if (model.getPublicUrl()) { %>
      <div class="recommendations-header-item">
        <i class="image-icon link-icon"></i>
        <a href="<%- model.getPublicUrlWithProtocol() %>" target="_blank" class="js-page-url-click">
          <%= model.getDomain() %>
        </a>
      </div>
    <% } %>

    <% if (!model.isMunicipalPage()) { %>
      <% if (model.isLoggedIn()) { %>
        <div class="recommendations-header-item recommendations-header-topics">
          <i class="image-icon tag-icon"></i>
          <% if (model.getTopics().length) { %>
            <% _.each(model.getTopics(), function(topic, n) { %>
              <% if (topic.viewable) { %>
                <a href="/topic/<%= topic.id %>/" class="token js-page-topic-click" data-topic-id="<%= topic.id %>"><%- topic.name %></a>
              <% } else { %>
                <span class="token unclickable-topic-token"><%- topic.name %></span>
              <% } %>
            <% }) %>
            <a href="#" role="button" class="init-topic-edit-modal">Edit Categories</a>
          <% } else { %>
            <a href="#" role="button" class="init-topic-edit-modal">Add Categories</a>
          <% } %>
        </div>

        <div class="recommendations-header-item">
          <a href="#" role="button" class="move-to-menu-mode js-report-page-click">Report an issue</a>
        </div>
      <% } else if (model.getTopics().length) { %>
        <div class="recommendations-header-item recommendations-header-topics">
          <i class="image-icon tag-icon"></i>
          <% _.each(model.getTopics(), function(topic, n) { %><% if (n) { %>, <% } %><%- topic.name %><% }) %>
        </div>
      <% } %>

      <% if (model.getGooglePlaceId()) { %>
        <div class="recommendations-header-powered-by-google">
            <img src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/logos/powered_by_google_on_white.png"/>
        </div>
      <% } %>
    <% } %>
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</script>
    
<script type="text/template" id="supporters-map-overlay-tmpl">
  <div class="supporters-map-marker">
    <div class="marker">
      <i class="ss-heart"></i> <span class="count"><%= users.length %></span>
    </div>
    <div class="triangle-down"></div>
    <div>
      <span class="neighborhood-name"><%- name %></span>
    </div>
  </div>
</script>

    
<script type="text/template" id="tmpl_badge_code"><a target="_blank" href="<%= url %>"><img src="<%= imgSrc %>" alt="Connect with us on Nextdoor"/></a></script>
    


<script type="text/template" id="business-search-view-search-tmpl">
  <span class="glyphicon-search business-search-icon"></span>
  
  
  <input type="text"
         placeholder="<% if (is_prompted_tagging) { %>Search for the business by name&hellip;<% } else { %>Search for a business by name&hellip;<% } %>"
         value="<%- search %>"
         class="input-block-level business-search-input">
</script>


<script type="text/template" id="business-search-view-results-tmpl">
  <% if (!search.length) { %>
    <span class="help-inline text-muted">Ex: "Ace Roofing" or "Joe's Auto Repair"</span>
  <% } %>
  <div class="results">
    <% _.each(results, function(result, index) { %>
      <div class="typeahead-result business-result<%= rowIsSelected(index) ? ' row-highlight' : '' %>"
           data-index="<%= index %>">
        <div class="business-name">
          <span class="glyphicon-search"></span> <%- result.business_name %>
        </div>
      </div>
    <% }); %>
    <% if (search.length) { %>
      <div class="see-more-results">
        <span class="glyphicon-search"></span> <%- searchForText %>
      </div>
    <% } %>
    <% if (!view_model.hasUserProfileId() &&
      (view_model.isTagCommentWithBusinessMode() || view_model.isTagPostWithBusinessMode() || view_model.isTagMentionYesMode()) &&
      results.length === 0) { %>
      <div class="why-message">
        <strong>Why is tagging important?</strong><br>
        Tagging a reply makes it easier for neighbors to find comments on a business.
      </div>
    <% } %>
  </div>
</script>


<script type="text/template" id="business-search-view-full-results-tmpl">
  <div class="results">
    <% _.each(results, function(result, index) { %>
      <div class="business-result<%= rowIsSelected(index) ? ' row-highlight' : '' %>"
           data-index="<%= index %>">
        <div class="business-name">
          <%- result.business_name %>
        </div>
        <small>
          <% if (result.business_address_full) { %>
            <%- result.business_address_full %>
          <% } %>
        </small>
      </div>
    <% }); %>
    
      <div class="member-added-prompt">
        <a href="#" role="button" class="to-add-page-type-mode"><span class="glyphicon-plus"></span> Don't see it? Add a business or individual</a>
      </div>
  </div>
</script>


<script type="text/template" id="business-search-no-results-tmpl">
  <div class="results">
    <div class="no-results">Sorry, we can't find a business with that name in your area. Please search again.</div>
    
      <div class="member-added-prompt">
        <a href="#" role="button" class="to-add-page-type-mode"><span class="glyphicon-plus"></span>Add a business or individual</a>
      </div>
  </div>
</script>


<script type="text/template" id="business-search-spinner-tmpl">
  <div class="spinner-container">
    <img class="spinner" src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/images/spinner@2x.png">
  </div>
</script>


<script type="text/template" id="comment-business-tag-view-tmpl">
  <% if (comment_model.shouldShowField()) { %>
    
    <textarea style="resize:none" rows="1" cols="1" class="input-block-level"
              placeholder="Write a reply&hellip;"
              id="comment_body" name="body"><%- comment_model.getBody() %></textarea>
  <% } %>

  <% if (view_model.isPageLoading()) { %>
    <div class="comment-business-tag-loading">
      Loading&hellip;
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="comment-business-tag-loading">
      Sorry there was a problem loading data. Please try again later.
    </div>
  <% } else { %>
    <input type="hidden" name="page_id" value="<%- model ? model.getId() : '' %>">
  <% } %>


  <% if (model) { %>
    <div class="comment-business-tag-container inline-page-tile">
        <a href="<%- model.getUrlForId() %>?is=cpt" target="_blank"><span><%- model.nameFormatted() %></span></a>
        <a href="javascript:void(0)" class="page-tile-remove"><img src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/images/linkbox-close-2x.png"/></a>
        <input type="hidden" name="sentiment"
                     <% if (comment_model.hasPositiveSentiment()) { %>
                     value="positive"
                     <% } else { %>
                     value="non_positive"
                     <% } %>
        >
        <% if (comment_model.hasTopicIds()) { %>
            <input type="hidden" name="topics_to_add" value="<%= comment_model.getTopicIds() %>">
        <% } %>
        <% if (comment_model.hasFreeFormTags()) { %>
            <input type="hidden" name="free_form_tags_to_add" value="<%- comment_model.getFreeFormTags() %>">
        <% } %>
        <input type="hidden" name="share_comment"
                     <% if (comment_model.getShareComment()) { %>
                     value="true"
                     <% } else { %>
                     value="false"
                     <% } %>
        >
    </div>
  <% } %>
</script>



<script type="text/template" id="recommendation-add-view-tmpl">
  <% var heart = '<div class="header-heart"></div>'; %>
  <% var comment = '<div class="header-comment"></div>'; %>
  <% var tag = '<div class="header-tag"></div>'; %>
  <% var checkmark = '<div class="header-check"></div>'; %>
  <% var business = '<div class="header-business"></div>'; %>
  <% var modalCloseBtn = '<button type="button" class="close cancel" data-dismiss="modal" aria-hidden="true">&times;</button>' %>
  
  <% var businessName = 'this business' %>
  <% var businessAddress = '' %>
  <% var recsCount = 0 %>
  <% if (model) {
        businessName = model.nameFormatted();
        businessAddress = model.addressFormatted();
        recsCount = model.getSupportersLength();
    }
  %>
  <div class="modal-dialog">
  <div class="modal-content">

  
  <% if (view_model.isAddNoteMode()) { %>
    <div class="modal-header">
      <%= comment %>
      <%= modalCloseBtn %>
      <h3>
        Thanks! Add a comment.
      </h3>
    </div>
  <% } else if (view_model.isAddNoteOnlyMode()) { %>
    <div class="modal-header">
      <%= heart %>
      <%= modalCloseBtn %>
      <h3>
        Thanks! Tell neighbors why you recommend this business.
      </h3>
    </div>
  <% } else if (view_model.isConfirmMentionYesOnCommentMode() ||
                view_model.isConfirmMentionOnCommentMode() ||
                view_model.isConfirmMentionOnPostMode() ||
                view_model.isConfirmMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <h3>
            <%- didTheyRecommendText %>
        </h3>
      <% } else { %>
        <h3>
            <%- wouldYouRecommendText %>
        </h3>
      <% } %>
    </div>
  <% } else if (view_model.isClaimYourPageHookMode()) { %>
    <div class="modal-header">
        <%= checkmark %>
        <%= modalCloseBtn %>
        <h3>Thanks! Now, would you like to claim your page?</h3>
    </div>
  <% } else if (view_model.isRecommendBusinessByTopicMode()) { %>
    <div class="modal-header">
      <%= heart %>
      <%= modalCloseBtn %>
      <h3>
        Great! Find the business you want to recommend.
      </h3>
    </div>
  <% } else if (view_model.isTopicChooseMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% var taggable_topics = view_model.getTopicChoiceGiven();
        if (taggable_topics.length) { %>
            <h3>
                Next, please confirm the category of this business.
            </h3>
        <% } else { %>
            <h3>
                Next, what is the category of this business?
            </h3>
        <% } %>
    </div>
  <% } else if (view_model.isTagCommentWithBusinessMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% if (is_prompted_tagging) { %>
        <h3>
            It looks like you mentioned a business. Can you please tag it so neighbors can easily find it?
        </h3>
      <% } else { %>
        <h3>
            Find the business mentioned in this reply
        </h3>
      <% } %>
    </div>
  <% } else if (view_model.isTagSageBusinessMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <% if (view_model.hasUserProfileId()) { %>
        <h3>
            Does this reply mention this business?
        </h3>
      <% } else { %>
        <h3>
            In your reply, did you mention this business?
        </h3>
      <% } %>
    </div>
  <% } else if (view_model.isTagPostWithBusinessMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <h3>
        Find the business mentioned in this post
      </h3>
    </div>
  <% } else if (view_model.isAddPageMode()) { %>
    <div class="modal-header">
      <% if (page_create_model.isLoading()) { %>
        <h3><%- nowAddingText.supplant({businessName: businessName}) %></h3>
      <% } else { %>
        <%= business %>
        <%= modalCloseBtn %>
        <% if (page_create_model.isIndividualPageType()) { %>
            <h3>Thanks! Please add details about the individual.</h3>
        <% } else { %>
            <h3>Thanks! Please add details about the business.</h3>
        <% } %>
      <% } %>
    </div>
  <% } else if (view_model.isAddPageTypeMode()) { %>
    <div class="modal-header">
        <%= business %>
        <%= modalCloseBtn %>
        <h3>First, please describe the type of business</h3>
    </div>
  <% } else if (view_model.isUseIgnoreDupeMode()) { %>
    <div class="modal-header">
        <%= business %>
        <%= modalCloseBtn %>
        <% if (page_create_model.getDupeList().length > 1) { %>
            <h3>Did you mean to add one of these businesses instead?</h3>
        <% } else { %>
            <h3>Did you mean to add this business instead?</h3>
        <% } %>
    </div>
  <% } else if (view_model.isTagMentionYesMode()) { %>
    <div class="modal-header">
      <%= tag %>
      <%= modalCloseBtn %>
      <h3>
        Great! Find the business you are mentioning.
      </h3>
    </div>
  <% } else if (view_model.isTagVerificationMode()) { %>
    <div class="modal-header">
      <%= heart %>
      <%= modalCloseBtn %>
      <h3>
        Please confirm your mention
      </h3>
    </div>
  <% } else if (view_model.isPageLoadingMode()) { %>
    <div class="modal-header">
      <h3>
        Please Wait&hellip;
      </h3>
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="modal-header">
      <h3>
        Please try again later
      </h3>
    </div>
  <% } %>
  


  
  <% if (view_model.isConfirmMentionYesOnCommentMode() ||
                view_model.isConfirmMentionOnCommentMode() ||
                view_model.isConfirmMentionOnPostMode() ||
                view_model.isConfirmMode()) { %>

    <div class="modal-body step-confirm">
        <div class="business-card-with-actions">
            <div class="business-info">
                <div><strong><%- businessName %></strong></div>
                <div class="text-muted"><%- businessAddress %></div>
            </div>

            <div class="business-recommendation">
                <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
                    <button type="button" class="pull-left yes-recommend-confirm">
                        <div class="sentiment-step-recommend-heart-empty"></div>
                        Yes
                    </button>
                    <button type="button" class="btn btn-muted no-recommend-confirm">No</button>
                <% } else { %>
                    <button type="button" class="pull-left yes-recommend-confirm">
                        <div class="sentiment-step-recommend-heart-empty"></div>
                        Yes, I recommend
                    </button>
                    <button type="button" class="no-recommend-confirm">No thanks</button>
                <% } %>
            </div>
        </div>

        <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
            <div class="reply-tagging">
                <div class="reply-tagging-title">
                    <% if (view_model.isConfirmMentionOnCommentMode()) { %>
                        The reply you're tagging:
                    <% } else { %>
                        The post you're tagging:
                    <% } %>
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        <% } else if (!view_model.hasUserProfileId() && !view_model.isConfirmMode() && sharing_comments_from_setting) { %>
            <div class="share-with-business">
                <div class="let-business-know">Businesses appreciate your feedback!</div>
                <label class="checkbox">
                    <input type="checkbox" name="share_with_business" checked>
                    <span>Let the business see my name and comment.</span>
                    <a href="https://help.nextdoor.com/customer/en/portal/articles/2348579" target="_blank"> Learn more</a>
                </label>
            </div>
        <% } %>
    </div>

  <% } else if (view_model.isClaimYourPageHookMode()) { %>
    <div class="modal-body business-ux-claim-your-business-hook-container">
        <div class="business-ux-claim-your-business-hook-body text-muted">
            Reply to neighbors who are talking about your business, keep your contact information current, and grow your reputation in the neighborhood.
        </div>

        <div class="biz-recs-info-card">
            <div class="biz-recs-name-addr">
                <div class="biz-recs-name"><%- businessName %></div>
                <div class="text-muted"><%- view_model.getAddressParts()['part_1'] %></div>
                <div class="text-muted"><%- view_model.getAddressParts()['part_2'] %></div>
            </div>

            <div class="biz-recs-count">
                <% if (recsCount === 0) { %>
                    <div class="zero-recommendation-heart-box">
                        <i class="ss-heart pulse zero-recommendation-heart"></i>
                <% } else { %>
                    <div class="heart-box">
                        <i class="ss-heart pulse"></i>
                <% } %>
                        <%- recsCount %>
                    </div>
            </div>
        </div>
  <% } else if (view_model.isAddPageTypeMode()) { %>

    <div class="modal-body media-recommendation-modal-size">
      <div class="step-confirm">
      <label class="radio">
        <input type="radio" name="page_type" value="business"
          <% if (!page_create_model.isIndividualPageType()) { %>
            checked
          <% } %>
        > Official business<br>
        <span class="text-muted">This operates under a business name and may have multiple employees. Ex: "Ace Plumbing" or "Westfield Tutoring".
        </span>
        <label class="checkbox js-is-owner-business-label member-added-page-is-owner-label
            <% if (page_create_model.isIndividualPageType()) { %>
                member-added-page-visibility-hidden-field
            <% } %>">
          <input type="checkbox" name="is_owner_business"
              <% if (page_create_model.getIsOwner()) { %>
                checked="checked"
              <% } %>
          > I own this business.
        </label>
      </label><br>
      <label class="radio">
        <input type="radio" name="page_type" value="individual"
          <% if (page_create_model.isIndividualPageType()) { %>
            checked
          <% } %>
        > Individual provider<br>
        <span class="text-muted">This is an individual operating under their own name. They must be over 18-years-old. Ex: "Jill Smith".
        </span>
        <label class="checkbox js-is-owner-individual-label member-added-page-is-owner-label
            <% if (!page_create_model.isIndividualPageType()) { %>
                member-added-page-visibility-hidden-field
            <% } %>">
          <input type="checkbox" name="is_owner_individual"
              <% if (page_create_model.getIsOwner()) { %>
                checked="checked"
              <% } %>
          > I'm adding myself.
        </label>
      </label>
      </div>
    <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
      <div class="add-business-show-content">
        <div class="reply-tagging">
            <div class="reply-tagging-title">
                <% if (view_model.getTaggingContent().comment_id) { %>
                    The reply you're tagging:
                <% } else { %>
                    The post you're tagging:
                <% } %>
            </div>
            <div class="reply-content">
              <%- view_model.getTaggingContent().body %>
            </div>
        </div>
      </div>
    <% } %>
    </div>

  <% } else if (view_model.isUseIgnoreDupeMode()) { %>

    <div class="modal-body search-only use-or-ignore-dupe">
        <% if (page_create_model.getDupeList().length > 1) { %>
            <div class="explain">
                We found businesses similar to the one you added. Are any of these the correct business?
            </div>
            <% _.each(page_create_model.getDupeList(), function(dupe, index) { %>
                <div class="js-select-dupe-item dupe-result-li<% if (index == 0) { %> dupe-result-li-first<% } %>" data-dupe-index="<%- index %>">
                    <div class="business-name">
                      <%- dupe.name %>
                    </div>
                    <small>
                        <%- dupe.phone_number %>
                    </small>
                    <div class="sage-yes">
                        Yes
                    </div>
                </div>
            <% }) %>
        <% } else { %>
            <div class="explain">
                We found a similar business to the one you added. Is this the correct business?
            </div>
            <div class="dupe-result">
                <div class="business-name">
                  <%- page_create_model.getDupeList()[0].name %>
                </div>
                <small>
                    <%- page_create_model.getDupeList()[0].phone_number %>
                </small>
            </div>
        <% } %>
        <div class="no-create-anyway">
            <a href="#" role="button" class="create-anyway">If not, use the one you entered</a>
        </div>
    </div>

  <% } else if (view_model.hasAddForm()) { %>

    <div class="modal-body step-add">

      <% if (view_model.validationError) { %>
        <div class="alert alert-error">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <%- view_model.validationError %>
        </div>
      <% } %>


      <% if (view_model.hasCustomError()) { %>
        <div class="alert alert-error">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <%- view_model.getCustomError() %>
        </div>
      <% } %>

      <div class="media">
        
        <div class="media-body">
          <textarea name="body"
                    <% if (view_model.isAddNoteMode()) { %>
                      placeholder="<%- addCommentText.supplant({businessName: businessName}) %>&hellip;"
                    <% } else { %>
                      placeholder="<%- enterCommentText.supplant({businessName: businessName}) %>&hellip;"
                    <% } %>
                    class="input-block-level"><%- view_model.getBody() %></textarea>
          <% if (sharing_comments_from_setting) { %>
          <label class="checkbox share-with-business-form">
                <input type="checkbox" name="share_with_business" checked>
                <span class="text-muted"><%- shareCommentText.supplant({businessName: businessName}) %></span>
                <a href="https://help.nextdoor.com/customer/en/portal/articles/2348579" target="_blank"> Learn more</a>
          </label>
          <% } %>
        </div>
      </div>
    </div>

  <% } else if (view_model.isTopicChooseMode()) { %>
    <div class="modal-body search-only">
        <div class="topic-search-input">
            <% var taggable_topics = view_model.getTopicChoiceGiven();
            if (taggable_topics.length) { %>
                <div class="topic-given">
                <% for (var i = 0; i < taggable_topics.length; i++) { %>
                    <label class="checkbox">
                    <input type="checkbox" name="topic_choice" value="<%= taggable_topics[i].id %>" checked>
                        <%= taggable_topics[i].name %>
                    </label>
                <% } %>
                </div>
            <% } %>

              
              
              <input id="topic_mode_topics" name="topics"
                     type="text" autocomplete="off"
                     placeholder="<% if (taggable_topics.length) { %>Or, search for a different category<% } else { %>Search for a business category<% } %>"
                     class="input-block-level">
              <span class="help-inline text-muted">Ex: Plumber, Caterer, Roofer, Restaurant, etc.</span>
        </div>
    </div>

  <% } else if (view_model.isRecommendBusinessByTopicMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <div id="business-search-results"
           
           data-handle_select="handleBusinessSelect"
           data-handle_page_add="handleToAddPageMode"></div>
    </div>

  <% } else if (view_model.isTagCommentWithBusinessMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <div class="lead-tagging">
            <div id="business-search-results"
               
               data-handle_select="handleTagCommentWithBusinessSelect"
               data-handle_page_add="handleToAddPageMode"></div>
            <div class="reply-tagging">
                <div class="reply-tagging-title">
                    The reply you're tagging:
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        </div>
      <% } else { %>
        <div id="business-search-results"
           
           data-handle_select="handleTagCommentWithBusinessSelect"
           data-handle_page_add="handleToAddPageMode"></div>
      <% } %>
    </div>

  <% } else if (view_model.isTagSageBusinessMode()) { %>
    <div class="modal-body search-only sage-business-tag">
        <div class="sage-business-result">
            <div class="business-name">
              <%- view_model.getSageBusiness().name %>
            </div>
            <small>
              <% if (view_model.getSageBusiness().location && view_model.getSageBusiness().location.full_address) { %>
                <%- view_model.getSageBusiness().location.full_address %>
              <% } %>
            </small>
            <div class="sage-yes">
                Yes
            </div>
        </div>
        <div class="select-other-business">
            <a href="#" role="button" class="to-tag-comment-search"><span class="glyphicon-search"></span> Or, search for a different business</a>
        </div>
        <% if (view_model.hasUserProfileId()) { %>
            <div class="reply-tagging sage-prompted-reply-tagging">
                <div class="reply-tagging-title">
                    The reply you're tagging:
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        <% } else { %>
            <div class="why-message">
                <strong>Why is tagging important?</strong><br>
                Tagging a reply makes it easier for neighbors to find comments on a business.
            </div>
        <% } %>
    </div>

  <% } else if (view_model.isTagPostWithBusinessMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <div class="lead-tagging">
            <div id="business-search-results"
               
               data-handle_select="handleTagPostWithBusinessSelect"
               data-handle_page_add="handleToAddPageMode"></div>
            <div class="reply-tagging">
                <div class="reply-tagging-title">
                    The post you're tagging:
                </div>
                <div class="reply-content">
                  <%- view_model.getTaggingContent().body %>
                </div>
            </div>
        </div>
      <% } else { %>
        <div id="business-search-results"
           
           data-handle_select="handleTagPostWithBusinessSelect"
           data-handle_page_add="handleToAddPageMode"></div>
      <% } %>
    </div>

  <% } else if (view_model.isTagMentionYesMode()) { %>

    <div class="modal-body search-only">
      <div id="business-search-input"></div>
      <div id="business-search-results"
           
           data-handle_select="handleMentionTagYesSelection"
           data-handle_page_add="handleToAddPageMode"></div>
    </div>

  <% } else if (view_model.hasAddPageForm()) { %>
    <div class="modal-body media-recommendation-modal-size">

      <% if (page_create_model.isLoading()) { %>

        <div style="text-align: center; margin: 20px auto;">
        
        <img class="spinner"
             src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/images/32-ajax-loader-fff.gif"
             alt="Adding..."/>
            Adding&hellip;
        </div>

      <% } else { %>

        <% if (page_create_model.isIndividualPageType()) { %>
            <p><strong>Please note: </strong>Only add individuals who are 18-years-old or older.</p>

            <fieldset>
              
                <div class="clearfix">
                    
                    <div class="control-group pull-left control-group-left-column<%= page_create_model.getError(['first_name']) ? ' error' : '' %>">
                        <label class="control-label" for="first_name">First Name *</label>
                        <div class="controls add-page-form-field">
                            <input id="first_name" name="first_name"
                                   type="text" autocomplete="false"
                                   value="<%- page_create_model.getFirstName() %>"
                                   class="input-block-level js-page-add-form-input page-add-form-input">
                            <% if (page_create_model.getError(['first_name'])) { %>
                                <span class="help-inline"><%- page_create_model.getError(['first_name']) %></span>
                            <% } %>
                        </div>
                    </div>

                    
                    <div class="control-group pull-left control-group-right-column<%= page_create_model.getError(['last_name']) ? ' error' : '' %>">
                        <label class="control-label" for="last_name">Last Name *</label>
                        <div class="controls add-page-form-field">
                            <input id="last_name" name="last_name"
                                   type="text" autocomplete="false"
                                   class="input-block-level js-page-add-form-input page-add-form-input"
                                   value="<%- page_create_model.getLastName() %>">
                            <% if (page_create_model.getError(['last_name'])) { %>
                                <span class="help-inline"><%- page_create_model.getError(['last_name']) %></span>
                            <% } %>
                        </div>
                    </div>
                </div>

        <% } else { %>
            <fieldset>
              
              <div class="control-group<%= page_create_model.getError(['name']) ? ' error' : '' %>">
                  <label class="control-label" for="name">Business Name *</label>
                  <div class="controls add-page-form-field">
                      <input id="name" name="name"
                             type="text" autocomplete="off"
                             value="<%- page_create_model.getName() %>"
                             class="input-block-level js-page-add-form-input page-add-form-input">
                      <% if (page_create_model.getError(['name'])) { %>
                        <span class="help-inline"><%- page_create_model.getError(['name']) %></span>
                      <% } %>
                  </div>
              </div>
        <% } %>
            <div class="clearfix">
                
                <div class="control-group pull-left control-group-left-column<%= page_create_model.getError(['phone']) ? ' error' : '' %>">
                    <label class="control-label" for="phone">Phone Number *</label>
                    <div class="controls add-page-form-field">
                        <input id="phone" name="phone"
                               type="text" autocomplete="off"
                               value="<%- page_create_model.getPhone() %>"
                               class="input-block-level js-page-add-form-input page-add-form-input">
                        <% if (page_create_model.getError(['phone'])) { %>
                          <span class="help-inline"><%- page_create_model.getError(['phone']) %></span>
                        <% } %>
                    </div>
                </div>

                
                <div class="control-group pull-left control-group-right-column<%= page_create_model.getError(['email', 'requires_one_field']) ? ' error' : '' %>">
                    <label class="control-label" for="email">Email</label>
                    <div class="controls add-page-form-field">
                        <input id="email" name="email"
                               type="email" autocomplete="off"
                               class="input-block-level js-page-add-form-input page-add-form-input"
                               value="<%- page_create_model.getEmail() %>">
                        <% if (page_create_model.getError(['email'])) { %>
                            <span class="help-inline"><%- page_create_model.getError(['email']) %></span>
                        <% } %>
                    </div>
                </div>
            </div>

          
          <div class="control-group<%= page_create_model.getError(['organization_type']) ? ' error' : '' %>">
              <label class="control-label" for="organization_type">Category *</label>
              <div class="controls add-page-form-field">
                  
                  <input id="organization_type" name="organization_type"
                         type="text" autocomplete="off"
                         value="<%- page_create_model.getOrganizationType() %>"
                         placeholder="Add a category like "plumber" or "handyman""
                         class="input-block-level js-page-add-form-input page-add-form-input">
                  <% if (page_create_model.getError(['organization_type'])) { %>
                    <span class="help-inline"><%- page_create_model.getError(['organization_type']) %></span>
                  <% } %>
              </div>
          </div>

        
        <% if (page_create_model.isIndividualPageType()) { %>
          <div class="control-group js-hide-individual member-added-page-hidden-field">
            <label class="control-label" for="business_name">Business Name</label>
                <div class="controls add-page-form-field">
                    <input id="business_name" name="business_name"
                           type="text" autocomplete="off"
                           value="<%- page_create_model.getBusinessName() %>"
                           class="input-block-level js-page-add-form-input page-add-form-input">
                </div>
          </div>
        <% } %>

         
          <div class="control-group js-hide-individual<% if (page_create_model.isIndividualPageType()) { %> member-added-page-hidden-field<% } %>">
              <label class="control-label" for="url">Website</label>
              <div class="controls add-page-form-field">
                  <input id="url" name="url"
                         type="text" autocomplete="off"
                         value="<%- page_create_model.getUrl() %>"
                         class="input-block-level js-page-add-form-input page-add-form-input">
              </div>
          </div>

          <div class="js-show-all-div page-add-form-show-all-field-div">
              <a class="glyphicon-chevron-down page-add-form-show-all-field-chevron"></a>
              <a href="javascript:void(0);" type="button" class="js-show-all-field page-add-form-show-all-field">
                  <% if (page_create_model.isIndividualPageType()) { %>
                    Add a business name, address or website
                  <% } else { %>
                    Add an address
                  <% } %>
              </a>
              <span class="page-add-form-required-field-micro-copy">* Indicates required field</span>
          </div>

          
          <div class="control-group member-added-page-hidden-field js-hide-business js-hide-individual
            <%= page_create_model.getError(['full_address']) ? ' error' : '' %>">
              <label class="control-label" for="full_address">Address</label>
              <div class="controls add-page-form-field">
                  <input id="full_address" name="full_address"
                         type="text" autocomplete="off"
                         value="<%- page_create_model.getFullAddress() %>"
                         class="input-block-level js-page-add-form-input page-add-form-input"
                         placeholder="">
                  <% if (page_create_model.getError(['full_address'])) { %>
                    <span class="help-inline"><%- page_create_model.getError(['full_address']) %></span>
                  <% } %>
              </div>

              
              <div class="hide">
                  <input type="hidden" name="street" value="<%- page_create_model.getStreet() %>">
                  <input type="hidden" name="city" value="<%- page_create_model.getCity() %>">
                  <input type="hidden" name="state" value="<%- page_create_model.getState() %>">
                  <input type="hidden" name="zipcode" value="<%- page_create_model.getZipCode() %>">
              </div>
          </div>

          <span class="page-add-form-required-field-micro-copy member-added-page-hidden-field js-hide-business js-hide-individual">* Indicates required field</span>

        </fieldset>

        
        <% if (page_create_model.getError(['network_failure'])) { %>
          <div class="alert alert-error">
            Something went wrong. Please try again later.
          </div>
        <% } %>
      <% } %>

      <% if (view_model.hasUserProfileId() && !is_prompted_tagging) { %>
        <div class="reply-tagging">
            <div class="reply-tagging-title">
                <% if (view_model.getTaggingContent().comment_id) { %>
                    The reply you're tagging:
                <% } else { %>
                    The post you're tagging:
                <% } %>
            </div>
            <div class="reply-content">
              <%- view_model.getTaggingContent().body %>
            </div>
        </div>
      <% } %>

    </div>

  <% } else if (view_model.isTagVerificationMode()) { %>

    <div class="modal-body">
      <h3>
        <a href="#" target="_blank"><%- model.nameFormatted() %></a>
        <% if (model.getPrimaryUserCollectionLength()) { %>
          <div class="pull-right">
            <i class="ss-heart pulse"></i>
            <%- model.getPrimaryUserCollectionLength() %>
          </div>
        <% } %>
      </h3>

      <% if (model.getFullAddress()) { %>
        <address><%- model.getFullAddress() %></address>
      <% } %>

      <% if (model.getTopics().length) { %>
        <i class="image-icon tag-icon"></i>
        <% _.each(model.getTopics(), function(topic, n) { %>
          <% if (n) { %>
            ,
          <% } %>
          <% if (topic.viewable) { %>
            <a href="/topic/<%= topic.id %>/">
              <%- topic.name %>
            </a>
          <% } else { %>
            <%- topic.name %>
          <% } %>
        <% }) %>
      <% } %>
    </div>

  <% } else if (view_model.isPageLoadingMode()) { %>
    <div class="modal-body loading">
      <img src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/spinners/32-ajax-loader.gif">
      Loading&hellip;
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="modal-body loading">
      Sorry there was a problem loading data. Please try again later.
    </div>
  <% } %>
  

  
  <% if (view_model.isTagCommentWithBusinessMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isTagSageBusinessMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isTagPostWithBusinessMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isRecommendBusinessByTopicMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>
    </div>
  <% } else if (view_model.isAddNoteMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>

      <button type="button" class="btn btn-primary continue-to-recommend">Post</button>
    </div>
  <% } else if (view_model.isAddNoteOnlyMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel pull-left">Cancel</button>

      <button type="button" class="btn btn-primary continue-to-topic">Continue</button>
    </div>
  <% } else if (view_model.isAddPageMode() && !page_create_model.isLoading()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted to-add-page-type-mode pull-left">Back</button>
      <button type="button" class="btn btn-primary add-page">Add Business</button>
    </div>
  <% } else if (view_model.isAddPageTypeMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted back-to-search pull-left">Back</button>
      <button type="button" class="btn btn-primary add-page-type">Continue</button>
    </div>
  <% } else if (view_model.isUseIgnoreDupeMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted back-to-add-page-mode pull-left">Back</button>
      <% if (page_create_model.getDupeList().length === 1) { %>
        <button type="button" class="btn btn-primary use-dupe">Yes, continue</button>
      <% } %>
    </div>
  <% } else if (view_model.isTagMentionYesMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-muted cancel">Skip</button>
    </div>
  <% } else if (view_model.isClaimYourPageHookMode()) { %>
    <div class="modal-footer">
        <a type="button" class="btn btn-muted cancel pull-left">No, thanks</a>

        <div class="business-ux-claim-your-business-hook-cta-btn">
            <a role="button" class="btn btn-primary" href="<%- view_model.getBusinessUrl() %>">
                Claim your business page
            </a>
        </div>
    </div>
  <% } else if (view_model.isTopicChooseMode()) { %>

    <div class="modal-footer">
      <button type="button" class="btn btn-muted skip-to-recommend">Skip</button>
      <button type="button" class="btn btn-primary save-and-recommend">Continue</button>
    </div>
  <% } else if (view_model.isTagVerificationMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary verify-tag">Recommend</button>
    </div>
  <% } else if (view_model.isPageLoadingErrorMode()) { %>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary cancel">Close</button>
    </div>
  <% } %>
  
    </div>
    </div>
</script>
  

  <div class="row">
    <div class="container">
      
          
        <div id="page-loader" class="logged-out">
          <img src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/images/spinners/32-ajax-loader.gif"/>
        </div>
          
        <div id="page" class="feed">
          <div class="header"></div>
          <div class="page-body">
            <div class="top-container">
              
              <div id="page-header-view"></div>
<div id="recommendations-more-info-modal" class="modal hide" tabindex="-1" role="dialog"></div>

<form id="topic_edit_modal" class="modal hide"></form>


<script id="topic_edit_view_tmpl" type="text/template">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3 class="entity-page-modal-header">
      <%= edit_categories_txt %>
    </h3>
  </div>
  <div class="modal-body" style="min-height: 400px;">

    <label class="control-label green-heading"><strong><%- categories_txt %></strong></label>

    <% _.each(pageModel.getTopics(), function(topic) { %>
      <div class="topic-edit-modal-item clearfix">
        <%- topic.name %>
        <span class="pull-right">
          <% if (topic.pending) { %>
            <em class="text-muted"><%= pending_txt %></em>
          <% } else { %>
            <a href="#" role="button"
               data-topic-id="<%- topic.id %>"
               class="vote-to-remove-topic pull-right"><%= remove_txt %></a>
          <% } %>
        </span>
      </div>
    <% }); %>

    <br>

    <label class="control-label"><%= suggest_new_txt %></label>
    <input id="topic_edit_topic_select2"
           name="topics"
           type="text"
           autocomplete="false"
           placeholder="<%= examples_txt %>"
           class="input-block-level">

  </div>
  <div class="modal-footer">
    <button class="btn btn-primary js-page-topic-edit-save"
            type="button"><%= save_txt %></button>
  </div>
</script>
<div id="page-completeness-view"></div>
<div id="page-about-view"></div>

<form id="report_issue_view" class="modal hide"></form>
            </div>

            
            
              <div class="bottom-container">
                <div class="section">
                  <h4 class="section-heading">Activity</h4>
                  <div id="nf_stories">





  
  
    







  
    
      
      
    
  
<div class="media js-media-post"
     id="s_62159282"
     data-class="whole-story"
     data-story-id="62159282"
     data-nearby-post="false"
     data-topic-ids='[18156]'
  
  
  
     data-forward="crime_and_safety"
    
  >

  
  

  <div class="media-object js-profile-menu-init">
      
        
        
        
  
    
    
  

  
  
  
    <a data-class="linked-name"
       data-id="2610526"
       
         href="/profile/2610526/">
  <img class="avatar circular"
      src="https://d3926qxcw0e1bh.cloudfront.net/user_photos/a1/e9/a1e99cf9edca77f77cca741b070c6243.jpg.80x80.jpg"
      
      
        
        alt="Picture of Emergency Management Commander John D. Spann"
      
      
    />
    </a>
  
  
  
    
  
  
  
  
  
  

      
    </div><div class="media-body" id="b_62159282">
    <div class="js-post-main-content-area">

      <div id="edit_62159282"
           data-attachments='{"0": {"url": "https://d3926qxcw0e1bh.cloudfront.net/post_photos/55/43/554329f3177809fbeec63606b2a8477b.jpg", "resource_id": "us1*post_photos/55/43/554329f3177809fbeec63606b2a8477b.jpg"}}'>

        

        

        

        
  


        <h4 class="media-heading" id="a_62159282">
          <span id="subject_62159282" data-subject="HURRICANE HARVEY RESPONSE"
                class="subject">
            
  
    <a href="/city/post/62159282/">HURRICANE HARVEY RESPONSE</a>
  
  

          </span>
        </h4>

        
          <h5 class="media-author">

            
            
              
              
    
  

  <span class="user-name js-profile-menu-init"><a data-class="linked-name"
         data-id="2610526"
         
           href="/profile/2610526/">Emergency Management Commander John D. Spann</a></span>

  

            
            from
    <a href="/agency/533156/">
      Midlothian Police Department
    </a>

            
              
                <span class="timestamp">
                  <span
                    class="timestamp_bookmark"
                    data-utc="2017-08-30T18:54:50">
                      &middot; 30 Aug
                  </span>
                  <span id="bm_icon_62159282"
                        class="hide ss-bookmark bookmark_icon bookmark_old"></span>
                </span>
              
            
          </h5>
        
  
    
    
    <div data-url="https://d3926qxcw0e1bh.cloudfront.net/post_photos/55/43/554329f3177809fbeec63606b2a8477b.jpg.max800.jpg"
         data-photo-viewer-group="gallery-62159282"
         data-contentid="62159282"
         data-contenttype="post"
         class="js-photo-viewer-thumbnail photo-viewer-thumbnail photo-viewer-data media-thumbnail">
      
      
      <img src="https://d3926qxcw0e1bh.cloudfront.net/post_photos/55/43/554329f3177809fbeec63606b2a8477b.jpg.115x115.jpg"
           alt="Photo from Emergency Management Commander John D. S."/>
    </div>
    

    
    <p id="message_62159282" data-class="post-content"
       data-story="This is from the Preparing Texas site... www.preparingtexas.org

Hurricane Harvey will have a lasting impact on the Gulf Coast of Texas. National VOAD members will be there providing relief and recovery for years to come, and will need your assistance.
Financial Donations: If you are an individual, please remember that CASH IS BEST at this time. Please donate to a Texas VOAD Member or a National VOAD Member to help those affected by Hurricane Harvey.
We have also included an in-kind donation form for individuals, that can be found here. If you are a company seeking to donate goods to the Hurricane Harvey Response efforts, please fill out the form located on the Corporate Donations page. This information will be sent to the appropriate parties as needs arise.

If you would like to volunteer for a National VOAD member organization, please visit the Volunteer page HERE"
       data-links="{}">
      
  



  






  
  
  
  
  
    This is from the Preparing Texas site... <a target="_blank" rel="noopener" href="http://www.preparingtexas.org">www.preparingtexas.org</a>
<br/>
<br/>
Hurricane Harvey will have a lasting impact on the Gulf Coast of Texas. National VOAD members will be there providing relief and recovery for years to come, and will need your assistance.
<br/>
Financial Donations: If you are an individual, please remember that CASH IS BEST at this time. Please donate to a Texas VOAD Member or a National VOAD Member to help those affected by Hurricane Harvey.
<br/>
We have also included an in-kind donation form for individuals, that can be found here. If you are a company seeking to donate goods to the Hurricane Harvey Response efforts, please fill out the form located on the Corporate Donations page. This information will be sent to the appropriate parties as needs arise.
<br/>
<br/>
If you would like to volunteer for a National VOAD member organization, please visit the Volunteer page HERE
  
  <div class="metadata">
    
  </div>

  
    
  

  

    </p>

  



        
  


        
          <div class="media-scope">
            
              <span class="content-scope-line-date">30 Aug</span> <span class="content-scope-line-middot">&middot;</span> Subscribers of <a href="javascript:void(0);" data-toggle="map-modal" data-target="#nearby-neighborhoods-map-modal" data-type="city-agency-post" data-id="62159282">Midlothian Police Department</a>
              
  <span id="topic_list_62159282">
    <span data-class="topics-label"> in
      Crime & Safety</span>
  
  </span>
</div>
        
           
            <div class="media-actions" id="bl_62159282">
              
                
  <span>
      <a class="btn btn-mini" href="/">
        <span data-class="label">Thank</span>
        
          <span data-class="count" class="count">9</span>
        
      </a>
  </span>


                
  <span>
    <a class="btn btn-mini" href="/" >
      <span data-class="label">Reply</span>
      
        <span data-class="count" class="count">1</span>
      
    </a>
  </span>


                

              
            </div>
          
        
      </div>

      

      
      
  

      
    </div>
  </div>
</div>


  
</div>
                    
                    
                </div>
              </div>
            

          </div>
        </div>

        

        
  <div id="bottom_signup_cta" class="hide hidden-phone"></div>
  <script type="text/template" id="tmpl_bottom_cta_view">
  <div class="row">
    <div class="signup-message signup-message-subscribe">
      <h4 class="cta_header_text"><%- receiveUpdatesText %></h4>
      <p><%- businessOnNextdoorText %></p>
    </div>
    <a href="<%- model.getSignupCtaUrl() %>" data-utm-tracking="true" class="btn btn-primary">Sign up for Nextdoor</a>
  </div>
</script>

      
    </div>
  </div>

    
      
      <div id="bootstrap_modal_content">
        
  
<div class="modal cee-modal hide " id="logged_out_cta">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      
        <div data-class="modal-header" class="modal-header ">
          <div class="header-mask"></div>
          <a class="close" data-dismiss="modal">&times;</a> 
          <h3 class="modal-header-title cee-modal-header-title" >
  Sign up for Nextdoor
</h3>
        </div>
      
      
        <div data-class="modal-body cee-modal-body" class="overthrow modal-body">
          
  
    
  
  <div id="promo-houses"></div>
  <div class="promo-copy">
    <h4>Midlothian Police Department is on Nextdoor, the private social network for neighborhoods.</h4>
    <span>Sign up to know what's going on in your neighborhood.</span>
  </div>
  <a href="/" data-utm-tracking="true" class="btn btn-primary btn-large">Sign up for Nextdoor</a>

        </div>
      
      <div class="modal-footer cee-modal-footer ">
        
  <p>Have an account? <a href="/login/?next=/pages/midlothian-police-department" data-utm-tracking="true" >Sign in</a></p>

      </div>
    </div>
  </div>
</div>
  
<div class="modal cee-modal hide " id="logged_out_recommend">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      
        <div data-class="modal-header" class="modal-header ">
          <div class="header-mask"></div>
          
          <h3 class="modal-header-title cee-modal-header-title" >
    <div class="nd-logo"></div>
</h3>
        </div>
      
      
        <div data-class="modal-body cee-modal-body" class="overthrow modal-body">
          
    
    
    
    <div id="background_and_avatar"></div>
    <script type="text/template" id="background_and_avatar_tmpl">
    <div class="page-background"
       <% if (model.getBackgroundPhoto()) { %>
        style="background: url('<%- model.getBackgroundPhoto() %>') center center; background-size: cover;"
       <% } %>>
        <div class="profile-card">
            <div class="img" style="background-image: url('<%- model.getAvatarPhoto() %>')"></div>
            <div class="profile">
                <div class="name"><%= model.nameFormatted() %></div>
                <span class="recommend"><i class="ss-heart"></i>Recommend on Nextdoor</span>
            </div>
        </div>
    </div>
</script>
    <div class="explain-sign-up">
        <h4 class="thanks">Thanks for offering to recommend Midlothian Police Department!</h4>
        <p class="sign-up-prompt">To post your recommendation, please sign in or join your neighborhood on Nextdoor.</p>
        <a href="https://nextdoor.com/?next=/pages/midlothian-police-department/recommend" data-utm-tracking="true" class="btn btn-primary btn-large recommend-join-btn">Join Nextdoor &mdash; it's free!</a>
        <p>Already have an account? <a href="/login/?next=/pages/midlothian-police-department/recommend" data-utm-tracking="true">Sign in</a></p>
    </div>

        </div>
      
      <div class="modal-footer cee-modal-footer ">
        
          <small data-class="modal-footer" class="pull-left"></small>
          <a href="javascript:void(0)" class="btn" data-dismiss="modal">Close</a>
        
      </div>
    </div>
  </div>
</div>
  <div class="modal cee-modal hide " id="pages_contact_modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      
        <div data-class="modal-header" class="modal-header ">
          <div class="header-mask"></div>
          <a class="close" data-dismiss="modal">&times;</a> 
          <h3 class="modal-header-title cee-modal-header-title" >
  Midlothian Police Department Contact Information
</h3>
        </div>
      
      
        <div data-class="modal-body cee-modal-body" class="overthrow modal-body">
          <div id="contact_modal_body"></div>
        </div>
      
      <div class="modal-footer cee-modal-footer ">
        
          <small data-class="modal-footer" class="pull-left"></small>
          <a href="javascript:void(0)" class="btn" data-dismiss="modal">Close</a>
        
      </div>
    </div>
  </div>
</div>

      </div>
    
    
      
      
        <script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js/libs/bootstrap/bootstrap.min.js" type="text/javascript"></script>
      
      
      
  

  
  


      
      <script src="https://d19rpgkrjeba2z.cloudfront.net/static/gen/ads_a2a37e06df26ea30ff5f.js" type="text/javascript"></script>
      <script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js-compiled/base.js" type="text/javascript"></script>

      
      
      <script type="text/javascript">
          
              $(function() {
                  nd.flaskTrack.initialize('tracking.nextdoor.com', '2', '2188-411d617a96db607c', '', 'US');
                  
              })
          
      </script>

      
    
    
  
  
  <script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js-compiled/baseLoggedIn.js" type="text/javascript"></script>
  
  

  
  



  


  <script src="//maps.googleapis.com/maps/api/js?v=3&amp;language=en_US&amp;key=AIzaSyCAnrc5gWFGzDMaxhr1_S79jWDzBYM5ZD4&amp;libraries=drawing,geometry,places,visualization"></script>


<script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js-compiled/pages_dependencies.js" type="text/javascript"></script>


  <script type="text/javascript">
    $(function() {
      // Initialize page tile address populator
      nd.pages.tileView = new nd.pages.TileView({
        populateAddresses: false,
        model: new nd.pages.TileViewModel({
          maps_api_key: 'AIzaSyCAnrc5gWFGzDMaxhr1_S79jWDzBYM5ZD4'
        })
      });
    });
  </script>



  



<div class="modal cee-modal hide " id="nearby-neighborhoods-map-modal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      
        <div data-class="modal-header" class="modal-header ">
          <div class="header-mask"></div>
          <a class="close" data-dismiss="modal">&times;</a> 
          <h3 class="modal-header-title cee-modal-header-title" >
  <span id="nearby_modal_title"></span>
</h3>
        </div>
      
      
        <div data-class="modal-body cee-modal-body" class="overthrow modal-body">
          
  <div class="more-info">
    <div class="map-container">
      <div class="hide" id='map_modal_error'></div>
      <div id="map_modal_canvas"></div>
    </div>
  </div>

        </div>
      
      <div class="modal-footer cee-modal-footer ">
        
    

      </div>
    </div>
  </div>
</div>


<script>
  if (!$.browser) {$.browser = {msie: false};}
</script>
<script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js-compiled/feed.js" type="text/javascript"></script>
<script src="https://d19rpgkrjeba2z.cloudfront.net/static/gen/newsfeed_d3c880e678dc5ec88381.js" type="text/javascript"></script>


  
  <script type="text/javascript">
  $(function() {
    nd.shared.flashMessages = new nd.shared.FlashMessages();

    

    nd.mutePost.init();
  });
  </script>

  <script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js-compiled/pagesFeedLoggedOut.js" type="text/javascript"></script>
  <script src="https://d19rpgkrjeba2z.cloudfront.net/411d617a96db607c/static/nextdoorv2/js/pages/init.js" type="text/javascript"></script>

  <script>
    $(function () {
      nd.pages.Init({
        post_box_refactor: false
      });
      
        nd.feed.initViewMoreStoriesHandlers();
      
      // RELY ON THIS TO PREVENT DOUBLE BINDING DELEGATES.
      nd.feed.INITIALIZED = true;

      $('#page-loader').remove();
      $('#page').removeClass('invisible').show();
      nd.pages.inviteBadgeModel = new nd.pages.InviteBadgeModel({
        badgeUrl: 'https://nextdoor.com/pages/midlothian-police-department/'
      });
      nd.pages.inviteBadgeView = new nd.pages.InviteBadgeView({
        el: '#pages_share_modal',
        model: nd.pages.inviteBadgeModel
      });
      nd.socialShare.init();
      $('[name=invite_url]').on('click', function() {
        $(this).select();
      });

      $('#bottom_signup_cta').fadeIn(1000);
      



      $('.modal-footer', '#logged_out_recommend').hide();

      
    });
  </script>

    
  
      <script type="text/javascript">
        $(function() {
          
        });

        
          
          var _kiq = _kiq || [];
          _kiq.push(['disableAuto']);
          (function(){
            setTimeout(function(){
              var d = document, f = d.getElementsByTagName('script')[0], s = d.createElement('script'); s.type = 'text/javascript';
              s.async = true; s.src = '//s3.amazonaws.com/ki.js/49472/ae_.js'; f.parentNode.insertBefore(s, f);
            }, 1);
          })();
        
      </script>
    
  <script type="application/json" id="page-model">[{"feature_set": {"is_advertiser": null, "is_subscribable": true, "is_private_messageable": true, "is_recommendable": false}, "is_single_story": true, "display_email": "john.spann@midlothian.tx.us", "photo": "", "is_agency": true, "first_topic": null, "geometry_id": 1554, "current_user_support": null, "designated_recipient": 2739602, "city": "Midlothian", "page_role": 0, "is_following_municipality": false, "avatar_photo_url": "https://d3926qxcw0e1bh.cloudfront.net/pages_avatar_photos/33/99/33998dab4954c497bfcba1785dcb9527.jpg", "agency_type": 1, "location": {"city": "Midlothian", "state": "TX", "centroid": {"latitude": 32.492793, "longitude": -96.996714}, "street_number": "1150", "short_address": "1150 U.S. 67 Frontage Rd", "route": "U.S. 67 Frontage Rd", "full_address": "1150 U.S. 67 Frontage Rd, Midlothian, TX 76065", "zipcode": "76065"}, "supporter_avatars": [], "url_slug": "midlothian-police-department", "display_state": 1, "progress_status": 1, "public_url": "http://www.midlothian.tx.us/", "report": {"reasons": [[1, "Abusive page"], [2, "Fake page name"], [3, "Page has moved"], [4, "Page is at the incorrect address"], [5, "Inappropriate page profile photo"], [6, "Page is actually a user"], [7, "Duplicate page"]], "prompts": {"1": "\n    Nextdoor takes violations of our\n    <a target=\"_blank\" href=\"https://help.nextdoor.com/customer/portal/articles/1428059\">\n    Guidelines for Neighborly Behavior</a> very seriously.\n    Please provide examples of this page's abusive messages or behavior:\n    ", "2": "If you know it, please provide this page's real name:", "3": "Any information you can provide about the page's address is appreciated:", "4": "Any information you can provide about the page's address is appreciated:"}}, "google_place_id": "", "creation_source": 0, "name": "Midlothian Police Department", "supporter_count": 0, "group_type": 8, "can_support_or_follow_page": null, "can_add_content": null, "phone_number": "972-775-3333", "info_bar_photo_url": null, "limit_message": false, "logged_out": true, "creation_date": 1404893047780612, "is_test": false, "claimed": false, "supporter_avatars_and_ids": [], "id": 533156, "category": 3, "public_inbox_id": null, "invite_url": "https://nextdoor.com/pages/midlothian-police-department/", "display_contact": "1150 U.S. 67 Frontage Rd, Midlothian, TX 76065", "is_municipal_page": true, "current_user_membership": null, "state": "TX", "followers": [], "is_page_owner": false, "follower_count": 0, "announced": 1, "status": 0, "show_message_button": false, "background_photo_url": "https://d3926qxcw0e1bh.cloudfront.net/pages_photos/c8/8a/c88acab078437dd7ea201c42c7559d3e.jpg", "address_parts": {"part_1": "1150 U.S. 67 Frontage Rd", "part_2": "Midlothian, TX 76065", "full_address": "1150 U.S. 67 Frontage Rd, Midlothian, TX 76065"}, "is_recommendation_feed": false, "page_status": 1, "signup_cta_url": "https://nextdoor.com", "about": "\"SERVICE ABOVE SELF\"", "private_inbox_id": null, "html_attributions": [], "outside_service_area": false, "created_by_id": null}]</script>

  </body>
</html>