</div>
						</div>
						<div class="row">
						</div>
					</div>
					
					
					<div class="down-content leftbar-row parcel-selection" ng-if="sp.selectedType.id != null && sp.selectedType.id != 'LegalLand'">
						<div class="row">
							<div ng-if="sp.selectedType.isCustomField">
								<select ng-if="sp.selectedType.valueList" ng-model="sp.selectedType.search" ng-change="sp.clearTree(); sp.searchForResults(sp.SearchSelectionFor)">
									<option value="">-- Select --</option>
        					<option ng-repeat="valueItem in sp.selectedType.valueList track by $index" value="{{valueItem.id}}">{{valueItem.type}}</option>
								</select>
								<input ng-if="!sp.selectedType.valueList" placeholder="Enter Field Value" class="med basic-input" ng-model="sp.selectedType.search" ng-keyup="sp.keyUp($event);$event.keyCode == 13 ? sp.searchParcels() : null;" type="text">
							</div>
							<div ng-if="!sp.selectedType.isCustomField" ng-include="sp.selectedType.id != null && sp.selectedType.id !='LegalLand' ? 'templates/searchTypes/'+ sp.selectedType.id + '.template.html' : null"></div>
							<div class="clearfix"></div>
						</div>
					</div>

<div class="parcel-loc-bottom-contanier leftbar-row" ng-hide="false">
						<div class="tab-sort-by parcel-tab-sort-by">
							<div class="">
								<div class="">
									<span class="parcel-loc-sortBy margin-left0">Sort by:</span>
									<label for="iptFeatureInterestToggleFeature" class="lblFeatureInterestToggleInterest">
										<b class="iptFeatureInterestToggle" ng-class="{'radio_selected': sp.FeatureInterestToggle=='Feature'}" ng-click="sp.getFeatureInterestValue('Feature');"></b>
                                        <span class="parcel-loc-parcel-txt" ng-click="sp.getFeatureInterestValue('Feature');">Parcel</span>
									</label>
									<label for="iptFeatureInterestToggleInterest" class="lblFeatureInterestToggleInterest">
										<b class="iptFeatureInterestToggle iptFeatureInterestToggleStk" ng-class="{'radio_selected': sp.FeatureInterestToggle=='Interest'}" ng-click="sp.getFeatureInterestValue('Interest');"></b>
                                        <span class="parcel-loc-interest-txt" ng-click="sp.getFeatureInterestValue('Interest');">Stakeholder</span>
									</label>

</div>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>

</div>
			</div>
		</div>
		
		<div id="stakeholderSearch" class="stakeholderSearch-div" ng-if="sp.SearchSelectionFor === 'Stakeholders'">
			<div class="up-content">
				<div class="row upper-row">
					
					<div class="leftbar-row">
						<div class="st-input-boxes">
							<input type="text" class="stInSearch" name="stlastName" placeholder="Last Name or Organization Name" ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" ng-model="sp.searchStakeholdersObj.LegalName">
						</div>
						<div class="st-input-boxes">
							<input type="text" class="stInSearch" name="stFirstName" placeholder="First Name" ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" ng-model="sp.searchStakeholdersObj.FirstName">
						</div>
						<div class="st-input-boxes">
							<input type="text" class="stInSearch" name="stAddress" placeholder="Address" ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" ng-model="sp.searchStakeholdersObj.Address">
						</div>
						<div class="st-input-boxes">
							<input type="text" class="stInSearch" name="stPhone" placeholder="Phone"
								   ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;"
								   ng-model="sp.searchStakeholdersObj.Phone">
						</div>
						<div class="st-input-boxes">
							<input type="text" class="stInSearch" name="stTitleNumber" placeholder="Title Number" ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" ng-model="sp.searchStakeholdersObj.TitleNumber">
						</div>
					</div>
					<div class="parcel-loc-bottom-contanier leftbar-row" ng-hide="false">
						<div class="tab-sort-by parcel-tab-sort-by">
							<div class="">
								<div class="">
									<span class="parcel-loc-sortBy margin-left0">Sort by:</span>
									<label for="iptFeatureInterestToggleFeature" class="lblFeatureInterestToggleInterest">
										<b class="iptFeatureInterestToggle" ng-class="{'radio_selected': sp.FeatureInterestToggle=='Feature'}"></b>
										<span class="parcel-loc-parcel-txt">Parcel</span>
									</label>
									<label for="iptFeatureInterestToggleInterest" class="lblFeatureInterestToggleInterest">
										<b class="iptFeatureInterestToggle iptFeatureInterestToggleStk" ng-class="{'radio_selected': sp.FeatureInterestToggle=='Interest'}"></b>
										<span class="parcel-loc-interest-txt">Stakeholder</span>
									</label>

</div>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>

