www.spreenhondacorona.com
Open in
urlscan Pro
18.144.97.14
Public Scan
Submitted URL: http://www.hondacarsofcorona.com/
Effective URL: https://www.spreenhondacorona.com/
Submission: On September 02 via manual from US
Effective URL: https://www.spreenhondacorona.com/
Submission: On September 02 via manual from US
Form analysis 6 forms found in the DOM
<form class="search-inventory-form hidden-xxs ng-pristine ng-valid ng-scope" ng-controller="SearchVinController" ng-submit="find_vehicle()">
<!-- SEARCH INVENTORY BY VIN -->
<div class="search-inventory-vin">
<div class="search-inventory-form">
<div class="row align-items-center">
<div class="col-12 search-label">
<div class="row row-tiny align-items-center">
<span class="col-5 col-sm-6 search-title">Search inventory</span>
<div class="col-7 col-sm-6">
<div class="search-inputs">
<div class="input-group" ng-class="{'has-error' : warning}">
<input class="form-control ng-pristine ng-untouched ng-valid ng-empty" aria-label="Enter VIN or Stock" placeholder="Enter VIN or Stock" ng-model="vin" ng-keyup="$event.keyCode == 13 && find_vehicle()">
<div class="input-group-btn">
<button class="btn" type="button" ng-click="find_vehicle()" ng-disabled="!vin || warning || quering" disabled="disabled">
<span>Go</span>
<i class="mdi mdi-chevron-right"></i>
</button>
</div>
</div>
<!-- ngIf: warning -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SEARCH INVENTORY BY VIN -->
</form><form class="search-inventory-form ng-pristine ng-valid ng-scope" ng-controller="SearchInventoryController">
<div class="search-inventory-categories">
<div class="search-inventory-categories-wrapper d-flex justify-content-between align-items-center">
<!-- ngIf: visibleTabs.category.new -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.category.new">
<label role="checkbox" tabindex="0" aria-checked="true" ng-keydown="searchChoices.category.new = handleCheckPress($event, searchChoices.category.new)"><input type="checkbox" ng-model="searchChoices.category.new"
ng-disabled="!searchOptions.category.new || searchChoices.category.new" ng-class="{'disabled' : !searchOptions.category.new}" class="ng-pristine ng-untouched ng-valid ng-not-empty" disabled="disabled"><em></em> New</label>
</div><!-- end ngIf: visibleTabs.category.new -->
<!-- ngIf: visibleTabs.category.certified -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.category.certified">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.category.certified = handleCheckPress($event, searchChoices.category.certified)"><input type="checkbox" ng-model="searchChoices.category.certified"
ng-disabled="!searchOptions.category.certified || (searchChoices.category.certified && !searchChoices.category.used)" ng-class="{'disabled' : !searchOptions.category.certified}"
class="ng-pristine ng-untouched ng-valid ng-empty"><em></em> Certified</label>
</div><!-- end ngIf: visibleTabs.category.certified -->
<!-- ngIf: visibleTabs.category.used -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.category.used">
<label role="checkbox" tabindex="0" aria-checked="true" ng-keydown="searchOptions.category.used = handleCheckPress($event, searchOptions.category.used)"><input type="checkbox" ng-model="searchChoices.category.used"
ng-disabled="!searchOptions.category.used || (searchChoices.category.used && !searchChoices.category.certified)" ng-class="{'disabled' : !searchOptions.category.used}" class="ng-pristine ng-untouched ng-valid ng-empty"><em></em>
Used</label>
</div><!-- end ngIf: visibleTabs.category.used -->
<!-- ngIf: visibleTabs.fuel.gas -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.fuel.gas">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.fuel.gas = handleCheckPress($event, searchChoices.fuel.gas)"><input type="checkbox" ng-model="searchChoices.fuel.gas"
class="ng-pristine ng-untouched ng-valid ng-empty"><em></em> Gas</label>
</div><!-- end ngIf: visibleTabs.fuel.gas -->
<!-- ngIf: visibleTabs.fuel.hybrid -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.fuel.hybrid">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.fuel.hybrid = handleCheckPress($event, searchChoices.fuel.hybrid)"><input type="checkbox" ng-model="searchChoices.fuel.hybrid"
class="ng-pristine ng-untouched ng-valid ng-empty"><em></em> Hybrid</label>
</div><!-- end ngIf: visibleTabs.fuel.hybrid -->
<!-- ngIf: visibleTabs.fuel.diesel -->
<!-- ngIf: visibleTabs.fuel.electric -->
<!-- ngIf: visibleTabs.bodytype.car -->
<!-- ngIf: visibleTabs.bodytype.suv -->
<!-- ngIf: visibleTabs.bodytype.truck -->
<!-- ngIf: visibleTabs.bodytype.van -->
</div>
</div>
<!-- END SEARCH INVENTORY BY CATEGORIES -->
<!-- SEARCH INVENTORY TABS -->
<div class="search-inventory-tabs">
<div active="activeJustified" class="tab-set ng-isolate-scope">
<ul class="nav nav-tabs" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude="">
<!-- TAB -->
<!-- ngIf: visibleTabs.make -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.model -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope active" index="1" heading="Model" disable="disabledTabs.model && formMode != 'main'" ng-if="visibleTabs.model">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Model</a>
</li><!-- end ngIf: visibleTabs.model -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.year -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="2" heading="Year" disable="disabledTabs.year" ng-if="visibleTabs.year" select="refreshSlider()">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Year</a>
</li><!-- end ngIf: visibleTabs.year -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.dealership -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="9" heading="Dealership" disable="disabledTabs.dealership" ng-if="visibleTabs.dealership">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Dealership</a>
</li><!-- end ngIf: visibleTabs.dealership -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.feature -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="3" heading="Features" disable="disabledTabs.feature" ng-if="visibleTabs.feature">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Features</a>
</li><!-- end ngIf: visibleTabs.feature -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.extColor -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="4" heading="Ext.color" disable="disabledTabs.extColor" ng-if="visibleTabs.extColor">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Ext.color</a>
</li><!-- end ngIf: visibleTabs.extColor -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.intColor -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="5" heading="Int.color" disable="disabledTabs.intColor" ng-if="visibleTabs.intColor">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Int.color</a>
</li><!-- end ngIf: visibleTabs.intColor -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.color -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.price -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="7" heading="Price" disable="disabledTabs.price" ng-if="visibleTabs.price" select="refreshSlider()">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Price</a>
</li><!-- end ngIf: visibleTabs.price -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.mileage -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="8" heading="Mileage" disable="disabledTabs.mileage" ng-if="visibleTabs.mileage" select="refreshSlider()">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Mileage</a>
</li><!-- end ngIf: visibleTabs.mileage -->
<!-- END TAB -->
</ul>
<div class="tab-content">
<!-- ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope active" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Accord Sedan</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Civic Hatchback</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Civic Sedan</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Civic Type R</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">CR-V</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">CR-V Hybrid</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">HR-V</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Insight</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Odyssey</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Passport</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Pilot</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Ridgeline</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<div class="col-12 col-sm-8 offset-sm-2">
<div class="rzslider ng-isolate-scope" rz-slider-model="rangeOptions.year.min" rz-slider-high="rangeOptions.year.max" rz-slider-options="rangeOptions.year.options"><span class="rz-bar-wrapper"><span class="rz-bar"></span></span> <span
class="rz-bar-wrapper" style="visibility: visible; width: 0px; left: 0px;"><span class="rz-bar rz-selection" ng-style="barStyle"></span></span> <span class="rz-pointer rz-pointer-min" ng-style="minPointerStyle" role="slider"
aria-valuenow="2021" aria-valuetext="" aria-valuemin="2021" aria-valuemax="2022" tabindex="0" style="left: 0px;"></span> <span class="rz-pointer rz-pointer-max" ng-style="maxPointerStyle" aria-valuenow="2022" aria-valuetext=""
aria-valuemin="2021" aria-valuemax="2022" role="slider" tabindex="0" style="left: 0px;"></span> <span class="rz-bubble rz-limit rz-floor" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble rz-limit rz-ceil"
style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble"
style="visibility: visible; left: 0px;"> - </span>
<ul ng-show="showTicks" class="rz-ticks ng-hide"><!-- ngRepeat: t in ticks track by $index --></ul>
</div>
<div class="row">
<div class="col-5">
<div class="form-group">
<input aria-label="Min. year" placeholder="Min. year" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.year_min" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMin('year')" ng-blur="updateSliderMin('year')">
</div>
</div>
<div class="col-2"></div>
<div class="col-5">
<div class="form-group">
<input aria-label="Max. year" placeholder="Max. year" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.year_max" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMax('year')" ng-blur="updateSliderMax('year')">
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info --><i role="figure" aria-label="Includes: Collision Mitigation Braking System - Road Departure Mitigation System - Adaptive Cruise Control with Low Speed Follow - Lane Keeping Assist System - Traffic Sign Recognition" class="mdi mdi-information-outline ng-scope" uib-tooltip="Includes: Collision Mitigation Braking System - Road Departure Mitigation System - Adaptive Cruise Control with Low Speed Follow - Lane Keeping Assist System - Traffic Sign Recognition" tooltip-placement="auto top" tooltip-trigger="'mouseenter focus'" tooltip-class="append-to-body" tooltip-append-to-body="true" ng-if="feature.info"></i><!-- end ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Honda Sensing® feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="mdi mdi-package-variant-closed"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Honda Sensing®</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by CVT/Auto Transmission feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-automatic-transmission"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">CVT/Auto Transmission</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by 2WD feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-fwd"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">2WD</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by AWD feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-awd"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">AWD</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Manual Transmission feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-manual-transmission"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Manual Transmission</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Bluetooth Connection feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="mdi mdi-bluetooth"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Bluetooth Connection</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by 3rd Row Seat feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-third-row-seat"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">3rd Row Seat</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Heated Front Seat(s) feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-heated-seat"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Heated Front Seat(s)</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Rear A/C feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-ac"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Rear A/C</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Navigation System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-navigation"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Navigation System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Back-up Camera feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-backup-camera"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Back-up Camera</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Lane Departure Warning feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-lane-assist-warning"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Lane Departure Warning</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Lane Keeping Assist feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-lane-assist"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Lane Keeping Assist</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Leather Seats feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-leather"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Leather Seats</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by WiFi Hotspot feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-wifi"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">WiFi Hotspot</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Premium Sound System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-speakers"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Premium Sound System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Apple CarPlay feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-apple-carplay"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Apple CarPlay</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Entertainment System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-entertainment"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Entertainment System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Android Auto feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-android"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Android Auto</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Liftgate feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-boot-no-foot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Liftgate</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Hands-Free Liftgate feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-boot-no-foot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Hands-Free Liftgate</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Remote Trunk Release feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-boot-no-foot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Remote Trunk Release</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Child Safety Locks feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-safety-lock"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Child Safety Locks</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Engine Immobilizer feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-immobiliser"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Engine Immobilizer</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Tire Pressure Monitor feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-tire-pressure"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Tire Pressure Monitor</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Universal Garage Door Opener feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-garage"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Universal Garage Door Opener</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Blind Spot Monitor feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-blind-spot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Blind Spot Monitor</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Brake Assist feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-press-brake"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Brake Assist</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Sun/Moonroof feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-moonroof"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Sun/Moonroof</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Sun/Moonroof feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-moonroof"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Sun/Moonroof</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Keyless Start feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-keyless"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Keyless Start</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Keyless Entry feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-keyless-entry"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Keyless Entry</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Remote Engine Start feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="mdi mdi-remote"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Remote Engine Start</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Adaptive Cruise Control feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-adaptive-cruise-control"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Adaptive Cruise Control</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Door Locks feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-door-lock"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Door Locks</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Folding Mirrors feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-folding-mirrors"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Folding Mirrors</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Cross-Traffic Alert feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-cross-traffic-alert"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Cross-Traffic Alert</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Rear Parking Aid feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-rear-park-assist"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Rear Parking Aid</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Cloth Seats feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-cloth"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Cloth Seats</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Alloy Wheels feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-alloy-wheels"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Alloy Wheels</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Satellite Radio feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-sirius"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Satellite Radio</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Dual Zone Climate Control feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-ac-dual"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Dual Zone Climate Control</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Fog Lights feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-fog-lights"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Fog Lights</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Rain Sensing Windshield Wipers feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-rain-sensor"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Rain Sensing Windshield Wipers</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Seat feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-seat"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Seat</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Dual Power Seats feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-seat-dual"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Dual Power Seats</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Sliding Doors feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-sliding-doors"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Sliding Doors</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Security System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Security System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Heated Steering Wheel feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Heated Steering Wheel</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Automatic Headlights feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Automatic Headlights</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Aegean Blue Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(10, 46, 128);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Aegean Blue</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Modern Steel Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(55, 54, 54);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Modern Steel</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Obsidian Blue Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(18, 30, 46);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Obsidian Blue</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Radiant Red Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(155, 0, 25);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Radiant Red</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Sonic Gray Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(91, 90, 96);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Sonic Gray</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Boost Blue Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(21, 70, 235);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Boost Blue</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Radiant Red Metallic Pearl II exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(155, 0, 25);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Radiant Red Metallic</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl II</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Lunar Silver Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(160, 160, 160);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Lunar Silver</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Crystal Black Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(29, 29, 29);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Crystal Black</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Phoenix Yellow exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(209, 166, 53);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Phoenix Yellow</strong>
<!-- ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Platinum White Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(224, 221, 212);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Platinum White</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Meteorite Gray Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(61, 66, 70);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Meteorite Gray</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Gray Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(128, 128, 128);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Gray</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Gray Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(128, 128, 128);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Gray</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Beige Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(245, 245, 220);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Beige</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Ivory Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(255, 255, 240);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Ivory</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black/Red Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(255, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black/Red</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black/Red Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(255, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black/Red</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<div class="col-12 col-sm-8 offset-sm-2">
<div class="rzslider ng-isolate-scope" rz-slider-model="rangeOptions.price.min" rz-slider-high="rangeOptions.price.max" rz-slider-options="rangeOptions.price.options"><span class="rz-bar-wrapper"><span class="rz-bar"></span></span>
<span class="rz-bar-wrapper" style="visibility: visible; width: 0px; left: 0px;"><span class="rz-bar rz-selection" ng-style="barStyle"></span></span> <span class="rz-pointer rz-pointer-min" ng-style="minPointerStyle" role="slider"
aria-valuenow="23040" aria-valuetext="" aria-valuemin="23040" aria-valuemax="51845" tabindex="0" style="left: 0px;"></span> <span class="rz-pointer rz-pointer-max" ng-style="maxPointerStyle" aria-valuenow="51845" aria-valuetext=""
aria-valuemin="23040" aria-valuemax="51845" role="slider" tabindex="0" style="left: 0px;"></span> <span class="rz-bubble rz-limit rz-floor" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble rz-limit rz-ceil"
style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble"
style="visibility: visible; left: 0px;"> - </span>
<ul ng-show="showTicks" class="rz-ticks ng-hide"><!-- ngRepeat: t in ticks track by $index --></ul>
</div>
<div class="row">
<div class="col-5">
<div class="form-group">
<input aria-label="Min. price" placeholder="Min. price" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.price_min" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMin('price')" ng-blur="updateSliderMin('price')">
</div>
</div>
<div class="col-2"></div>
<div class="col-5">
<div class="form-group">
<input aria-label="Max. price" placeholder="Max. price" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.price_max" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMax('price')" ng-blur="updateSliderMax('price')">
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<div class="col-12 col-sm-8 offset-sm-2">
<div class="rzslider ng-isolate-scope" rz-slider-model="rangeOptions.mileage.min" rz-slider-high="rangeOptions.mileage.max" rz-slider-options="rangeOptions.mileage.options"><span class="rz-bar-wrapper"><span
class="rz-bar"></span></span> <span class="rz-bar-wrapper" style="visibility: visible; width: 0px; left: 0px;"><span class="rz-bar rz-selection" ng-style="barStyle"></span></span> <span class="rz-pointer rz-pointer-min"
ng-style="minPointerStyle" role="slider" aria-valuenow="0" aria-valuetext="" aria-valuemin="0" aria-valuemax="40" tabindex="0" style="left: 0px;"></span> <span class="rz-pointer rz-pointer-max" ng-style="maxPointerStyle"
aria-valuenow="40" aria-valuetext="" aria-valuemin="0" aria-valuemax="40" role="slider" tabindex="0" style="left: 0px;"></span> <span class="rz-bubble rz-limit rz-floor" style="visibility: hidden; left: 0px;"></span> <span
class="rz-bubble rz-limit rz-ceil" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span
class="rz-bubble" style="visibility: visible; left: 0px;"> - </span>
<ul ng-show="showTicks" class="rz-ticks ng-hide"><!-- ngRepeat: t in ticks track by $index --></ul>
</div>
<div class="row">
<div class="col-5">
<div class="form-group">
<input aria-label="Min. mileage" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.mileage_min" ng-keypress="validateInputLetter($event)" ng-change="changeSliderMin('mileage')"
ng-blur="updateSliderMin('mileage')">
</div>
</div>
<div class="col-2"></div>
<div class="col-5">
<div class="form-group">
<input aria-label="Max. mileage" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.mileage_max" ng-keypress="validateInputLetter($event)" ng-change="changeSliderMax('mileage')"
ng-blur="updateSliderMax('mileage')">
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: dealership in searchOptions.dealership -->
<div class="styled-checkbox checkbox-lg inv-element ng-scope" ng-repeat="dealership in searchOptions.dealership">
<label class="ng-binding">
<input type="checkbox" checklist-value="dealership.search_name" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.dealership">
<em></em> Spreen Honda Corona </label>
</div><!-- end ngRepeat: dealership in searchOptions.dealership -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
</div>
</div>
</div>
<!-- END SEARCH INVENTORY TABS -->
<!-- SEARCH INVENTORY BUTTONS -->
<div class="search-inventory-buttons">
<div class="row">
<div class="col content-center d-flex align-items-center">
<button class="btn btn-link ng-binding" type="button" ng-click="reset_choices()" ng-bind="(mobile || phone) ? 'Clear' : 'Clear Search'">Clear Search</button>
</div>
<div class="col content-center d-flex align-items-center">
<button class="btn btn-primary" type="submit" ng-click="view_vehicles()" ng-disabled="!searchCount">
<span class="ng-binding">(58) View vehicles</span>
<i class="mdi mdi-chevron-right"></i>
</button>
</div>
<div class="col content-center d-flex align-items-center">
<button class="btn btn-link ng-hide" ng-show="sticky.searchInventory" type="button" ng-click="sticky.searchInventory = false">Close</button>
</div>
</div>
</div>
<!-- END SEARCH INVENTORY BUTTONS -->
</form><form class="search-inventory-form hidden-xxs ng-pristine ng-valid ng-scope" ng-controller="SearchVinController" ng-submit="find_vehicle()">
<!-- SEARCH INVENTORY BY VIN -->
<div class="search-inventory-vin">
<div class="search-inventory-form">
<div class="row align-items-center">
<div class="col-12 search-label">
<div class="row row-tiny align-items-center">
<span class="col-5 col-sm-6 search-title">Search inventory</span>
<div class="col-7 col-sm-6">
<div class="search-inputs">
<div class="input-group" ng-class="{'has-error' : warning}">
<input class="form-control ng-pristine ng-untouched ng-valid ng-empty" aria-label="Enter VIN or Stock" placeholder="Enter VIN or Stock" ng-model="vin" ng-keyup="$event.keyCode == 13 && find_vehicle()">
<div class="input-group-btn">
<button class="btn" type="button" ng-click="find_vehicle()" ng-disabled="!vin || warning || quering" disabled="disabled">
<span>Go</span>
<i class="mdi mdi-chevron-right"></i>
</button>
</div>
</div>
<!-- ngIf: warning -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SEARCH INVENTORY BY VIN -->
</form><form class="search-inventory-form ng-pristine ng-valid ng-scope" ng-controller="SearchInventoryController">
<div class="search-inventory-categories">
<div class="search-inventory-categories-wrapper d-flex justify-content-between align-items-center">
<!-- ngIf: visibleTabs.category.new -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.category.new">
<label role="checkbox" tabindex="0" aria-checked="true" ng-keydown="searchChoices.category.new = handleCheckPress($event, searchChoices.category.new)"><input type="checkbox" ng-model="searchChoices.category.new"
ng-disabled="!searchOptions.category.new || searchChoices.category.new" ng-class="{'disabled' : !searchOptions.category.new}" class="ng-pristine ng-untouched ng-valid ng-not-empty" disabled="disabled"><em></em> New</label>
</div><!-- end ngIf: visibleTabs.category.new -->
<!-- ngIf: visibleTabs.category.certified -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.category.certified">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.category.certified = handleCheckPress($event, searchChoices.category.certified)"><input type="checkbox" ng-model="searchChoices.category.certified"
ng-disabled="!searchOptions.category.certified || (searchChoices.category.certified && !searchChoices.category.used)" ng-class="{'disabled' : !searchOptions.category.certified}"
class="ng-pristine ng-untouched ng-valid ng-empty"><em></em> Certified</label>
</div><!-- end ngIf: visibleTabs.category.certified -->
<!-- ngIf: visibleTabs.category.used -->
<!-- ngIf: visibleTabs.fuel.gas -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.fuel.gas">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.fuel.gas = handleCheckPress($event, searchChoices.fuel.gas)"><input type="checkbox" ng-model="searchChoices.fuel.gas"
class="ng-pristine ng-untouched ng-valid ng-empty"><em></em> Gas</label>
</div><!-- end ngIf: visibleTabs.fuel.gas -->
<!-- ngIf: visibleTabs.fuel.hybrid -->
<div class="labeled-checkbox ng-scope" ng-if="visibleTabs.fuel.hybrid">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.fuel.hybrid = handleCheckPress($event, searchChoices.fuel.hybrid)"><input type="checkbox" ng-model="searchChoices.fuel.hybrid"
class="ng-pristine ng-untouched ng-valid ng-empty"><em></em> Hybrid</label>
</div><!-- end ngIf: visibleTabs.fuel.hybrid -->
<!-- ngIf: visibleTabs.fuel.diesel -->
<!-- ngIf: visibleTabs.fuel.electric -->
<!-- ngIf: visibleTabs.bodytype.car -->
<!-- ngIf: visibleTabs.bodytype.suv -->
<!-- ngIf: visibleTabs.bodytype.truck -->
<!-- ngIf: visibleTabs.bodytype.van -->
</div>
</div>
<!-- END SEARCH INVENTORY BY CATEGORIES -->
<!-- SEARCH INVENTORY TABS -->
<div class="search-inventory-tabs">
<div active="activeJustified" class="tab-set ng-isolate-scope">
<ul class="nav nav-tabs" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude="">
<!-- TAB -->
<!-- ngIf: visibleTabs.make -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.model -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope active" index="1" heading="Model" disable="disabledTabs.model && formMode != 'main'" ng-if="visibleTabs.model">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Model</a>
</li><!-- end ngIf: visibleTabs.model -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.year -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="2" heading="Year" disable="disabledTabs.year" ng-if="visibleTabs.year" select="refreshSlider()">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Year</a>
</li><!-- end ngIf: visibleTabs.year -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.dealership -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="9" heading="Dealership" disable="disabledTabs.dealership" ng-if="visibleTabs.dealership">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Dealership</a>
</li><!-- end ngIf: visibleTabs.dealership -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.feature -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="3" heading="Features" disable="disabledTabs.feature" ng-if="visibleTabs.feature">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Features</a>
</li><!-- end ngIf: visibleTabs.feature -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.extColor -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="4" heading="Ext.color" disable="disabledTabs.extColor" ng-if="visibleTabs.extColor">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Ext.color</a>
</li><!-- end ngIf: visibleTabs.extColor -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.intColor -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="5" heading="Int.color" disable="disabledTabs.intColor" ng-if="visibleTabs.intColor">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Int.color</a>
</li><!-- end ngIf: visibleTabs.intColor -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.color -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.price -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="7" heading="Price" disable="disabledTabs.price" ng-if="visibleTabs.price" select="refreshSlider()">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Price</a>
</li><!-- end ngIf: visibleTabs.price -->
<!-- END TAB -->
<!-- TAB -->
<!-- ngIf: visibleTabs.mileage -->
<li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="8" heading="Mileage" disable="disabledTabs.mileage" ng-if="visibleTabs.mileage" select="refreshSlider()">
<a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Mileage</a>
</li><!-- end ngIf: visibleTabs.mileage -->
<!-- END TAB -->
</ul>
<div class="tab-content">
<!-- ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope active" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Accord Sedan</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Civic Hatchback</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Civic Sedan</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Civic Type R</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">CR-V</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">CR-V Hybrid</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">HR-V</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Insight</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Odyssey</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Passport</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Pilot</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
<div class="button-checkbox inv-element ng-scope" ng-repeat="model in searchOptions.model">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.model[model.search_data.make] = handleMultiCheckPress($event, searchChoices.model[model.search_data.make], model.search_data.model)">
<input type="checkbox" checklist-value="model.search_data.model" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.model[model.search_data.make]">
<span class="ng-binding">Ridgeline</span>
</label>
<!-- ngIf: model.trims.length > 0 -->
<div ng-if="model.trims.length > 0" ng-dropdown-multiselect="" class="multi-select-container ng-scope ng-isolate-scope" options="model.trims"
extra-settings="{styleActive: true, showCheckAll: false, showUncheckAll: false, displayProp: 'name', externalIdProp: 'search_name', idProp: 'search_name', smartButtonMaxItems: 5, buttonClasses: 'btn', keyboardControls: true}"
selected-model="searchChoices.trim[model.search_data.make][model.search_data.model]" translation-texts="{buttonDefaultText: 'Choose trims'}">
<div class="multiselect-parent btn-group dropdown-multiselect" ng-class="{open: open}"><button ng-disabled="disabled" type="button" class="dropdown-toggle ng-binding btn" ng-class="settings.buttonClasses"
ng-click="toggleDropdown()">Choose trims <span class="caret"></span></button><!-- ngIf: open --></div>
</div><!-- end ngIf: model.trims.length > 0 -->
<!-- ngIf: !(model.trims.length > 0) -->
</div><!-- end ngRepeat: model in searchOptions.model -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<div class="col-12 col-sm-8 offset-sm-2">
<div class="rzslider ng-isolate-scope" rz-slider-model="rangeOptions.year.min" rz-slider-high="rangeOptions.year.max" rz-slider-options="rangeOptions.year.options"><span class="rz-bar-wrapper"><span class="rz-bar"></span></span> <span
class="rz-bar-wrapper" style="visibility: visible; width: 0px; left: 0px;"><span class="rz-bar rz-selection" ng-style="barStyle"></span></span> <span class="rz-pointer rz-pointer-min" ng-style="minPointerStyle" role="slider"
aria-valuenow="2021" aria-valuetext="" aria-valuemin="2021" aria-valuemax="2022" tabindex="0" style="left: 0px;"></span> <span class="rz-pointer rz-pointer-max" ng-style="maxPointerStyle" aria-valuenow="2022" aria-valuetext=""
aria-valuemin="2021" aria-valuemax="2022" role="slider" tabindex="0" style="left: 0px;"></span> <span class="rz-bubble rz-limit rz-floor" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble rz-limit rz-ceil"
style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble"
style="visibility: visible; left: 0px;"> - </span>
<ul ng-show="showTicks" class="rz-ticks ng-hide"><!-- ngRepeat: t in ticks track by $index --></ul>
</div>
<div class="row">
<div class="col-5">
<div class="form-group">
<input aria-label="Min. year" placeholder="Min. year" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.year_min" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMin('year')" ng-blur="updateSliderMin('year')">
</div>
</div>
<div class="col-2"></div>
<div class="col-5">
<div class="form-group">
<input aria-label="Max. year" placeholder="Max. year" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.year_max" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMax('year')" ng-blur="updateSliderMax('year')">
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info --><i role="figure" aria-label="Includes: Collision Mitigation Braking System - Road Departure Mitigation System - Adaptive Cruise Control with Low Speed Follow - Lane Keeping Assist System - Traffic Sign Recognition" class="mdi mdi-information-outline ng-scope" uib-tooltip="Includes: Collision Mitigation Braking System - Road Departure Mitigation System - Adaptive Cruise Control with Low Speed Follow - Lane Keeping Assist System - Traffic Sign Recognition" tooltip-placement="auto top" tooltip-trigger="'mouseenter focus'" tooltip-class="append-to-body" tooltip-append-to-body="true" ng-if="feature.info"></i><!-- end ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Honda Sensing® feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="mdi mdi-package-variant-closed"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Honda Sensing®</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by CVT/Auto Transmission feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-automatic-transmission"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">CVT/Auto Transmission</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by 2WD feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-fwd"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">2WD</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by AWD feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-awd"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">AWD</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Manual Transmission feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-manual-transmission"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Manual Transmission</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Bluetooth Connection feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="mdi mdi-bluetooth"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Bluetooth Connection</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by 3rd Row Seat feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-third-row-seat"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">3rd Row Seat</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Heated Front Seat(s) feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-heated-seat"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Heated Front Seat(s)</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Rear A/C feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-ac"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Rear A/C</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Navigation System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-navigation"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Navigation System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Back-up Camera feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-backup-camera"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Back-up Camera</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Lane Departure Warning feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-lane-assist-warning"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Lane Departure Warning</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Lane Keeping Assist feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-lane-assist"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Lane Keeping Assist</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Leather Seats feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-leather"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Leather Seats</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by WiFi Hotspot feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-wifi"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">WiFi Hotspot</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Premium Sound System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-speakers"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Premium Sound System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Apple CarPlay feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-apple-carplay"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Apple CarPlay</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Entertainment System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-entertainment"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Entertainment System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Android Auto feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-android"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Android Auto</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Liftgate feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-boot-no-foot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Liftgate</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Hands-Free Liftgate feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-boot-no-foot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Hands-Free Liftgate</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Remote Trunk Release feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-boot-no-foot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Remote Trunk Release</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Child Safety Locks feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-safety-lock"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Child Safety Locks</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Engine Immobilizer feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-immobiliser"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Engine Immobilizer</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Tire Pressure Monitor feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-tire-pressure"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Tire Pressure Monitor</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Universal Garage Door Opener feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-remote-garage"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Universal Garage Door Opener</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Blind Spot Monitor feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-blind-spot"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Blind Spot Monitor</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Brake Assist feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-press-brake"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Brake Assist</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Sun/Moonroof feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-moonroof"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Sun/Moonroof</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Sun/Moonroof feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-moonroof"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Sun/Moonroof</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Keyless Start feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-keyless"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Keyless Start</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Keyless Entry feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-keyless-entry"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Keyless Entry</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Remote Engine Start feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="mdi mdi-remote"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Remote Engine Start</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Adaptive Cruise Control feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-adaptive-cruise-control"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Adaptive Cruise Control</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Door Locks feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-door-lock"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Door Locks</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Folding Mirrors feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-folding-mirrors"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Folding Mirrors</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Cross-Traffic Alert feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-cross-traffic-alert"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Cross-Traffic Alert</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Rear Parking Aid feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-rear-park-assist"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Rear Parking Aid</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Cloth Seats feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-cloth"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Cloth Seats</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Alloy Wheels feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-alloy-wheels"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Alloy Wheels</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Satellite Radio feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-sirius"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Satellite Radio</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Dual Zone Climate Control feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-ac-dual"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Dual Zone Climate Control</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Fog Lights feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-fog-lights"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Fog Lights</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Rain Sensing Windshield Wipers feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-rain-sensor"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Rain Sensing Windshield Wipers</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Seat feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-seat"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Seat</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Dual Power Seats feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-seat-dual"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Dual Power Seats</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Power Sliding Doors feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-icon ng-scope" ng-if="feature.icon">
<i ng-class="feature.icon" class="icon-power-sliding-doors"></i>
</div><!-- end ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Power Sliding Doors</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Security System feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Security System</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Heated Steering Wheel feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Heated Steering Wheel</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
<div class="button-feature inv-element ng-scope" ng-repeat="feature in searchOptions.feature">
<!-- ngIf: feature.info -->
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.feature = handleMultiCheckPress($event, searchChoices.feature, feature.search_key)" title="Filter by Automatic Headlights feature">
<input type="checkbox" checklist-value="feature.search_key" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.feature">
<div class="button-feature-wrapper">
<!-- ngIf: feature.icon -->
<div class="button-feature-name align-self-center">
<strong class="ng-binding">Automatic Headlights</strong>
<!-- ngIf: feature.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: feature in searchOptions.feature -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Aegean Blue Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(10, 46, 128);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Aegean Blue</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Modern Steel Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(55, 54, 54);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Modern Steel</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Obsidian Blue Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(18, 30, 46);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Obsidian Blue</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Radiant Red Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(155, 0, 25);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Radiant Red</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Sonic Gray Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(91, 90, 96);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Sonic Gray</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Boost Blue Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(21, 70, 235);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Boost Blue</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Radiant Red Metallic Pearl II exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(155, 0, 25);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Radiant Red Metallic</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl II</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Lunar Silver Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(160, 160, 160);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Lunar Silver</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Crystal Black Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(29, 29, 29);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Crystal Black</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Phoenix Yellow exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(209, 166, 53);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Phoenix Yellow</strong>
<!-- ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Platinum White Pearl exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(224, 221, 212);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Platinum White</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Pearl</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.ext">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.ext = handleMultiCheckPress($event, searchChoices.color.ext, color.id)" title="Filter by Meteorite Gray Metallic exterior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.ext">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(61, 66, 70);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<strong class="ng-binding">Meteorite Gray</strong>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Metallic</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.ext -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Gray Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(128, 128, 128);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Gray</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Gray Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(128, 128, 128);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Gray</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Beige Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(245, 245, 220);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Beige</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Ivory Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(255, 255, 240);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Ivory</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black/Red Leather interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(255, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black/Red</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Leather</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
<div class="button-color inv-element ng-scope" ng-repeat="color in searchOptions.color.int">
<label role="checkbox" tabindex="0" aria-checked="false" ng-keydown="searchChoices.color.int = handleMultiCheckPress($event, searchChoices.color.int, color.id)" title="Filter by Black/Red Cloth interior color">
<input type="checkbox" checklist-value="color.id" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.color.int">
<div class="button-color-wrapper">
<!-- ngIf: color.hex.length -->
<div class="button-color-boxes ng-scope" ng-if="color.hex.length">
<!-- ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(0, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index --><em ng-repeat="hex in color.hex track by $index" ng-style="{'background-color' : hex}" class="ng-scope"
style="background-color: rgb(255, 0, 0);"></em><!-- end ngRepeat: hex in color.hex track by $index -->
</div><!-- end ngIf: color.hex.length -->
<div class="button-color-name align-self-center">
<span><strong class="ng-binding">Black/Red</strong></span>
<!-- ngIf: color.description --><span ng-if="color.description" class="ng-binding ng-scope">Cloth</span><!-- end ngIf: color.description -->
</div>
</div>
</label>
</div><!-- end ngRepeat: color in searchOptions.color.int -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<div class="col-12 col-sm-8 offset-sm-2">
<div class="rzslider ng-isolate-scope" rz-slider-model="rangeOptions.price.min" rz-slider-high="rangeOptions.price.max" rz-slider-options="rangeOptions.price.options"><span class="rz-bar-wrapper"><span class="rz-bar"></span></span>
<span class="rz-bar-wrapper" style="visibility: visible; width: 0px; left: 0px;"><span class="rz-bar rz-selection" ng-style="barStyle"></span></span> <span class="rz-pointer rz-pointer-min" ng-style="minPointerStyle" role="slider"
aria-valuenow="23040" aria-valuetext="" aria-valuemin="23040" aria-valuemax="51845" tabindex="0" style="left: 0px;"></span> <span class="rz-pointer rz-pointer-max" ng-style="maxPointerStyle" aria-valuenow="51845" aria-valuetext=""
aria-valuemin="23040" aria-valuemax="51845" role="slider" tabindex="0" style="left: 0px;"></span> <span class="rz-bubble rz-limit rz-floor" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble rz-limit rz-ceil"
style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble"
style="visibility: visible; left: 0px;"> - </span>
<ul ng-show="showTicks" class="rz-ticks ng-hide"><!-- ngRepeat: t in ticks track by $index --></ul>
</div>
<div class="row">
<div class="col-5">
<div class="form-group">
<input aria-label="Min. price" placeholder="Min. price" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.price_min" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMin('price')" ng-blur="updateSliderMin('price')">
</div>
</div>
<div class="col-2"></div>
<div class="col-5">
<div class="form-group">
<input aria-label="Max. price" placeholder="Max. price" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.price_max" ng-keypress="validateInputLetter($event)"
ng-change="changeSliderMax('price')" ng-blur="updateSliderMax('price')">
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<div class="col-12 col-sm-8 offset-sm-2">
<div class="rzslider ng-isolate-scope" rz-slider-model="rangeOptions.mileage.min" rz-slider-high="rangeOptions.mileage.max" rz-slider-options="rangeOptions.mileage.options"><span class="rz-bar-wrapper"><span
class="rz-bar"></span></span> <span class="rz-bar-wrapper" style="visibility: visible; width: 0px; left: 0px;"><span class="rz-bar rz-selection" ng-style="barStyle"></span></span> <span class="rz-pointer rz-pointer-min"
ng-style="minPointerStyle" role="slider" aria-valuenow="0" aria-valuetext="" aria-valuemin="0" aria-valuemax="40" tabindex="0" style="left: 0px;"></span> <span class="rz-pointer rz-pointer-max" ng-style="maxPointerStyle"
aria-valuenow="40" aria-valuetext="" aria-valuemin="0" aria-valuemax="40" role="slider" tabindex="0" style="left: 0px;"></span> <span class="rz-bubble rz-limit rz-floor" style="visibility: hidden; left: 0px;"></span> <span
class="rz-bubble rz-limit rz-ceil" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span class="rz-bubble" style="visibility: hidden; left: 0px;"></span> <span
class="rz-bubble" style="visibility: visible; left: 0px;"> - </span>
<ul ng-show="showTicks" class="rz-ticks ng-hide"><!-- ngRepeat: t in ticks track by $index --></ul>
</div>
<div class="row">
<div class="col-5">
<div class="form-group">
<input aria-label="Min. mileage" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.mileage_min" ng-keypress="validateInputLetter($event)" ng-change="changeSliderMin('mileage')"
ng-blur="updateSliderMin('mileage')">
</div>
</div>
<div class="col-2"></div>
<div class="col-5">
<div class="form-group">
<input aria-label="Max. mileage" class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="sliderValues.mileage_max" ng-keypress="validateInputLetter($event)" ng-change="changeSliderMax('mileage')"
ng-blur="updateSliderMax('mileage')">
</div>
</div>
</div>
</div>
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
<div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
<div class="tab-wrapper row ng-scope">
<!-- ngRepeat: dealership in searchOptions.dealership -->
<div class="styled-checkbox checkbox-lg inv-element ng-scope" ng-repeat="dealership in searchOptions.dealership">
<label class="ng-binding">
<input type="checkbox" checklist-value="dealership.search_name" ng-model="checked" class="ng-scope ng-pristine ng-untouched ng-valid ng-empty" checklist-model="searchChoices.dealership">
<em></em> Spreen Honda Corona </label>
</div><!-- end ngRepeat: dealership in searchOptions.dealership -->
</div>
</div><!-- end ngRepeat: tab in tabset.tabs -->
</div>
</div>
</div>
<!-- END SEARCH INVENTORY TABS -->
<!-- SEARCH INVENTORY BUTTONS -->
<div class="search-inventory-buttons">
<div class="row">
<div class="col content-center d-flex align-items-center">
<button class="btn btn-link ng-binding" type="button" ng-click="reset_choices()" ng-bind="(mobile || phone) ? 'Clear' : 'Clear Search'">Clear Search</button>
</div>
<div class="col content-center d-flex align-items-center">
<button class="btn btn-primary" type="submit" ng-click="view_vehicles()" ng-disabled="!searchCount">
<span class="ng-binding">(58) View vehicles</span>
<i class="mdi mdi-chevron-right"></i>
</button>
</div>
<div class="col content-center d-flex align-items-center">
<button class="btn btn-link ng-hide" ng-show="sticky.searchInventory" type="button" ng-click="sticky.searchInventory = false">Close</button>
</div>
</div>
</div>
<!-- END SEARCH INVENTORY BUTTONS -->
</form>GET https://maps.google.com/maps
<form action="https://maps.google.com/maps" method="get" target="_blank" rel="noopener" class="ng-pristine ng-valid">
<input type="hidden" name="daddr" value="1080 Pomona Rd, Corona, CA 92882" autocomplete="off">
<input type="hidden" name="hl" value="en" autocomplete="off">
<div class="form-group" ng-init="getAutoCompleate()">
<input type="text" name="saddr" id="autoCompl-input" class="form-control pac-target-input" aria-label="Starting Address" placeholder="Starting Address" required="" autocomplete="off">
</div>
<button type="submit" class="btn btn-primary btn-block" ng-click="directionsClick()">Driving directions</button>
</form><form id="cn-chat-question-form"> <input type="text" placeholder="Ask a question?" aria-label="Ask a question?" id="cn-chat-question" name="q"> <button type="submit" class="cn-b13-submit" title="Send"
aria-label="Send"><i class="cn-b13-ico"></i></button> </form>Text Content
Skip to main content Enable accessibility for visually impaired Open the accessibility menu Hide Unhide Schedule Service 951-281-1080 Select LanguageAfrikaansAlbanianAmharicArabicArmenianAzerbaijaniBasqueBelarusianBengaliBosnianBulgarianCatalanCebuanoChichewaChinese (Simplified)Chinese (Traditional)CorsicanCroatianCzechDanishDutchEsperantoEstonianFilipinoFinnishFrenchFrisianGalicianGeorgianGermanGreekGujaratiHaitian CreoleHausaHawaiianHebrewHindiHmongHungarianIcelandicIgboIndonesianIrishItalianJapaneseJavaneseKannadaKazakhKhmerKinyarwandaKoreanKurdish (Kurmanji)KyrgyzLaoLatinLatvianLithuanianLuxembourgishMacedonianMalagasyMalayMalayalamMalteseMaoriMarathiMongolianMyanmar (Burmese)NepaliNorwegianOdia (Oriya)PashtoPersianPolishPortuguesePunjabiRomanianRussianSamoanScots GaelicSerbianSesothoShonaSindhiSinhalaSlovakSlovenianSomaliSpanishSundaneseSwahiliSwedishTajikTamilTatarTeluguThaiTurkishTurkmenUkrainianUrduUyghurUzbekVietnameseWelshXhosaYiddishYorubaZuluSelect LanguageAfrikaansAlbanianAmharicArabicArmenianAzerbaijaniBasqueBelarusianBengaliBosnianBulgarianCatalanCebuanoChichewaChinese (Simplified)Chinese (Traditional)CorsicanCroatianCzechDanishDutchEsperantoEstonianFilipinoFinnishFrenchFrisianGalicianGeorgianGermanGreekGujaratiHaitian CreoleHausaHawaiianHebrewHindiHmongHungarianIcelandicIgboIndonesianIrishItalianJapaneseJavaneseKannadaKazakhKhmerKinyarwandaKoreanKurdish (Kurmanji)KyrgyzLaoLatinLatvianLithuanianLuxembourgishMacedonianMalagasyMalayMalayalamMalteseMaoriMarathiMongolianMyanmar (Burmese)NepaliNorwegianOdia (Oriya)PashtoPersianPolishPortuguesePunjabiRomanianRussianSamoanScots GaelicSerbianSesothoShonaSindhiSinhalaSlovakSlovenianSomaliSpanishSundaneseSwahiliSwedishTajikTamilTatarTeluguThaiTurkishTurkmenUkrainianUrduUyghurUzbekVietnameseWelshXhosaYiddishYorubaZulu Powered by Translate Powered by Translate * Shop New * Shop Certified * Shop Used * Schedule Service * Specials * New Vehicle Specials * Pre-Owned Vehicle Specials * College Graduate Program * Military Appreciation Offer * Finance * Value Your Trade * Finance Application Short * Finance Application Long * Lease Return * Incentives * Service & Parts * Schedule Service * Service Department * Shop Parts/Accessories * Check for Recalls * Parts Department * Tire Center * Honda Tech Tutor * About Us * Opening Hours * Directions * Contact Form * Jobs/Employment * CA Opt-Out Form * Cookie Consent * Privacy Policy Choose a model Filters Search inventory ACCORD SEDAN CR-V CR-V HYBRID CIVIC HATCHBACK CIVIC SEDAN CIVIC TYPE R HR-V INSIGHT ODYSSEY PASSPORT PILOT RIDGELINE Search inventory Go New Certified Used Gas Hybrid * Model * Year * Dealership * Features * Ext.color * Int.color * Price * Mileage Accord Sedan Choose trims Civic Hatchback Choose trims Civic Sedan Choose trims Civic Type R Choose trims CR-V Choose trims CR-V Hybrid Choose trims HR-V Choose trims Insight Choose trims Odyssey Choose trims Passport Choose trims Pilot Choose trims Ridgeline Choose trims - Honda Sensing® CVT/Auto Transmission 2WD AWD Manual Transmission Bluetooth Connection 3rd Row Seat Heated Front Seat(s) Rear A/C Navigation System Back-up Camera Lane Departure Warning Lane Keeping Assist Leather Seats WiFi Hotspot Premium Sound System Apple CarPlay Entertainment System Android Auto Power Liftgate Hands-Free Liftgate Remote Trunk Release Child Safety Locks Engine Immobilizer Tire Pressure Monitor Universal Garage Door Opener Blind Spot Monitor Brake Assist Sun/Moonroof Sun/Moonroof Keyless Start Keyless Entry Remote Engine Start Adaptive Cruise Control Power Door Locks Power Folding Mirrors Cross-Traffic Alert Rear Parking Aid Cloth Seats Alloy Wheels Satellite Radio Dual Zone Climate Control Fog Lights Rain Sensing Windshield Wipers Power Seat Dual Power Seats Power Sliding Doors Security System Heated Steering Wheel Automatic Headlights Aegean Blue Metallic Modern Steel Metallic Obsidian Blue Pearl Radiant Red Metallic Sonic Gray Pearl Boost Blue Pearl Radiant Red Metallic Pearl II Lunar Silver Metallic Crystal Black Pearl Phoenix Yellow Platinum White Pearl Meteorite Gray Metallic Gray Cloth Gray Leather Black Cloth Black Leather Beige Cloth Ivory Leather Black/Red Leather Black/Red Cloth - - Spreen Honda Corona Clear Search (58) View vehicles Close * 1 * 2 * 3 * 4 * 5 * 6 * 7 CIVIC SEDAN CIVIC TYPE R HR-V INSIGHT ODYSSEY PASSPORT PILOT RIDGELINE ACCORD SEDAN CR-V CR-V HYBRID CIVIC HATCHBACK CIVIC SEDAN CIVIC TYPE R HR-V INSIGHT ODYSSEY PASSPORT PILOT RIDGELINE ACCORD SEDAN CR-V CR-V HYBRID CIVIC HATCHBACK CIVIC SEDAN CIVIC TYPE R HR-V INSIGHT Search inventory Go New Certified Gas Hybrid * Model * Year * Dealership * Features * Ext.color * Int.color * Price * Mileage Accord Sedan Choose trims Civic Hatchback Choose trims Civic Sedan Choose trims Civic Type R Choose trims CR-V Choose trims CR-V Hybrid Choose trims HR-V Choose trims Insight Choose trims Odyssey Choose trims Passport Choose trims Pilot Choose trims Ridgeline Choose trims - Honda Sensing® CVT/Auto Transmission 2WD AWD Manual Transmission Bluetooth Connection 3rd Row Seat Heated Front Seat(s) Rear A/C Navigation System Back-up Camera Lane Departure Warning Lane Keeping Assist Leather Seats WiFi Hotspot Premium Sound System Apple CarPlay Entertainment System Android Auto Power Liftgate Hands-Free Liftgate Remote Trunk Release Child Safety Locks Engine Immobilizer Tire Pressure Monitor Universal Garage Door Opener Blind Spot Monitor Brake Assist Sun/Moonroof Sun/Moonroof Keyless Start Keyless Entry Remote Engine Start Adaptive Cruise Control Power Door Locks Power Folding Mirrors Cross-Traffic Alert Rear Parking Aid Cloth Seats Alloy Wheels Satellite Radio Dual Zone Climate Control Fog Lights Rain Sensing Windshield Wipers Power Seat Dual Power Seats Power Sliding Doors Security System Heated Steering Wheel Automatic Headlights Aegean Blue Metallic Modern Steel Metallic Obsidian Blue Pearl Radiant Red Metallic Sonic Gray Pearl Boost Blue Pearl Radiant Red Metallic Pearl II Lunar Silver Metallic Crystal Black Pearl Phoenix Yellow Platinum White Pearl Meteorite Gray Metallic Gray Cloth Gray Leather Black Cloth Black Leather Beige Cloth Ivory Leather Black/Red Leather Black/Red Cloth - - Spreen Honda Corona Clear Search (58) View vehicles Close Specials Finance Service Schedule Service VISIT US Sales department Mon - Fri: 9:00am - 9:00pm Sat: 9:00am - 9:00pm Sun: 10:00am - 8:00pm Email Us: Call us: 951-281-1080 Service Department Mon - Fri: 7:00am - 7:00pm Sat: 7:00am - 5:00pm Sun: 8:00am - 4:00pm Email Us: Service: 951-281-1080 SPREEN HONDA CORONA 1080 POMONA RD, CORONA, CA 92882 Driving directions Spreen Honda Corona 1080 Pomona Rd, Corona, CA 92882 Cookie Consent Privacy Policy Powered by Call Us 951-281-1080 Find Us 1080 Pomona Rd, Corona, CA, 92882 Chat Text Us close SPREEN HONDA CORONA 1080 Pomona Rd Corona, CA Phone: 951-281-1080 ORIGINAL TEXT Contribute a better translation -------------------------------------------------------------------------------- ORIGINAL TEXT Contribute a better translation -------------------------------------------------------------------------------- Live Chat Text Us – Enter your mobile phone number and someone from Spreen Honda Corona will respond with a text to your phone right away. Department New Car SalesPre-Owned SalesPartsService Your Name Your Mobile Number By clicking "CONNECT" I agree to receive emails, text messages, and phone calls, which may be recorded and/or sent using automated dialing or emailing equipment or software, from Spreen Honda Corona and its affiliates and business partners in the future, unless I opt-out from such communications. I also agree to the Terms of Use and Privacy Policy linked below. I understand that my consent to be contacted is not a requirement to purchase any product or service and that I can opt-out at any time. I agree to pay my mobile service provider’s text messaging rates, if applicable. CONNECT Skip and continue