<div class="mousemove ttd-wizard-content ttd-wizard ttd-d-flex<#=' step-' + ( this.model.hasActiveStep() ? this.model.getCurrentStep().id : 'welcome' )#>" data-fn="recordMouseOver">
	<div class="ttd-wizard-top ttd-d-flex" id="ttd-wizard-top"><!-- wizzard-top will be rendered here (append after render) --></div>
	<div class="ttd-wizard-frame-container">
		<iframe class="ttd-wizard-frame ttd-site-preview" id="wizard-frame" src="<#= this.model.getFrameURL() #>"></iframe>
		<div class="ttd-wizard-frame-overlay"></div>
		<button data-tooltip-side="right"
				class="ttd-template-nav btn-next click" data-fn="nextTemplate">
			<?php Thrive_Views::svg_icon( 'chevron-right' ); ?>
		</button>
		<button data-tooltip-side="right"
				class="ttd-template-nav btn-prev click" data-fn="prevTemplate">
			<?php Thrive_Views::svg_icon( 'chevron-left' ); ?>
		</button>
	</div>
</div>

<div id="ttd-step-tooltip" class="ttd-wizard ttd-tooltip persistent">
	<p class="mt-0 mb-0 tt-title"><strong><?php echo esc_html__( 'Quick Tip', THEME_DOMAIN ); ?></strong></p>
	<p class="mt-5 tt-message"></p>
	<div class="mb-5 mt-5 ui-tooltip-action">
		<button class="ttd-tooltip-dismiss click" data-dismiss="#ttd-step-tooltip" data-fn="tooltipNeverShow"
				type="button"><?php echo esc_html__( "Don't show this again", THEME_DOMAIN ); ?></button>
	</div>
	<div class="ui-tt-arrow top"></div>
</div>
