<div class="sb-onboarding-wizard-ctn" :data-step="currentOnboardingWizardStep">
	<div class="sb-onboarding-wizard-close" v-if="currentOnboardingWizardStep !== 0" @click.prevent.default="dismissOnboardingWizard">
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6" clip-path="url(#clip0_4219_56788)"><path d="M9.99935 18.3337C14.6017 18.3337 18.3327 14.6027 18.3327 10.0003C18.3327 5.39795 14.6017 1.66699 9.99935 1.66699C5.39698 1.66699 1.66602 5.39795 1.66602 10.0003C1.66602 14.6027 5.39698 18.3337 9.99935 18.3337Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5 7.5L7.5 12.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 7.5L12.5 12.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_4219_56788"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>
		<span v-html="genericText.exitSetup"></span>
	</div>
	<div class="sb-onboarding-wizard-wrapper" :data-step="currentOnboardingWizardStep">

		<div class="sb-onboarding-wizard-top" v-if="currentOnboardingWizardStep !== 0">
			<div class="sb-onboarding-wizard-logo1-ctn">
				<img :src="onboardingWizardContent.balloon1" class="sb-onboarding-wizard-logo-balloon1" alt="Balloon" />
				<!--<img :src="onboardingWizardContent.logo" class="sb-onboarding-wizard-logo-img" alt="Logo" />-->
			</div>
			<div class="sb-onboarding-wizard-plugin-name">
				<span v-html="onboardingWizardContent.subheading"></span>
				<h3 v-html="onboardingWizardContent.heading"></h3>
			</div>

		</div>

		<div class="sb-onboarding-wizard-steps" v-if="currentOnboardingWizardStep !== 0">
			<div class="sb-onboarding-wizard-step-icon" v-for="(step, stepIndex) in onboardingWizardContent.steps" :data-active="stepIndex < currentOnboardingWizardStep ? 'done' : (stepIndex === currentOnboardingWizardStep).toString()"></div>
		</div>

		<?php
			$steps_list = CustomFacebookFeed\Admin\CFF_Onboarding_Wizard::get_onboarding_wizard_content();
			foreach ($steps_list['steps'] as $key => $step) {
		?>
		<div class="sb-onboarding-wizard-step-ctn" v-if="currentOnboardingWizardStep === <?php echo $key; ?>">
			<?php include_once ( $step['template'] ); ?>
		</div>
		<?php
			}
		?>
	</div>
</div>