rental-center.storedge.com
Open in
urlscan Pro
52.206.127.31
Public Scan
Submitted URL: https://rental-center.storedge.com/?companyId=7f91f557-4d12-486e-ba89-09c46c8a56b7&facilityId=1bf018e3-e87e-4767-b456-5de1c8d834d6#...
Effective URL: https://rental-center.storedge.com/?companyId=7f91f557-4d12-486e-ba89-09c46c8a56b7&facilityId=1bf018e3-e87e-4767-b456-5de1c8d834d6
Submission: On May 26 via manual from NI — Scanned from DE
Effective URL: https://rental-center.storedge.com/?companyId=7f91f557-4d12-486e-ba89-09c46c8a56b7&facilityId=1bf018e3-e87e-4767-b456-5de1c8d834d6
Submission: On May 26 via manual from NI — Scanned from DE
Form analysis 3 forms found in the DOM
<form class="content backed ng-scope ng-pristine ng-valid ng-valid-required" ng-submit="step.complete()">
<div class="row alert alert-warning ng-hide" ng-show="step.waitingForLicenseScan"> Place your card in the reader and do not move it until the scan has completed. </div>
<div class="row alert alert-success ng-hide" ng-show="step.licenseScanSuccess">
<strong>Scan Success!</strong> Your information has been entered into your lease. Please fill out the remaining fields and press Next to continue.
</div>
<div class="row alert alert-danger ng-hide" ng-show="step.licenseScanFailure">
<strong>Oops, we didn't get a good read.</strong> Please try scanning your card again. For best results, make sure not to move your card before the scan is finished.
</div>
<div class="row">
<div class="col-sm-6 contact-information">
<h3>Enter Your Contact Information</h3>
<div class="row ng-hide" ng-show="step.hasLicenseScanner">
<div class="col-sm-7 col-lg-7">
<p class="license-scan-instructions">You may scan your license to auto-fill your information</p>
</div>
<div class="col-sm-5 col-lg-5">
<button ng-click="step.waitForLicenseScan()" ng-show="!step.waitingForLicenseScan" type="button" class="btn btn-primary pull-right">Scan License Now</button>
<button ng-click="step.cancelLicenseScan()" ng-show="step.waitingForLicenseScan" type="button" class="btn btn-danger pull-right ng-hide">Cancel</button>
</div>
</div>
<div class="row">
<div class="col-sm-4 col-lg-5 form-group" ng-class="{'has-error': ctrl.errors.tenant.first_name}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="First Name" ng-model="step.contact.first_name" ng-required="true" ng-disabled="ctrl.isPersisted && step.attributeDefined.first_name"
required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.first_name"></span>
</div>
<div class="col-sm-4 col-lg-2 form-group" ng-class="{'has-error': ctrl.errors.tenant.middle_initial}">
<input type="text" class="form-control ng-pristine ng-valid" placeholder="MI" ng-model="step.contact.middle_initial" ng-disabled="ctrl.isPersisted && step.attributeDefined.middle_initial">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.middle_initial"></span>
</div>
<div class="col-sm-4 col-lg-5 form-group" ng-class="{'has-error': ctrl.errors.tenant.last_name}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Last Name" ng-model="step.contact.last_name" ng-required="true" ng-disabled="ctrl.isPersisted && step.attributeDefined.last_name"
required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.last_name"></span>
</div>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.business_name}">
<input type="text" class="form-control ng-pristine ng-valid" placeholder="Business Name (optional)" ng-model="step.contact.business_name" ng-disabled="ctrl.isPersisted && step.attributeDefined.business_name">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.business_name"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.phone_number.number}">
<input type="tel" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Phone #" ng-model="step.contact.phone_numbers_attributes[0].number" ng-required="true" rnl-phone-mask=""
ng-disabled="ctrl.isPersisted && step.attributeDefined.primary_phone_number" maxlength="14" autocomplete="off" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.phone_number.number"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.additional_phone_number.additionalNumber}">
<input type="tel" class="form-control ng-pristine ng-valid" placeholder="Additional Phone # (optional)" ng-model="step.contact.phone_numbers_attributes[1].number" rnl-phone-mask=""
ng-disabled="ctrl.isPersisted && step.attributeDefined.additional_phone_number" maxlength="14" autocomplete="off">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.additional_phone_number.additionalNumber"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant['mailing_address.address1']}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Address Line 1" ng-model="step.contact.mailing_address_attributes.address1" ng-required="true"
ng-disabled="ctrl.isPersisted && step.attributeDefined.address1" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant['mailing_address.address1']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant['mailing_address.address2']}">
<input type="text" class="form-control ng-pristine ng-valid" placeholder="Address Line 2" ng-model="step.contact.mailing_address_attributes.address2" ng-disabled="ctrl.isPersisted && step.attributeDefined.address2">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant['mailing_address.address2']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant['mailing_address.city']}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="City" ng-model="step.contact.mailing_address_attributes.city" ng-required="true" ng-disabled="ctrl.isPersisted && step.attributeDefined.city"
required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant['mailing_address.city']"></span>
</div>
<div class="form-group row">
<div class="col-xs-4" ng-class="{'has-error': ctrl.errors.tenant['mailing_address.country']}">
<select class="form-control ng-pristine ng-valid ng-valid-required" ng-options="key as value for (key, value) in ctrl.countries" ng-model="step.contact.mailing_address_attributes.country" ng-required="true"
ng-disabled="ctrl.isPersisted && step.attributeDefined.country" required="required">
<option value="CA">Canada</option>
<option value="US">United States</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant['mailing_address.country']"></span>
</div>
<div class="col-xs-4" ng-class="{'has-error': ctrl.errors.tenant['mailing_address.state']}" ng-show="step.contact.isAmerican()">
<select class="form-control ng-pristine ng-valid ng-valid-required" ng-options="key as value for (key, value) in ctrl.states" ng-model="step.contact.mailing_address_attributes.state" ng-required="step.contact.isAmerican()"
ng-disabled="ctrl.isPersisted && step.attributeDefined.state" required="required">
<option value="" selected="selected" class="">State</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="AS">American Somoa</option>
<option value="AZ">Arizona</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">District of Columbia</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="FM">Federated States of Micronesia</option>
<option value="GA">Georgia</option>
<option value="GU">Guam</option>
<option value="HI">Hawaii</option>
<option value="IA">Iowa</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MA">Massachusetts</option>
<option value="MD">Maryland</option>
<option value="ME">Maine</option>
<option value="MH">Marshall Islands</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MO">Missouri</option>
<option value="MP">Northern Mariana Islands</option>
<option value="MS">Mississippi</option>
<option value="MT">Montana</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="NE">Nebraska</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NV">Nevada</option>
<option value="NY">New York</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="PW">Palau</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VA">Virginia</option>
<option value="VI">Virgin Islands</option>
<option value="VT">Vermont</option>
<option value="WA">Washington</option>
<option value="WI">Wisconsin</option>
<option value="WV">West Virginia</option>
<option value="WY">Wyoming</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant['mailing_address.state']"></span>
</div>
<div class="col-xs-4 ng-hide" ng-class="{'has-error': ctrl.errors.tenant['mailing_address.state']}" ng-show="step.contact.isCanadian()">
<select class="form-control ng-pristine ng-valid ng-valid-required" ng-options="key as value for (key, value) in ctrl.provinces" ng-model="step.contact.mailing_address_attributes.state" ng-required="step.contact.isCanadian()"
ng-disabled="ctrl.isPersisted && step.attributeDefined.state">
<option value="" selected="selected" class="">Province</option>
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
<option value="MB">Manitoba</option>
<option value="NB">New Brunswick</option>
<option value="NL">Newfoundland and Labrador</option>
<option value="NS">Nova Scotia</option>
<option value="NU">Nunavut</option>
<option value="NWT">Northwest Territories</option>
<option value="ON">Ontario</option>
<option value="PE">Prince Edward Island</option>
<option value="QC">Québec</option>
<option value="SK">Saskatchewan</option>
<option value="YK">Yukon</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant['mailing_address.state']"></span>
</div>
<div class="col-xs-4" ng-class="{'has-error': ctrl.errors.tenant['mailing_address.postal'] || ctrl.errors.move_in_unit_event['tenant.addresses.postal']}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Postal" ng-model="step.contact.mailing_address_attributes.postal" ng-required="true"
ng-disabled="ctrl.isPersisted && step.attributeDefined.postal" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant['mailing_address.postal'] || ctrl.errors.move_in_unit_event['tenant.addresses.postal']"></span>
</div>
</div>
<span ng-show="ctrl.shouldShowDriversLicenseFields()" class="">
<h3>Driver's License Information</h3>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.drivers_license_number}">
<input type="text" class="form-control ng-pristine ng-valid" placeholder="License #" ng-model="step.contact.drivers_license_number" ng-disabled="ctrl.isPersisted && step.attributeDefined.drivers_license_number" maxlength="24">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.drivers_license_number"></span>
</div>
<div class="form-group" data-provide="datepicker" ng-class="{'has-error': ctrl.errors.tenant.date_of_birth}">
<p class="input-group">
<input type="text" placeholder="Date of Birth (MM/DD/YYYY)" datepicker-popup="MM/dd/yyyy" datepicker-options="ctrl.dateOptions" class="form-control ng-isolate-scope ng-pristine ng-valid-date ng-valid ng-valid-required"
ng-model="step.contact.date_of_birth_object" ng-disabled="ctrl.isPersisted && step.attributeDefined.date_of_birth" is-open="ctrl.datepicker.dateOfBirthOpened" ng-required="ctrl.shouldRequireLicenseDates()" close-text="Close"
alt-input-formats="altInputFormats">
</p>
<ul class="dropdown-menu ng-pristine ng-valid ng-valid-date-disabled" ng-style="{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}" ng-keydown="keydown($event)" datepicker-popup-wrap=""
ng-model="date" ng-change="dateSelection()" style="display: none;">
<li ng-transclude="">
<div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)" datepicker="" class="ng-isolate-scope">
<!-- ngSwitchWhen: day -->
<table role="grid" aria-labelledby="datepicker-011-3423-title" aria-activedescendant="datepicker-011-3423-26" ng-switch-when="day" tabindex="0">
<thead>
<tr>
<th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left"></i></button></th>
<th colspan="6"><button id="datepicker-011-3423-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" tabindex="-1" style="width:100%;"><strong
class="ng-binding">May 2023</strong></button></th>
<th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-right"></i></button></th>
</tr>
<tr>
<th ng-show="showWeeks" class="text-center"></th>
<!-- ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Sunday" class="ng-binding">Sun</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Monday" class="ng-binding">Mon</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Tuesday" class="ng-binding">Tue</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Wednesday" class="ng-binding">Wed</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Thursday" class="ng-binding">Thu</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Friday" class="ng-binding">Fri</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Saturday" class="ng-binding">Sat</small></th><!-- end ngRepeat: label in labels track by $index -->
</tr>
</thead>
<tbody>
<!-- ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">17</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-0" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">30</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-1" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">01</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-2" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">02</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-3" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">03</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-4" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">04</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-5" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">05</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-6" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">06</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">18</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-7" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">07</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-8" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">08</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-9" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">09</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-10" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">10</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-11" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">11</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-12" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">12</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-13" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">13</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">19</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-14" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">14</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-15" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">15</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-16" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">16</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-17" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">17</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-18" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">18</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-19" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">19</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-20" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">20</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">20</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-21" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">21</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-22" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">22</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-23" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">23</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-24" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">24</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-25" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">25</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-26" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm active" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-info">26</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-27" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">27</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">21</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-28" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">28</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-29" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">29</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-30" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">30</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-31" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">31</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-32" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">01</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-33" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">02</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-34" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">03</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">22</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-35" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">04</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-36" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">05</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-37" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">06</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-38" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">07</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-39" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">08</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-40" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">09</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-011-3423-41" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">10</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
</tbody>
</table>
<!-- ngSwitchWhen: month -->
<!-- ngSwitchWhen: year -->
</div>
</li>
<!-- ngIf: showButtonBar -->
<li ng-if="showButtonBar" style="padding:10px 9px 2px" class="ng-scope">
<span class="btn-group pull-left">
<button type="button" class="btn btn-sm btn-info ng-binding" ng-click="select('today')">Today</button>
<button type="button" class="btn btn-sm btn-danger ng-binding" ng-click="select(null)">Clear</button>
</span>
<button type="button" class="btn btn-sm btn-success pull-right ng-binding" ng-click="close()">Close</button>
</li><!-- end ngIf: showButtonBar -->
</ul>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="ctrl.openDateOfBirthPopup($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.date_of_birth"></span>
<p></p>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.drivers_license_expiration_date}">
<p class="input-group">
<input type="text" placeholder="Expiration Date (MM/DD/YYYY)" datepicker-popup="MM/dd/yyyy" datepicker-options="ctrl.dateOptions" class="form-control ng-isolate-scope ng-pristine ng-valid-date ng-valid ng-valid-required"
ng-model="step.contact.drivers_license_expiration_date_object" ng-disabled="ctrl.isPersisted && step.attributeDefined.drivers_license_expiration_date" is-open="ctrl.datepicker.expirationDateOpened"
ng-required="ctrl.shouldRequireLicenseDates()" close-text="Close" alt-input-formats="altInputFormats">
</p>
<ul class="dropdown-menu ng-pristine ng-valid ng-valid-date-disabled" ng-style="{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}" ng-keydown="keydown($event)" datepicker-popup-wrap=""
ng-model="date" ng-change="dateSelection()" style="display: none;">
<li ng-transclude="">
<div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)" datepicker="" class="ng-isolate-scope">
<!-- ngSwitchWhen: day -->
<table role="grid" aria-labelledby="datepicker-013-914-title" aria-activedescendant="datepicker-013-914-26" ng-switch-when="day" tabindex="0">
<thead>
<tr>
<th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left"></i></button></th>
<th colspan="6"><button id="datepicker-013-914-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" tabindex="-1" style="width:100%;"><strong
class="ng-binding">May 2023</strong></button></th>
<th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-right"></i></button></th>
</tr>
<tr>
<th ng-show="showWeeks" class="text-center"></th>
<!-- ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Sunday" class="ng-binding">Sun</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Monday" class="ng-binding">Mon</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Tuesday" class="ng-binding">Tue</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Wednesday" class="ng-binding">Wed</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Thursday" class="ng-binding">Thu</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Friday" class="ng-binding">Fri</small></th><!-- end ngRepeat: label in labels track by $index -->
<th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="Saturday" class="ng-binding">Sat</small></th><!-- end ngRepeat: label in labels track by $index -->
</tr>
</thead>
<tbody>
<!-- ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">17</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-0" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">30</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-1" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">01</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-2" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">02</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-3" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">03</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-4" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">04</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-5" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">05</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-6" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">06</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">18</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-7" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">07</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-8" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">08</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-9" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">09</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-10" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">10</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-11" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">11</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-12" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">12</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-13" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">13</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">19</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-14" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">14</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-15" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">15</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-16" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">16</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-17" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">17</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-18" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">18</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-19" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">19</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-20" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">20</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">20</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-21" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">21</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-22" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">22</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-23" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">23</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-24" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">24</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-25" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">25</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-26" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm active" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-info">26</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-27" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">27</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">21</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-28" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">28</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-29" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">29</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-30" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">30</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-31" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">31</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-32" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">01</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-33" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">02</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-34" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">03</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
<tr ng-repeat="row in rows track by $index" class="ng-scope">
<td ng-show="showWeeks" class="text-center h6"><em class="ng-binding">22</em></td>
<!-- ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-35" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">04</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-36" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">05</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-37" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">06</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-38" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">07</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-39" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">08</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-40" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">09</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
<td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-013-914-41" aria-disabled="false">
<button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">10</span></button>
</td><!-- end ngRepeat: dt in row track by dt.date -->
</tr><!-- end ngRepeat: row in rows track by $index -->
</tbody>
</table>
<!-- ngSwitchWhen: month -->
<!-- ngSwitchWhen: year -->
</div>
</li>
<!-- ngIf: showButtonBar -->
<li ng-if="showButtonBar" style="padding:10px 9px 2px" class="ng-scope">
<span class="btn-group pull-left">
<button type="button" class="btn btn-sm btn-info ng-binding" ng-click="select('today')">Today</button>
<button type="button" class="btn btn-sm btn-danger ng-binding" ng-click="select(null)">Clear</button>
</span>
<button type="button" class="btn btn-sm btn-success pull-right ng-binding" ng-click="close()">Close</button>
</li><!-- end ngIf: showButtonBar -->
</ul>
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="ctrl.openExpirationDatePopup($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.drivers_license_expiration_date"></span>
<p></p>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.drivers_license_state}" ng-show="step.contact.isAmerican()">
<select class="form-control ng-pristine ng-valid" ng-options="key as value for (key, value) in ctrl.states" ng-model="step.contact.drivers_license_state"
ng-disabled="ctrl.isPersisted && step.attributeDefined.drivers_license_state || step.contact.isCanadian()">
<option value="" selected="selected" class="">State</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="AS">American Somoa</option>
<option value="AZ">Arizona</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">District of Columbia</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="FM">Federated States of Micronesia</option>
<option value="GA">Georgia</option>
<option value="GU">Guam</option>
<option value="HI">Hawaii</option>
<option value="IA">Iowa</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MA">Massachusetts</option>
<option value="MD">Maryland</option>
<option value="ME">Maine</option>
<option value="MH">Marshall Islands</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MO">Missouri</option>
<option value="MP">Northern Mariana Islands</option>
<option value="MS">Mississippi</option>
<option value="MT">Montana</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="NE">Nebraska</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NV">Nevada</option>
<option value="NY">New York</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="PW">Palau</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VA">Virginia</option>
<option value="VI">Virgin Islands</option>
<option value="VT">Vermont</option>
<option value="WA">Washington</option>
<option value="WI">Wisconsin</option>
<option value="WV">West Virginia</option>
<option value="WY">Wyoming</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.drivers_license_state"></span>
</div>
<div class="form-group ng-hide" ng-class="{'has-error': ctrl.errors.tenant.drivers_license_state}" ng-show="step.contact.isCanadian()">
<select class="form-control ng-pristine ng-valid" ng-options="key as value for (key, value) in ctrl.provinces" ng-model="step.contact.drivers_license_state"
ng-disabled="ctrl.isPersisted && step.attributeDefined.drivers_license_state || step.contact.isAmerican()" disabled="disabled">
<option value="" selected="selected" class="">Province</option>
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
<option value="MB">Manitoba</option>
<option value="NB">New Brunswick</option>
<option value="NL">Newfoundland and Labrador</option>
<option value="NS">Nova Scotia</option>
<option value="NU">Nunavut</option>
<option value="NWT">Northwest Territories</option>
<option value="ON">Ontario</option>
<option value="PE">Prince Edward Island</option>
<option value="QC">Québec</option>
<option value="SK">Saskatchewan</option>
<option value="YK">Yukon</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.drivers_license_state"></span>
</div>
</span>
<div class="form-group row" ng-hide="ctrl.shouldHideMilitaryInformation()">
<div class="col-xs-7 checkbox">
<label>
<input type="checkbox" ng-model="step.contact.is_military" ng-disabled="ctrl.isPersisted && step.attributeDefined.is_military" class="ng-pristine ng-valid"> Check here if you are Military </label>
</div>
</div>
</div>
<div class="col-sm-6 contact-misc">
<!-- ngIf: !ctrl.isPersisted && !ctrl.shouldSkipUserCreation() -->
<div class="account-container contact-information ng-scope" ng-if="!ctrl.isPersisted && !ctrl.shouldSkipUserCreation()">
<h3>Create an Account</h3>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.email}">
<input type="email" class="form-control ng-pristine ng-valid ng-valid-email ng-valid-required" placeholder="Email" ng-model="step.contact.email" ng-required="true" ng-disabled="ctrl.isPersisted" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.email"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.email_confirm}">
<input type="email" class="form-control ng-pristine ng-valid ng-valid-email ng-valid-required" placeholder="Confirm Email" ng-model="step.emailConfirm" ng-required="true" ng-disabled="ctrl.isPersisted" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.email_confirm"></span>
</div>
<div class="form-group extra-padding" ng-class="{'has-error': ctrl.errors.tenant.username}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" autocorrect="off" autocapitalize="none" placeholder="Username" ng-model="step.data.username" required="">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.username"></span>
</div>
<h4>Enter Password Recovery Questions/Answers <span class="required-group"></span></h4>
<p class="subheading-example">(e.g., "What is my favorite color?")</p>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.password_recovery_questions.question_1}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Question 1" ng-required="true" ng-model="step.data.password_recovery_questions.question_1" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.password_recovery_questions.question_1"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.password_recovery_questions.answer_1}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Answer" ng-required="true" ng-model="step.data.password_recovery_questions.answer_1" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.password_recovery_questions.answer_1"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.password_recovery_questions.question_2}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Question 2" ng-required="true" ng-model="step.data.password_recovery_questions.question_2" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.password_recovery_questions.question_2"></span>
</div>
<div class="form-group extra-padding" ng-class="{'has-error': ctrl.errors.tenant.password_recovery_questions.answer_2}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Answer" ng-required="true" ng-model="step.data.password_recovery_questions.answer_2" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.password_recovery_questions.answer_2"></span>
</div>
<h4>Choose a Password</h4>
<p class="subheading-example">(Minimum 8 characters)</p>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.password}">
<input type="password" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Enter a Password" ng-required="true" ng-model="step.data.password" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.password"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.password_confirm}">
<input type="password" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Re-enter Password" ng-required="true" ng-model="step.passwordConfirm" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.password_confirm"></span>
</div>
</div><!-- end ngIf: !ctrl.isPersisted && !ctrl.shouldSkipUserCreation() -->
<div class="gate-code-container" ng-hide="step.hideGateCode()">
<h4>Choose a Gate Code</h4>
<p class="subheading-example ng-binding">(Gate code length should be between and digits and value should be between and )</p>
<div class="form-group" ng-class="{'has-error': ctrl.errors.move_in_unit_event.gate_access_code}">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" autocorrect="off" autocapitalize="none" placeholder="Gate Code" ng-model="step.data.gate_access_code"
ng-required="!step.hideGateCode() && ctrl.facilitySettings.gate_enabled">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.move_in_unit_event.gate_access_code"></span>
</div>
</div>
<div class="legal-email-container ng-hide" ng-show="step.isSelectingLegalEmailRequired()">
<h3>Communications Preferences</h3>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.receive_legal_notices_by_email}">
<h4>Would you like to receive legal notices via email?</h4>
<span class="error-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.receive_legal_notices_by_email"></span>
<div>
<label>
<input type="radio" ng-model="step.data.receive_legal_notices_by_email" value="true" class="ng-pristine ng-valid" name="00L"> Yes </label>
<label>
<input type="radio" ng-model="step.data.receive_legal_notices_by_email" value="false" class="ng-pristine ng-valid" name="00M"> No </label>
</div>
</div>
</div>
</div>
</div>
<div class="controls">
<!-- ngIf: ctrl.startingStepOffset === 0 --><button type="button" ng-click="ctrl.cancel()" ng-if="ctrl.startingStepOffset === 0" class="btn btn-link ng-scope">Cancel</button><!-- end ngIf: ctrl.startingStepOffset === 0 -->
<button type="button" ng-click="step.backstep()" class="btn btn-default">Back</button>
<button type="submit" class="btn btn-primary ng-binding" ng-class="{'disabled': step.validating}"> Next </button>
</div>
</form><form class="content backed ng-scope ng-pristine ng-valid" ng-submit="step.complete()">
<div class="row">
<!-- ngIf: step.showAlternateContact() -->
<!-- ngIf: !step.showAlternateContact() -->
<div class="col-lg-12 ng-scope" ng-if="!step.showAlternateContact()">
<div class="additional-contact-container" ng-class="{'has-error': ctrl.errors.tenant.add_contact}">
<h3> Additional Contact(s)
<i class="fa fa-question-circle" tooltip-placement="top" tooltip-append-to-body="true" tooltip="An additional contact is associated with your account and may be contacted by the facility manager for a reference. If you’d like to grant unit access to your additional contact, please let the manager know."></i>
</h3>
<ul class="additional-contacts">
<!-- ngRepeat: (index, contact) in step.contacts -->
</ul>
<button type="button" class="btn btn-link" ng-click="step.addAdditionalContact()" ng-disabled="ctrl.requireAlternateContact && !step.alternate_contact.filledOut()">
<i class="fa fa-plus-circle"></i> Add Additional Contact<span class="contact-subtext" ng-show="step.contacts.length == 0">Let us know who to contact if we cannot reach you about your account.</span><span class="required-flag"
ng-show="ctrl.requiredFields.add_contact">*</span>
</button>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.add_contact"></span>
</div>
<!-- ngIf: ctrl.isPersisted -->
</div><!-- end ngIf: !step.showAlternateContact() -->
<div class="col-lg-12">
<div class="additional-contact-container" ng-class="{'has-error': ctrl.errors.tenant.add_lienholder}">
<h3> Lienholders </h3>
<ul class="additional-contacts">
<!-- ngRepeat: (index, lienholder) in step.lienholders -->
</ul>
<button type="button" class="btn btn-link" ng-click="step.addLienholder()">
<i class="fa fa-plus-circle"></i> Add Lienholder(s)<span class="contact-subtext" ng-show="step.lienholders.length == 0">If a bank, lender or other party has a mortgage, lien or interest in any of your stored contents, please add them
here.</span>
</button>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.add_lienholder"></span>
</div>
<!-- ngIf: ctrl.isPersisted -->
</div>
<div class="col-lg-12">
<div class="stored-vehicles-container">
<h3> Stored Vehicles <i class="fa fa-question-circle" tooltip-placement="top" tooltip-append-to-body="true" tooltip="Automobile, Truck, Motorcycle, SUV, Boat, RV 4-wheeler, Jet Ski, or snowmobile stored in the unit."></i>
</h3>
<div class="stored-vehicles-info">
<span class="help-block">Are you storing a vehicle?</span><span class="required-flag" ng-show="step.isStoringVehicleRequired()">*</span>
<span class="error-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.storingVehicle"></span>
</div>
<div>
<label>
<input type="radio" ng-model="step.data.storingVehicle" ng-value="true" class="ng-pristine ng-valid" name="00R" value="true"> Yes </label>
<label>
<input type="radio" ng-model="step.data.storingVehicle" ng-value="false" class="ng-pristine ng-valid" name="00S" value="false"> No </label>
</div>
<!-- ngIf: step.data.storingVehicle -->
</div>
</div>
<div class="controls">
<!-- ngIf: ctrl.startingStepOffset === 0 --><button type="button" ng-click="ctrl.cancel()" ng-if="ctrl.startingStepOffset === 0" class="btn btn-link ng-scope">Cancel</button><!-- end ngIf: ctrl.startingStepOffset === 0 -->
<!-- ngIf: step.showDeclineAlternateContact() || !step.allow_decline_alternate --><button type="button" ng-if="step.showDeclineAlternateContact() || !step.allow_decline_alternate" ng-click="step.backstep()" class="btn btn-default ng-scope">
Back </button><!-- end ngIf: step.showDeclineAlternateContact() || !step.allow_decline_alternate -->
<!-- ngIf: !step.showDeclineAlternateContact() && step.allow_decline_alternate -->
<button type="submit" class="btn btn-primary ng-binding disabled" ng-class="{'disabled': step.disableNextButton(ctrl.isPersisted)}"> Next </button>
</div>
</div>
</form><form class="content backed ng-scope ng-pristine ng-invalid ng-invalid-required" ng-submit="step.complete()">
<div class="row buffer" ng-class="{'buffer': !ctrl.isAuthenticated}">
<div class="col-sm-6 payment-information ng-hide" ng-show="ctrl.isAuthenticated">
<h3>Select Payment Method</h3>
<p class="text-danger ng-hide" ng-show="step.needsPayment">Please select a payment method.</p>
<ul class="payment-methods">
<!-- ngRepeat: method in step.paymentMethods -->
</ul>
<button type="button" class="btn btn-link" ng-click="step.addPaymentMethod()">
<i class="fa fa-plus-circle"></i> Add Payment Method </button>
<div class="form-group" ng-show="step.showAutopayCheckbox()">
<div class="checkbox" ng-class="{'has-error': ctrl.errors.tenant.autopay}">
<label>
<input type="checkbox" ng-model="step.payment.autopay_enabled" class="ng-pristine ng-valid"> Automatically pay for my unit each month<span class="required-flag" ng-show="(ctrl.requiredFields.autopay)">*</span>
<a ng-click="step.termsAndConditions()" ng-show="ctrl.shouldShowTermsAndConditions()" class="ng-hide">Terms and Conditions</a>
</label>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.autopay"></span>
</div>
<div class="row ng-hide" ng-show="step.payment.autopay_enabled">
<!-- ngIf: !step.isAutopayDateRentalDueDate() -->
<!-- ngIf: step.isAutopayDateRentalDueDate() -->
<div class="col-xs-6 ng-scope" ng-if="step.isAutopayDateRentalDueDate()">
<select class="form-control ng-pristine ng-valid ng-valid-required" ng-required="step.isAutopayEnrollEnabled() && step.payment.autopay_enabled" ng-options="d for d in step.daysOfMonth" ng-model="step.payment.autopay_day">
<option value="" selected="selected" class="">Date of Month</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
<option value="8">9</option>
<option value="9">10</option>
<option value="10">11</option>
<option value="11">12</option>
<option value="12">13</option>
<option value="13">14</option>
<option value="14">15</option>
<option value="15">16</option>
<option value="16">17</option>
<option value="17">18</option>
<option value="18">19</option>
<option value="19">20</option>
<option value="20">21</option>
<option value="21">22</option>
<option value="22">23</option>
<option value="23">24</option>
<option value="24">25</option>
<option value="25">26</option>
<option value="26">27</option>
<option value="27">28</option>
<option value="28">29</option>
<option value="29">30</option>
<option value="30">31</option>
</select>
</div><!-- end ngIf: step.isAutopayDateRentalDueDate() -->
</div>
</div>
</div>
<div class="col-sm-6 payment-information" ng-show="!ctrl.isAuthenticated">
<h3>Enter your payment details</h3>
<div class="btn-group btn-group-justified payment-kinds">
<label class="btn btn-default ng-pristine ng-valid active" ng-model="step.payment.kind" btn-radio="'credit_card'" ng-click="step.toMethodKind('credit_card')">
<i class="fa fa-credit-card"></i> Card Info </label>
<!-- ngIf: step.allowACHForThisMoveIn() --><label class="btn btn-default ng-scope ng-pristine ng-valid" ng-model="step.payment.kind" btn-radio="'ach'" ng-if="step.allowACHForThisMoveIn()" ng-click="step.toMethodKind('ach')">
<i class="fa fa-bank"></i> ACH </label><!-- end ngIf: step.allowACHForThisMoveIn() -->
<label class="btn btn-default ng-pristine ng-valid" ng-model="step.payment.kind" btn-radio="'card_swipe'" ng-click="step.toMethodKind('card_swipe')">
<i class="fa fa-credit-card"></i> Swipe Card </label>
</div>
<div class="credit-card" ng-show="step.isPaymentMethod('credit_card')">
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.card_number'] || ctrl.errors.successful_payment_event['payment_method.card_type']}">
<label class="small" for="creditCardNumber">Card Number</label>
<div class="credit-card-input">
<!-- ngIf: !ctrl.maskCC || ctrl.facilitySettings.mask_credit_card_numbers == undefined --><input ng-if="!ctrl.maskCC || ctrl.facilitySettings.mask_credit_card_numbers == undefined" type="text"
class="form-control ng-scope ng-pristine ng-valid ng-valid-required" id="creditCardNumber" ng-model="step.payment.cardNumber" ng-required="step.isPaymentMethod('credit_card')" autocomplete="false" rnl-credit-card-number=""
required="required"><!-- end ngIf: !ctrl.maskCC || ctrl.facilitySettings.mask_credit_card_numbers == undefined -->
<!-- ngIf: ctrl.maskCC -->
<i class="fa fa-fw card-type fa-cc-visa" ng-class="ctrl.creditCardIcon(step.payment.cardNumber)"></i>
<i class="fa fa-fw fa-check card-valid" ng-show="step.validateCardNumber(step.payment.cardNumber)"></i>
</div>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.card_number']"></span>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.card_type']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.security_code']}">
<div class="row">
<div class="col-xs-8">
<label class="small">Expiration Date</label>
</div>
<div class="col-xs-4">
<label class="small" for="securityCode"> Security Code
<i class="fa fa-question-circle" tooltip-placement="right" tooltip-append-to-body="true" tooltip="For Visa and MasterCard users, this is the last three digits on the back of your card. For American Express users, this is the four digits on the front of your card."></i>
</label>
</div>
</div>
<div class="row" id="cardInfo">
<div class="col-xs-4">
<select class="form-control ng-pristine ng-valid ng-valid-required" ng-required="step.isPaymentMethod('credit_card')" ng-options="m for m in step.months" ng-model="step.payment.expirationMonth" required="required">
<option value="" selected="selected" class="">MM</option>
<option value="0">01</option>
<option value="1">02</option>
<option value="2">03</option>
<option value="3">04</option>
<option value="4">05</option>
<option value="5">06</option>
<option value="6">07</option>
<option value="7">08</option>
<option value="8">09</option>
<option value="9">10</option>
<option value="10">11</option>
<option value="11">12</option>
</select>
</div>
<div class="col-xs-4">
<select class="form-control ng-pristine ng-valid ng-valid-required" ng-required="step.isPaymentMethod('credit_card')" ng-options="'20' + y for y in step.years" ng-model="step.payment.expirationYear" required="required">
<option value="" selected="selected" class="">YYYY</option>
<option value="0">2023</option>
<option value="1">2024</option>
<option value="2">2025</option>
<option value="3">2026</option>
<option value="4">2027</option>
<option value="5">2028</option>
<option value="6">2029</option>
<option value="7">2030</option>
<option value="8">2031</option>
<option value="9">2032</option>
<option value="10">2033</option>
<option value="11">2034</option>
<option value="12">2035</option>
<option value="13">2036</option>
<option value="14">2037</option>
<option value="15">2038</option>
<option value="16">2039</option>
<option value="17">2040</option>
<option value="18">2041</option>
<option value="19">2042</option>
<option value="20">2043</option>
</select>
</div>
<div class="col-xs-4">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" id="securityCode" ng-model="step.payment.securityCode" ng-required="step.isPaymentMethod('credit_card')" autocomplete="false" rnl-credit-card-cvc=""
required="required">
</div>
</div>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.security_code']"></span>
</div>
<new-tenant-move-in-billing-address ng-show="step.showBillingAddress()" class="">
<div class="form-group">
<label>Billing address is the same as my mailing address</label>
<input type="checkbox" ng-model="step.payment.billingSame" ng-change="step.toggleBillingAsMailingAddress()" ng-disable="!step.showBillingAddress()" class="ng-pristine ng-valid">
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address1']}">
<label class="small" for="billingAddressAttributes.address1">Address 1</label>
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_address1" ng-model="step.payment.billingAddressAttributes.address1" ng-required="step.showBillingAddress()"
ng-disabled="!step.showBillingAddress()" autocomplete="false" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address1']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address2']}">
<label class="small" for="billingAddressAttributes.address2">Address 2</label>
<input type="text" class="form-control ng-pristine ng-valid" id="payment_method_billing_address_address2" ng-model="step.payment.billingAddressAttributes.address2" ng-disabled="!step.showBillingAddress()" autocomplete="false">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address2']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.city']}">
<label class="small" for="billingAddressAttributes.city">City</label>
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_city" ng-model="step.payment.billingAddressAttributes.city" ng-required="step.showBillingAddress()"
ng-disabled="!step.showBillingAddress()" autocomplete="false" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.city']"></span>
</div>
<div class="form-group" ng-show="step.showStates()" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']}">
<label class="small" for="billingAddressAttributes.state">State</label>
<select class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_state" ng-options="key as value for (key, value) in ctrl.states" ng-model="step.payment.billingAddressAttributes.state"
ng-required="step.showStates()" ng-disabled="!step.showStates()" required="required">
<option value="" selected="selected" class="">State</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="AS">American Somoa</option>
<option value="AZ">Arizona</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">District of Columbia</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="FM">Federated States of Micronesia</option>
<option value="GA">Georgia</option>
<option value="GU">Guam</option>
<option value="HI">Hawaii</option>
<option value="IA">Iowa</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MA">Massachusetts</option>
<option value="MD">Maryland</option>
<option value="ME">Maine</option>
<option value="MH">Marshall Islands</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MO">Missouri</option>
<option value="MP">Northern Mariana Islands</option>
<option value="MS">Mississippi</option>
<option value="MT">Montana</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="NE">Nebraska</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NV">Nevada</option>
<option value="NY">New York</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="PW">Palau</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VA">Virginia</option>
<option value="VI">Virgin Islands</option>
<option value="VT">Vermont</option>
<option value="WA">Washington</option>
<option value="WI">Wisconsin</option>
<option value="WV">West Virginia</option>
<option value="WY">Wyoming</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']"></span>
</div>
<div class="form-group ng-hide" ng-show="step.showProvinces()" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']}">
<label class="small" for="billingAddressAttributes.state">Providence</label>
<select class="form-control ng-pristine ng-valid ng-valid-required" id="payment_method_billing_address_state" ng-options="key as value for (key, value) in ctrl.provinces" ng-model="step.payment.billingAddressAttributes.state"
ng-required="step.showProvinces()" ng-disabled="!step.showProvinces()" disabled="disabled">
<option value="" selected="selected" class="">Providence</option>
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
<option value="MB">Manitoba</option>
<option value="NB">New Brunswick</option>
<option value="NL">Newfoundland and Labrador</option>
<option value="NS">Nova Scotia</option>
<option value="NU">Nunavut</option>
<option value="NWT">Northwest Territories</option>
<option value="ON">Ontario</option>
<option value="PE">Prince Edward Island</option>
<option value="QC">Québec</option>
<option value="SK">Saskatchewan</option>
<option value="YK">Yukon</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.postal']}">
<label class="small" for="billingAddressAttributes.postal">Postal</label>
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_city" ng-model="step.payment.billingAddressAttributes.postal" ng-required="step.showBillingAddress()"
ng-disabled="!step.showBillingAddress()" autocomplete="false" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.postal']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.country']}">
<label for="inputPaymentCountry" class="col-sm-3 control-label">Country</label>
<select class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_country" name="inputPaymentCountry" ng-options="key as value for (key , value) in ctrl.countries"
ng-required="step.showBillingAddress()" ng-disabled="!step.showBillingAddress()" ng-model="step.payment.billingAddressAttributes.country" required="required">
<option value="" selected="selected" class="">Countries</option>
<option value="CA">Canada</option>
<option value="US">United States</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.country']"></span>
</div>
</new-tenant-move-in-billing-address>
</div>
<div class="form-group" ng-hide="step.isPaymentMethod('card_swipe')">
<label class="small" for="firstName"> Name on <span ng-show="step.isPaymentMethod('credit_card')" class="">Card</span>
<span ng-show="step.isPaymentMethod('ach')" class="ng-hide">Account</span>
</label>
<div class="row">
<div class="col-xs-6">
<input type="text" id="firstName" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="First Name" ng-model="step.payment.firstName" ng-required="!step.isPaymentMethod('card_swipe')" required="required">
</div>
<div class="col-xs-6">
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" placeholder="Last Name" ng-model="step.payment.lastName" ng-required="!step.isPaymentMethod('card_swipe')" required="required">
</div>
</div>
</div>
<div class="ach ng-hide" ng-show="step.isPaymentMethod('ach')">
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.bank_name']}">
<label class="small" for="bankName">Bank Name</label>
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" id="bankName" ng-model="step.payment.bankName" ng-required="step.isPaymentMethod('ach')">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.bank_name']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.account_type']}">
<label class="small" for="accountType">Account Type</label>
<select class="form-control ng-pristine ng-valid ng-valid-required" id="accountType" ng-required="step.isPaymentMethod('ach')" ng-model="step.payment.accountType"
ng-options="key for (key, value) in ctrl.facilitySettings.payments.ach_types">
<option value="" class=""></option>
<option value="Business Checking">Business Checking</option>
<option value="Checking">Checking</option>
<option value="Savings">Savings</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.account_type']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.account_number']}">
<label class="small" for="accountNumber">Account Number</label>
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" id="accountNumber" ng-model="step.payment.accountNumber" ng-required="step.isPaymentMethod('ach')" autocomplete="false">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.account_number']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.routing_number']}">
<label class="small" for="routingNumber">Routing Number</label>
<input type="text" class="form-control ng-pristine ng-valid ng-valid-required" id="routingNumber" ng-model="step.payment.routingNumber" ng-required="step.isPaymentMethod('ach')" autocomplete="false">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.routing_number']"></span>
</div>
<new-tenant-move-in-billing-address ng-show="step.showBillingAddress()" class="">
<div class="form-group">
<label>Billing address is the same as my mailing address</label>
<input type="checkbox" ng-model="step.payment.billingSame" ng-change="step.toggleBillingAsMailingAddress()" ng-disable="!step.showBillingAddress()" class="ng-pristine ng-valid">
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address1']}">
<label class="small" for="billingAddressAttributes.address1">Address 1</label>
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_address1" ng-model="step.payment.billingAddressAttributes.address1" ng-required="step.showBillingAddress()"
ng-disabled="!step.showBillingAddress()" autocomplete="false" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address1']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address2']}">
<label class="small" for="billingAddressAttributes.address2">Address 2</label>
<input type="text" class="form-control ng-pristine ng-valid" id="payment_method_billing_address_address2" ng-model="step.payment.billingAddressAttributes.address2" ng-disabled="!step.showBillingAddress()" autocomplete="false">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.address2']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.city']}">
<label class="small" for="billingAddressAttributes.city">City</label>
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_city" ng-model="step.payment.billingAddressAttributes.city" ng-required="step.showBillingAddress()"
ng-disabled="!step.showBillingAddress()" autocomplete="false" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.city']"></span>
</div>
<div class="form-group" ng-show="step.showStates()" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']}">
<label class="small" for="billingAddressAttributes.state">State</label>
<select class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_state" ng-options="key as value for (key, value) in ctrl.states" ng-model="step.payment.billingAddressAttributes.state"
ng-required="step.showStates()" ng-disabled="!step.showStates()" required="required">
<option value="" selected="selected" class="">State</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="AS">American Somoa</option>
<option value="AZ">Arizona</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">District of Columbia</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="FM">Federated States of Micronesia</option>
<option value="GA">Georgia</option>
<option value="GU">Guam</option>
<option value="HI">Hawaii</option>
<option value="IA">Iowa</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MA">Massachusetts</option>
<option value="MD">Maryland</option>
<option value="ME">Maine</option>
<option value="MH">Marshall Islands</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MO">Missouri</option>
<option value="MP">Northern Mariana Islands</option>
<option value="MS">Mississippi</option>
<option value="MT">Montana</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="NE">Nebraska</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NV">Nevada</option>
<option value="NY">New York</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="PW">Palau</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VA">Virginia</option>
<option value="VI">Virgin Islands</option>
<option value="VT">Vermont</option>
<option value="WA">Washington</option>
<option value="WI">Wisconsin</option>
<option value="WV">West Virginia</option>
<option value="WY">Wyoming</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']"></span>
</div>
<div class="form-group ng-hide" ng-show="step.showProvinces()" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']}">
<label class="small" for="billingAddressAttributes.state">Providence</label>
<select class="form-control ng-pristine ng-valid ng-valid-required" id="payment_method_billing_address_state" ng-options="key as value for (key, value) in ctrl.provinces" ng-model="step.payment.billingAddressAttributes.state"
ng-required="step.showProvinces()" ng-disabled="!step.showProvinces()" disabled="disabled">
<option value="" selected="selected" class="">Providence</option>
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
<option value="MB">Manitoba</option>
<option value="NB">New Brunswick</option>
<option value="NL">Newfoundland and Labrador</option>
<option value="NS">Nova Scotia</option>
<option value="NU">Nunavut</option>
<option value="NWT">Northwest Territories</option>
<option value="ON">Ontario</option>
<option value="PE">Prince Edward Island</option>
<option value="QC">Québec</option>
<option value="SK">Saskatchewan</option>
<option value="YK">Yukon</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.state']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.postal']}">
<label class="small" for="billingAddressAttributes.postal">Postal</label>
<input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_city" ng-model="step.payment.billingAddressAttributes.postal" ng-required="step.showBillingAddress()"
ng-disabled="!step.showBillingAddress()" autocomplete="false" required="required">
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.postal']"></span>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.country']}">
<label for="inputPaymentCountry" class="col-sm-3 control-label">Country</label>
<select class="form-control ng-pristine ng-invalid ng-invalid-required" id="payment_method_billing_address_country" name="inputPaymentCountry" ng-options="key as value for (key , value) in ctrl.countries"
ng-required="step.showBillingAddress()" ng-disabled="!step.showBillingAddress()" ng-model="step.payment.billingAddressAttributes.country" required="required">
<option value="" selected="selected" class="">Countries</option>
<option value="CA">Canada</option>
<option value="US">United States</option>
</select>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.successful_payment_event['payment_method.billingAddressAttributes.country']"></span>
</div>
</new-tenant-move-in-billing-address>
</div>
<div class="card-swipe ng-hide" ng-show="step.isPaymentMethod('card_swipe')">
<div class="form-group" ng-class="{'has-error': ctrl.errors.payment.magnetic_track}">
<label class="small" for="track-data">Magnetic Track</label>
<div class="card-swipe-input">
<input ng-model="step.payment.magnetic_track" ng-readonly="!step.waitingForSwipe" rnl-disable-enter="" autocomplete="off" class="form-control ng-pristine ng-valid" ng-class="{ 'success': step.successfulCardSwipe }" id="track-data"
type="password" tabindex="0" readonly="readOnly">
<i class="fa fa-fw fa-check card-valid ng-hide" ng-show="step.successfulCardSwipe"></i>
</div>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.payment.magnetic_track"></span>
<span class="help-block success-message ng-hide" ng-show="step.successfulCardSwipe">Success!</span>
</div>
<div class="controls">
<button ng-click="step.waitForSwipe()" ng-disabled="step.waitingForSwipe" type="button" class="btn btn-primary ng-binding">Begin Swipe</button>
<button ng-click="step.cancelSwipe()" ng-disabled="!step.waitingForSwipe" ng-show="step.waitingForSwipe" type="button" class="btn btn-danger ng-hide" disabled="disabled">Cancel</button>
</div>
<div class="card-swipe-details ng-hide" ng-show="step.successfulCardSwipe">
<label>Name on Card</label>
<div ng-bind="step.formattedName" class="ng-binding"></div>
<label>Card Number (last 4 digits)</label>
<div ng-bind="step.cardLast4" class="ng-binding"></div>
<label>Expiration Date</label>
<div ng-bind="step.expirationDate" class="ng-binding"></div>
<label>Card Type</label>
<div ng-bind="step.payment.cardType.toUpperCase()" class="ng-binding"></div>
</div>
</div>
<div class="form-group" ng-class="{'has-error': ctrl.errors.tenant.reuseable}">
<div class="checkbox" ng-hide="step.isPaymentMethod('card_swipe')">
<label>
<input type="checkbox" ng-model="step.payment.reuseable" class="ng-pristine ng-valid"> Save payment information </label>
</div>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.reuseable"></span>
</div>
<div class="form-group" ng-show="step.isAutopayEnrollEnabled()">
<div class="checkbox" ng-class="{'has-error': ctrl.errors.tenant.autopay}">
<label>
<input type="checkbox" ng-model="step.payment.autopay_enabled" class="ng-pristine ng-valid"> Add Autopay<span class="required-flag" ng-show="(ctrl.requiredFields.autopay)">*</span>
</label>
<span class="help-block ng-binding ng-hide" ng-show="ctrl.errors.tenant.autopay"></span>
</div>
<div class="row ng-hide" ng-show="step.payment.autopay_enabled">
<!-- ngIf: !step.isAutopayDateRentalDueDate() -->
<!-- ngIf: step.isAutopayDateRentalDueDate() -->
<div class="col-xs-6 ng-scope" ng-if="step.isAutopayDateRentalDueDate()">
<select class="form-control ng-pristine ng-valid ng-valid-required" ng-required="step.isAutopayEnrollEnabled() && step.payment.autopay_enabled" ng-options="d for d in step.daysOfMonth" ng-model="step.payment.autopay_day">
<option value="" selected="selected" class="">Date of Month</option>
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
<option value="8">9</option>
<option value="9">10</option>
<option value="10">11</option>
<option value="11">12</option>
<option value="12">13</option>
<option value="13">14</option>
<option value="14">15</option>
<option value="15">16</option>
<option value="16">17</option>
<option value="17">18</option>
<option value="18">19</option>
<option value="19">20</option>
<option value="20">21</option>
<option value="21">22</option>
<option value="22">23</option>
<option value="23">24</option>
<option value="24">25</option>
<option value="25">26</option>
<option value="26">27</option>
<option value="27">28</option>
<option value="28">29</option>
<option value="29">30</option>
<option value="30">31</option>
</select>
</div><!-- end ngIf: step.isAutopayDateRentalDueDate() -->
</div>
</div>
</div>
<div class="col-sm-6 rental-information">
<h3>Rental Information</h3>
<!-- ngInclude: 'lineItems' -->
<div ng-include="'lineItems'" class="ng-scope">
<ul class="line-items ng-scope">
<li class="row ng-hide" ng-show="ctrl.stepData.three.require_second_month && ctrl.stepData.three.reviewCost">
<div class="row-xs-12 alert alert-info ng-binding">We require that the second month’s rent is paid in full for all rentals made during the last 5 days of the month</div>
</li>
<li class="row not-coupon" ng-show="ctrl.stepData.three.reviewCost === null">
<div class="col-xs-12">
<i class="fa fa-refresh fa-spin"></i> Refreshing
</div>
</li>
<li class="row not-coupon ng-hide" ng-show="ctrl.stepData.three.reviewCost === false">
<div class="col-xs-12"> Failed to load line items. </div>
</li>
<!-- ngRepeat: (index, item) in ctrl.stepData.three.reviewCost -->
<!-- ngRepeat: (index, promo) in ctrl.stepData.three.promos -->
</ul>
</div>
<!-- ngInclude: 'balanceTable' -->
<div ng-include="'balanceTable'" class="ng-scope">
<div class="row-offset ng-scope">
<div class="row">
<div class="col-sm-4 hidden-xs"></div>
<div class="col-sm-8 col-xs-12 balance-container">
<table class="balance">
<tbody>
<tr ng-show="ctrl.stepData.three.reviewCost === null" class="">
<td colspan="2"><i class="fa fa-refresh fa-spin"></i> Refreshing costs</td>
</tr>
<tr ng-show="ctrl.stepData.three.reviewCost === false" class="ng-hide">
<td colspan="2">Failed to load cost review.</td>
</tr>
<tr class="line-item ng-hide" ng-show="ctrl.stepData.three.reviewCost">
<th>Subtotal</th>
<td class="ng-binding">$0.00</td>
</tr>
<tr class="line-item ng-hide" ng-show="ctrl.stepData.three.reviewCost">
<th>Taxes</th>
<td class="ng-binding">$0.00</td>
</tr>
<tr class="line-item total ng-hide" ng-show="ctrl.stepData.three.reviewCost">
<!-- ngIf: step.number !== 6 || step.substep !== 2 -->
<th ng-if="step.number !== 6 || step.substep !== 2" class="ng-scope">Balance</th><!-- end ngIf: step.number !== 6 || step.substep !== 2 -->
<!-- ngIf: step.number === 6 && step.substep === 2 -->
<td class="ng-binding">$0.00</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row ng-hide" ng-show="ctrl.stepData.three.totalMonthlyBillingAmount && step.number != 3">
<div class="col-sm-offset-4 col-sm-8 recurring-monthly-payment"> Recurring Monthly Payment <span class="pull-right ng-binding"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="controls">
<!-- ngIf: ctrl.startingStepOffset === 0 --><button type="button" ng-click="ctrl.cancel()" ng-if="ctrl.startingStepOffset === 0" class="btn btn-link ng-scope">Cancel</button><!-- end ngIf: ctrl.startingStepOffset === 0 -->
<button type="button" ng-click="step.backstep()" class="btn btn-default">Back</button>
<button type="submit" class="btn btn-primary review-lease-btn" ng-show="!ctrl.isAuthenticated" ng-class="{'disabled': step.payment.kind == 'card_swipe' && !step.successfulCardSwipe}">Review Lease</button>
<button type="button" class="btn btn-primary review-lease-btn disabled ng-hide" ng-show="ctrl.isAuthenticated" ng-click="step.complete()" ng-class="{'disabled': !ctrl.stepData.three.reviewCost}">Review Lease</button>
</div>
</form>Text Content
Toggle navigation
* Sign In
* Hi,
* Log Out
‹ Back to Dashboard
1 SELECT A LOCATION
* Loading...
* Failed to load facilities. Try reloading the page.
* Sherman Storage 66638 Dillon Valley
Overland Park, KS 66204
Starting at $40
Select
* Maple Leaf Storage 2825 Spruce St
Vancouver, BC V6H 2R4
Starting at
Select
* storEDGE Demo 2 7890 Winners Dr.
Kansas City, KS 66205
Starting at $101
Select
* Call center Training 123 Main Street
Anytown, KS 66202
Starting at $75
Select
* Do Not Use 490 Bailey Hollow
South Gladis, DE 99345-3582
Starting at
Select
* Accrual Demo 4997 Bernhard Crescent
Luigimouth, LA 09663-4100
Starting at $55
Select
* storEDGE Demo 1 256 45th St NE
Kansas City, MO 66205
Starting at $0
Select
* CK Self Storage 1000 Climate Blvd.
Waldo, MO 64114
Starting at $49
Select
* Self Storage World 330 N Jefferson Ave
Springfield, MO 65806
Starting at
Select
* Trace Self Storage 1044 W. 41st St.
Kansas City, MO 64112
Starting at
Select
* Olivia Storage 123 Storable Street
Westwood, KS 66205
Starting at $45
Select
* Import Test 490 Bailey Hollow
South Gladis, DE 99345-3582
Starting at $45
Select
* Support Test AA 490 Bailey Hollow
South Gladis, DE 99345-3582
Starting at $50
Select
* Isabel's Demo 60164 Bernier Lock
North Earle, FL 99847-3063
Starting at $50
Select
* Automation Test Facility 555, Bridge blvd
Austin, CT 06611
Starting at $12
Select
* Markus's Demo 125 Timika Manor
South Granvilleborough, KY 84735-2906
Starting at $50
Select
* James Storage 4820 Rainbow St
Kansas City, KS 45864
Starting at
Select
* CALL CENTER TRAINING 123 Main Street
Raleigh, NC 27604
Starting at
Select
* storEDGE Demo 3 1 Storage Way
Westwood, KS 66205
Starting at $60
Select
* Ryan Demo 7225 Widmer
Shawnee, KS 66216
Starting at $115
Select
* DEMO C 2100 Renner Hollow
Tillmanmouth, MT 66150-1501
Starting at $50
Select
* Shawntee Test 490 Bailey Hollow
South Gladis, DE 99345-3582
Starting at
Select
* Support Test B 7319 Kilback Orchard
West Christel, RI 97866-5690
Starting at $50
Select
* Best Self Storage 4830 Rainbow Blvd
Westwood, KS 66205
Starting at $100
Select
* Jennifer Storage 4730 Rainbow Blvd,
Westwood, KS 66205
Starting at $45
Select
* Baratheon Storage 5925 NW Union Chapel Rd.
Kansas City, MO 64152
Starting at $100
Select
* CL Storage 500 Auto Pay Ln.
Riverside, MO 64150
Starting at $5
Select
Cancel
2 SELECT A UNIT
* 5 x 10 x 0 Unit
$75
* 5 x 10 x 8
* See All
* See Less
Move In
* 10 x 10 x 0 Unit
$135
* 10 x 10 x 8
* See All
* See Less
Move In
* 10 x 20 x 0 Unit
$195
* 10 x 20 x 8
* See All
* See Less
Move In
* 10 x 25 x 0 Unit
$230
* 10 x 25 x 8
* See All
* See Less
Move In
* 10 x 30 x 0 Unit
$275
* 10 x 30 x 8
* See All
* See Less
Move In
* 10 x 40 x 0 Unit
$350
* Self-Storage
* See All
* See Less
Move In
* 50 x 50 x 50 Unit
$200
* Storage
* See All
* See Less
Move In
* No Unit Groups
*
Cancel Back
3 CUSTOMIZE YOUR UNIT
UNIT DETAILS
Unit
Unit
/mo
Call center Training
123 Main Street
Anytown, KS 66202
RENTAL INFORMATION
Choose Your Own Deal
This unit is eligible for special pricing. Please confirm your selection.
* We require that the second month’s rent is paid in full for all rentals made
during the last 5 days of the month
* Refreshing
* Failed to load line items.
Add Insurance*
* I choose to opt out of insurance
* Private Insurance
This is required to participate in our SmartRental program. Learn More
Insurance Brochure URL
Insurance Sample Certificate URL
Add Service*
Add Storage Supplies*
Add Locks*
* Locks
Add Promo Code
Refreshing costs Failed to load cost review. Subtotal $0.00 Taxes $0.00 Balance
$0.00
Recurring Monthly Payment
Cancel Back Next
4 ENTER YOUR CONTACT INFORMATION
Place your card in the reader and do not move it until the scan has completed.
Scan Success! Your information has been entered into your lease. Please fill out
the remaining fields and press Next to continue.
Oops, we didn't get a good read. Please try scanning your card again. For best
results, make sure not to move your card before the scan is finished.
ENTER YOUR CONTACT INFORMATION
You may scan your license to auto-fill your information
Scan License Now Cancel
CanadaUnited States
StateAlaskaAlabamaArkansasAmerican
SomoaArizonaCaliforniaColoradoConnecticutDistrict of
ColumbiaDelawareFloridaFederated States of
MicronesiaGeorgiaGuamHawaiiIowaIdahoIllinoisIndianaKansasKentuckyLouisianaMassachusettsMarylandMaineMarshall
IslandsMichiganMinnesotaMissouriNorthern Mariana IslandsMississippiMontanaNorth
CarolinaNorth DakotaNebraskaNew HampshireNew JerseyNew MexicoNevadaNew
YorkOhioOklahomaOregonPennsylvaniaPuerto RicoPalauRhode IslandSouth
CarolinaSouth DakotaTennesseeTexasUtahVirginiaVirgin
IslandsVermontWashingtonWisconsinWest VirginiaWyoming
ProvinceAlbertaBritish ColumbiaManitobaNew BrunswickNewfoundland and
LabradorNova ScotiaNunavutNorthwest TerritoriesOntarioPrince Edward
IslandQuébecSaskatchewanYukon
DRIVER'S LICENSE INFORMATION
* May 2023 SunMonTueWedThuFriSat 17 30 01 02 03 04 05 06 18 07 08 09 10 11 12
13 19 14 15 16 17 18 19 20 20 21 22 23 24 25 26 27 21 28 29 30 31 01 02 03 22
04 05 06 07 08 09 10
* Today Clear Close
* May 2023 SunMonTueWedThuFriSat 17 30 01 02 03 04 05 06 18 07 08 09 10 11 12
13 19 14 15 16 17 18 19 20 20 21 22 23 24 25 26 27 21 28 29 30 31 01 02 03 22
04 05 06 07 08 09 10
* Today Clear Close
StateAlaskaAlabamaArkansasAmerican
SomoaArizonaCaliforniaColoradoConnecticutDistrict of
ColumbiaDelawareFloridaFederated States of
MicronesiaGeorgiaGuamHawaiiIowaIdahoIllinoisIndianaKansasKentuckyLouisianaMassachusettsMarylandMaineMarshall
IslandsMichiganMinnesotaMissouriNorthern Mariana IslandsMississippiMontanaNorth
CarolinaNorth DakotaNebraskaNew HampshireNew JerseyNew MexicoNevadaNew
YorkOhioOklahomaOregonPennsylvaniaPuerto RicoPalauRhode IslandSouth
CarolinaSouth DakotaTennesseeTexasUtahVirginiaVirgin
IslandsVermontWashingtonWisconsinWest VirginiaWyoming
ProvinceAlbertaBritish ColumbiaManitobaNew BrunswickNewfoundland and
LabradorNova ScotiaNunavutNorthwest TerritoriesOntarioPrince Edward
IslandQuébecSaskatchewanYukon
Check here if you are Military
CREATE AN ACCOUNT
ENTER PASSWORD RECOVERY QUESTIONS/ANSWERS
(e.g., "What is my favorite color?")
CHOOSE A PASSWORD
(Minimum 8 characters)
CHOOSE A GATE CODE
(Gate code length should be between and digits and value should be between and )
COMMUNICATIONS PREFERENCES
WOULD YOU LIKE TO RECEIVE LEGAL NOTICES VIA EMAIL?
Yes No
Cancel Back Next
5 ADDITIONAL INFORMATION
ADDITIONAL CONTACT(S)
Add Additional ContactLet us know who to contact if we cannot reach you about
your account.*
LIENHOLDERS
Add Lienholder(s)If a bank, lender or other party has a mortgage, lien or
interest in any of your stored contents, please add them here.
STORED VEHICLES
Are you storing a vehicle?*
Yes No
Cancel Back Next
6 PAYMENT INFORMATION
SELECT PAYMENT METHOD
Please select a payment method.
Add Payment Method
Automatically pay for my unit each month* Terms and Conditions
Date of Month12345678910111213141516171819202122232425262728293031
ENTER YOUR PAYMENT DETAILS
Card Info ACH Swipe Card
Card Number
Expiration Date
Security Code
MM010203040506070809101112
YYYY202320242025202620272028202920302031203220332034203520362037203820392040204120422043
Billing address is the same as my mailing address
Address 1
Address 2
City
State StateAlaskaAlabamaArkansasAmerican
SomoaArizonaCaliforniaColoradoConnecticutDistrict of
ColumbiaDelawareFloridaFederated States of
MicronesiaGeorgiaGuamHawaiiIowaIdahoIllinoisIndianaKansasKentuckyLouisianaMassachusettsMarylandMaineMarshall
IslandsMichiganMinnesotaMissouriNorthern Mariana IslandsMississippiMontanaNorth
CarolinaNorth DakotaNebraskaNew HampshireNew JerseyNew MexicoNevadaNew
YorkOhioOklahomaOregonPennsylvaniaPuerto RicoPalauRhode IslandSouth
CarolinaSouth DakotaTennesseeTexasUtahVirginiaVirgin
IslandsVermontWashingtonWisconsinWest VirginiaWyoming
Providence ProvidenceAlbertaBritish ColumbiaManitobaNew BrunswickNewfoundland
and LabradorNova ScotiaNunavutNorthwest TerritoriesOntarioPrince Edward
IslandQuébecSaskatchewanYukon
Postal
Country CountriesCanadaUnited States
Name on Card Account
Bank Name
Account Type Business CheckingCheckingSavings
Account Number
Routing Number
Billing address is the same as my mailing address
Address 1
Address 2
City
State StateAlaskaAlabamaArkansasAmerican
SomoaArizonaCaliforniaColoradoConnecticutDistrict of
ColumbiaDelawareFloridaFederated States of
MicronesiaGeorgiaGuamHawaiiIowaIdahoIllinoisIndianaKansasKentuckyLouisianaMassachusettsMarylandMaineMarshall
IslandsMichiganMinnesotaMissouriNorthern Mariana IslandsMississippiMontanaNorth
CarolinaNorth DakotaNebraskaNew HampshireNew JerseyNew MexicoNevadaNew
YorkOhioOklahomaOregonPennsylvaniaPuerto RicoPalauRhode IslandSouth
CarolinaSouth DakotaTennesseeTexasUtahVirginiaVirgin
IslandsVermontWashingtonWisconsinWest VirginiaWyoming
Providence ProvidenceAlbertaBritish ColumbiaManitobaNew BrunswickNewfoundland
and LabradorNova ScotiaNunavutNorthwest TerritoriesOntarioPrince Edward
IslandQuébecSaskatchewanYukon
Postal
Country CountriesCanadaUnited States
Magnetic Track
Success!
Begin Swipe Cancel
Name on Card
Card Number (last 4 digits)
Expiration Date
Card Type
Save payment information
Add Autopay*
Date of Month12345678910111213141516171819202122232425262728293031
RENTAL INFORMATION
* We require that the second month’s rent is paid in full for all rentals made
during the last 5 days of the month
* Refreshing
* Failed to load line items.
Refreshing costs Failed to load cost review. Subtotal $0.00 Taxes $0.00 Balance
$0.00
Recurring Monthly Payment
Cancel Back Review Lease Review Lease
7 FINISH MOVE IN
REVIEW YOUR RENTAL INFORMATION
ACCOUNT INFORMATION
Ricardo A Johnston
772 Eldridge Lakes
Suite 567
Nedraview, AL 30408
186-463-5081
Vada.Schaden@example.com
,
Unit
Gate Code: 29030
BILLING INFORMATION
• • • •
• • • •
• • • •
Account
• • • •
• • • •
• • • •
$0.00
RENTAL INFORMATION
* We require that the second month’s rent is paid in full for all rentals made
during the last 5 days of the month
* Refreshing
* Failed to load line items.
Refreshing costs Failed to load cost review. Subtotal $0.00 Taxes $0.00 Balance
$0.00
Recurring Monthly Payment
SUCCESS!
UNIT IS NOW READY FOR MOVE-IN. YOUR GATE NUMBER IS 29030.
RENTAL SUMMARY
* We require that the second month’s rent is paid in full for all rentals made
during the last 5 days of the month
* Refreshing
* Failed to load line items.
--------------------------------------------------------------------------------
Refreshing costs Failed to load cost review. Subtotal $0.00 Taxes $0.00 Balance
$0.00
Recurring Monthly Payment
MOVE IN CONFIRMATION
Cancel Back Finish
View Account Log Out
123 Main Street, Anytown, KS 66202 • (913) 954-4745