<div class="preview-content">
    <div class="preview-bar">
        <div class="ttd-preview-info-container"></div>
        <div class="ttd-preview-skins-drop-sidebar">
			<div class="ttd-preview-active-skin-container"></div>
			<div class="ttd-preview-skins-list-content"></div>
		</div>
		<div class="ttd-preview-activate">
		<# if ( ! this.model.is_active() ) { #>
			<button class="ttd-activate-skin-btn click" data-fn="activate_skin"><?php echo __( 'Activate', THEME_DOMAIN ); ?></button>
		<# } #>
		</div>
        <div class="ttd-preview-right-buttons">
			<button class="click ttd-hide-sidebar" data-fn="toggle_toolbar"><?php Thrive_Views::svg_icon( 'skin-bar-toggle' ); ?><?php echo __( 'Hide Toolbar', THEME_DOMAIN ); ?></button>
			<button class="click ttd-close-preview" data-fn="close"><?php echo __( 'Close Preview', THEME_DOMAIN ); ?></button>
		</div>
    </div>
</div>
<div class="ttd-preview-right-buttons ttd-buttons-fixed">
	<button class="click ttd-hide-sidebar" data-fn="toggle_toolbar"><?php Thrive_Views::svg_icon( 'skin-bar-toggle' ); ?><?php echo __( 'Show Toolbar', THEME_DOMAIN ); ?></button>
	<button class="click ttd-close-preview" data-fn="close"><?php echo __( 'Close Preview', THEME_DOMAIN ); ?></button>
</div>
<div class="ttd-site-preview-container ttd-loading">
	<iframe class="ttd-site-preview" src="<?php echo add_query_arg( [ THRIVE_NO_BAR => 1 ], home_url() ); ?>"></iframe>
</div>
