<div class="app-container">
	<div class="main-container">
		<div id="gs-powerup-shortcode-app">
			<header class="gs-powerup-header">
				<div class="pu-containeer-f">
					<div class="pu-roow">
						<div class="logo-area">
							<router-link to="/"><img src="<?php echo esc_url( GS_WOO_SWATCHES_PLUGIN_URI . '/assets/img/logo.svg' ); ?>" alt="<?php _e( 'Variation Swatches Logo', 'gs-woo-variation' ) ?>"></router-link>
							<span class="powerup-version"><?php echo esc_html( GS_WOO_SWATCHES_VERSION ); ?></span>
						</div>
						<div class="app-menu-area">
							<app-menu></app-menu>
						</div>
						<div class="action-area">
							<a href="https://www.paypal.com/donate/?hosted_button_id=K7K8YF4U3SCNQ" target="_blank" class="btn btn-brand btn-sm"><i class="fa-brands fa-paypal"></i><span><?php _e( 'Donate us', 'gs-woo-variation' ); ?></span></a>
						</div>
					</div>
				</div>
			</header>

			<section class="gs-powerup-page-wrap">
				<div class="gs-powerup-page-wrap-inner">
					<div class="gs-powerup-app-view-container"> 
						<router-view :key="$route.fullPath"></router-view>
						<div class="gs-powerup-loader"></div>
					</div>
				</div>
			</section>
		</div>		
	</div>
</div>
