<div class="ttd-d-flex ttd-wizard-selector mouseenter" data-fn="dismissTooltipOnMouseenter">
	<div class="ttd-wizard-dropdown" id="ttd-wizard-page-selector" style="display: none">
		<div class="d-input-holder">
			<input type="text" class="" id="d-search" placeholder="<?php echo esc_attr__( 'Search', THEME_DOMAIN ); ?>">
			<?php Thrive_Views::svg_icon( 'search', 'd-search-default' ); ?>
		</div>
		<div class="d-results-holder">
		</div>
		<div class="d-load-more">
			<span class="click d-loaded" data-fn="loadMore"><?php echo esc_html__( 'Load More', THEME_DOMAIN ); ?></span>
			<span class="d-loading"><?php echo esc_html__( 'Loading', THEME_DOMAIN ); ?></span>
		</div>
	</div>
	<# if ( this.model.hasSelectorDropdown() ) { #>
	<a href="javascript:void(0)" class="click selector-drop" data-fn="selectorClick">
		<span class="s-label"><#=this.model.getPreviewTemplateTitle()#></span>
		<?php Thrive_Views::svg_icon( 'chevron-down' ); ?>
	</a>
	<# } #>
	<?php /* different states for the completed steps, yey ... :( */ ?>
	<# if ( this.model.isStepCompleted() && ! this.model.hasStepChanges() ) { #>
	<a href="javascript:void(0)" class="selector-btn step-selected">
		<?php Thrive_Views::svg_icon( 'check_medium' ); ?>
		<?php echo esc_html__( 'Selected', THEME_DOMAIN ); ?>
	</a>
	<# } else { #>
	<a href="javascript:void(0)" class="selector-btn click<#=this.model.canContinue() ? '' : ' disabled' #>" data-fn="clickSaveTemplate">
		<#= this.model.getContinueLabel() #>
		<# if( this.model.hasNextStep() ) { #>
		<?php Thrive_Views::svg_icon( 'chevron-right' ); ?>
		<span class="step-no"><#=this.model.getNextAvailableStepIndex() + 1#></span>
		<# } #>
	</a>
	<# } #>
</div>