</div>
		</div>
		
		
		<div id="rocSearch" ng-if='sp.SearchSelectionFor === "Engagements"'>
			<div class="up-content">
				<div class="row upper-row">
					
					<div class="leftbar-row">
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="engagementSearchData.selectedPrimaryPurpose" ng-options='opt.LookupValue for opt in primaryPurpose'>
									<option value="" selected data-default>Select Engagement Type</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes">
							<input type="text" class="stInSearch" name="rocID" ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" ng-model="sp.engagementSearchModel.ROCId" placeholder="Engagement ID">
						</div>

<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.engagementSearchModel.RecordStatus" ng-options="opt.LookupValue for opt in RecordStatus.items">
									<option value="" selected data-default>Select Record Status</option>
								</select>
							</label>
						</div>

<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.engagementSearchModel.Project" ng-options="opt.LookupValue for opt in Project.items">
									<option value="" selected data-default>Select Project Name</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes datepicker-main">
							<date-picker-range date-id="roc-from" date-key-up="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" date-placeholder="Start Date" date-value="sp.engagementSearchModel.StartDate"></date-picker-range>
						</div>
						<div class="roc-input-boxes datepicker-main">
							<date-picker-range date-id="roc-to" date-key-up="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" date-placeholder="End Date" date-value="sp.engagementSearchModel.EndDate"></date-picker-range>
						</div>
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.engagementSearchModel.PreparedBy" ng-options="opt as opt.Label for opt in PreparedBy.items | orderBy :'AgentFirstName'">
									<option value="" selected data-default>Select Prepared By</option>
								</select>

</label>
						</div>
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.engagementSearchModel.CreatedBy" ng-options="opt as opt.Label for opt in PreparedBy.items | orderBy :'AgentFirstName'">
									<option value="" selected data-default>Select Created By</option>
								</select>
							</label>
						</div>
						
						<div class="roc-input-boxes" ng-show='engagementSearchData.selectedPrimaryPurpose.LookupID == "15"'>
							<label>
								
								<select class="search-for" ng-model="engagementSearchData.selectedROCType" ng-options='opt.LookupValue for opt in rocTypes'>
									<option value="" selected data-default>Select Primary Purpose of Engagement</option>
								</select>
							</label>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div id="issueSearch" ng-if="sp.SearchSelectionFor === 'Issues'">
			<div class="up-content">
				<div class="row upper-row">
					
					<div class="leftbar-row">
						<div class="roc-input-boxes">
							<input type="text" class="stInSearch" name="rocID" ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" ng-model="sp.issueSearchModel.IssueId" placeholder="Issue ID">
						</div>

<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.issueSearchModel.IssueType" ng-options="opt.LookupValue for opt in IssueType">
									<option value="" selected data-default>Select Issue Type</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes" ng-if="sp.issueSearchModel.IssueType.LookupValue == 'Complaint/Concern'">
							<label>
								<select class="search-for" ng-model="sp.issueSearchModel.IssueSubType" ng-options="opt.LookupValue for opt in IssueSubType">
									<option value="" selected data-default>Select Sub Type</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.issueSearchModel.IssueStatus" ng-options="opt.LookupValue for opt in IssueStatus.items">
									<option value="" selected data-default>Select Issue Status</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.issueSearchModel.IssuePriority" ng-options="opt.LookupValue for opt in IssuePriority.items">
									<option value="" selected data-default>Select Issue Priority</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.issueSearchModel.Project" ng-options="opt.LookupValue for opt in Project.items">
									<option value="" selected data-default>Select Project Name</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes  datepicker-main">
							<date-picker-range date-id="issue-from" date-key-up="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" date-placeholder="From Date" date-value="sp.issueSearchModel.FromDate"></date-picker-range>
						</div>
						<div class="roc-input-boxes  datepicker-main">
							<date-picker-range date-id="issue-to" date-key-up="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" date-placeholder="To Date" date-value="sp.issueSearchModel.ToDate"></date-picker-range>
						</div>
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.issueSearchModel.PreparedBy" ng-options="opt as opt.Label for opt in PreparedBy.items | orderBy :'AgentFirstName'">
									<option value="" selected data-default>Select Prepared By</option>
								</select>
							</label>
						</div>
						
						<div class="roc-input-boxes">
							<label>
								<select class="search-for" ng-model="sp.issueSearchModel.AssignedTo" ng-options="opt as opt.Label for opt in PreparedBy.items | orderBy :'AgentFirstName'">
									<option value="" selected data-default>Select Assigned To</option>
								</select>
							</label>
						</div>
						<div class="roc-input-boxes">
							<textarea ng-keyup="sp.keyUp($event); $event.keyCode == 13 ? sp.searchForResults(sp.SearchSelectionFor) : null;" placeholder="Description" ng-model="sp.issueSearchModel.Description">

Search Result