/**
     * Output the content for the current step
     */
    public function setup_wizard_template()
    {
        $current_step = intval($this->step);
        ?>
		<!DOCTYPE html>
		<html xmlns="http://www.w3.org/1999/xhtml" <?php 
        language_attributes();
        ?>
>
			<head>
				<meta name="viewport" content="width=device-width" />
				<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
				<title><?php 
        esc_html_e('Avada Database Update Wizard', 'Avada');
        ?>
</title>
				<?php 
        do_action('admin_print_styles');
        ?>
				<?php 
        do_action('admin_head');
        ?>
				<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100' rel='stylesheet' type='text/css'>
				<style>
				.avada-setup {
					padding: 3% 20%;
					background-color: #f2f2f2;
					font-family:'Roboto', sans-serif;
					font-weight:300;
					font-size: 1.1em;
				}
				.update-content {
					max-width: 1150px;
					margin: auto;
				}
				.avada-logo {
					margin-bottom: 25px;
					text-align: center;
				}
				.avada-logo img {
					max-width: 226.5px;
					height: auto;
					vertical-align: bottom;
				}
				.avada-version {
					vertical-align: bottom;
				}
				.avada-version-inner {
					display: inline-block;
					margin-left: 20px;
					padding: 5px 10px;
					background-color: #a0ce4e;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					color: #fff;
				}
				.avada-content-wrapper {
					-webkit-border-radius: 3px;
					border-radius: 3px;
					-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
					box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
				}
				.avada-welcome-msg {
					padding: 25px 35px;
					line-height: 1.6em;
					background-color: #a0ce4e;
					color: #fff;
					font-style: italic;
					text-align: center;
				}
				.avada-migration-link {
					color: #fff;
				}
				.avada-setup-content {
					padding: 30px 10%;
					background: #fff;
				}
				.avada-update-progress-bar {
					height: 20px;
					position: relative;
					background: #F0F4C3;
					margin: 35px 0;
					padding: 1px;
				}
				.avada-update-progress-bar > span {
					display: block;
					height: 100%;
					background-color: #8bc34a;
					position: relative;
					overflow: hidden;
				}
				.tasks-list {
					padding: 0;
					list-style: none;
					<?php 
        if (3 < $this->steps) {
            ?>
						-webkit-column-count: 2;
						-moz-column-count: 2;
						column-count: 2;
					<?php 
        }
        ?>
				}
				.tasks-list li .content {
					color: #333;
				}
				.tasks-list li {
					color: #f2f2f2;
				}
				.tasks-list li:before {
					vertical-align: middle;
					font-family: dashicons;
					content: "\f147";
					font-size: 1.4em
				}
				.tasks-list li.done {
					color: #a0ce4e;
				}
				.tasks-list li.doing {
					color: #000;
				}
				.avada-save-options {
					display: inline-block;
					margin: 2em 0 0.67em 0;
					padding: 1em 2em;
					background-color: #a0ce4e;
					color: #fff;
					text-decoration: none;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					-webkit-transition: all 0.3s;
					-moz-transition: all 0.3s;
					-ms-transition: all 0.3s;
					transition: all 0.3s;
				}
				.avada-save-options.needs-update {
					background-color: #ef5350;
				}
				.avada-save-options:hover {
					background-color: #96c346;
				}
				.avada-save-options.needs-update:hover {
					background-color: #f44336;
				}
				.avada-footer {
					padding: 25px 35px;
					background: #f2f2f2;
					font-size: 0.8em;
					text-align: right;
				}
				.avada-themefusion-link {
					color: #000;
					text-decoration: none;
				}
				.avada-separator {
					padding: 0 10px;
				}
				.avada-heart {
					padding-left: 5px;
					vertical-align: middle;
				}
				.avada-heart:after {
					font-family: dashicons;
					content: "\f487";
				}
				</style>
			</head>
			<?php 
        $version = Avada::get_version();
        ?>
			<body class="avada-setup wp-core-ui">
				<div class="update-content">
					<div class="avada-logo">
						<img src="<?php 
        echo get_template_directory_uri();
        ?>
/assets/images/logo_migration.png" alt="<?php 
        esc_html_e('Avada Logo', 'Avada');
        ?>
" width="453" height="95">
						<span class="avada-version">
							<span class="avada-version-inner"><?php 
        echo $version;
        ?>
</span>
						</span>
					</div>
					<div class="avada-content-wrapper">
						<div class="avada-welcome-msg">
							<?php 
        $migration_link = sprintf('<a class="avada-migration-link" href="https://theme-fusion.com/knowledgebase/avada-v4-migration" target="_blank" title="%s">%s</a>', esc_html__('Migration Information'), esc_html__('link'));
        if (!empty($this->available_languages)) {
            printf(esc_html__('We have an amazing new update in store for you! Avada 4.0 now includes a new options panel powered by the AvadaRedux Framework. To complete the migration, we have backed up your existing theme options in your database, made a copy and then securely converted. If you have a multi-lingual site, each language will be updated individually one after another. For more detailed information, please visit this %s. Thank you for choosing Avada!', 'Avada'), $migration_link);
        } else {
            printf(esc_html__('We have an amazing new update in store for you! Avada 4.0 now includes a new options panel powered by the AvadaRedux Framework. To complete the migration, we have backed up your existing theme options in your database, made a copy and then securely converted. For more detailed information, please visit this %s. Thank you for choosing Avada!', 'Avada'), $migration_link);
        }
        ?>
						</div>
						<div class="avada-setup-content">
							<h1 style="font-size:1.3em;">
								<?php 
        esc_html_e('Updating Avada Database Entries', 'Avada');
        ?>
							</h1>
							<?php 
        if (!empty($this->available_languages)) {
            ?>
								<?php 
            printf(esc_html__('Currently migrating language: %s', 'Avada'), '<strong>' . esc_attr($this->active_language) . '</strong>');
            ?>
							<?php 
        }
        ?>
							<?php 
        if ($current_step >= count($this->steps)) {
            ?>
								<p><?php 
            esc_html_e('Done!', 'Avada');
            ?>
</p>
							<?php 
        } elseif ($current_step >= count($this->steps) * 0.75) {
            ?>
								<p><?php 
            esc_html_e('Almost there...', 'Avada');
            ?>
</p>
							<?php 
        } elseif ($current_step >= count($this->steps) * 0.4) {
            ?>
								<p><?php 
            esc_html_e('Halfway there... Patience Padawan, Patience.', 'Avada');
            ?>
</p>
							<?php 
        } else {
            ?>
								<p><?php 
            esc_html_e('This may take a few minutes, please wait.', 'Avada');
            ?>
</p>
							<?php 
        }
        ?>

							<?php 
        if (!empty($this->available_languages)) {
            ?>
								<?php 
            $current_lang_step = 0;
            ?>
								<?php 
            $current_lang_step = array_search($this->active_language, $this->available_languages) + 1;
            ?>
								<div class="avada-update-progress-bar"><span style="width: <?php 
            echo intval(100 * $current_lang_step / count($this->available_languages));
            ?>
%"></span></div>
							<?php 
        }
        ?>

							<?php 
        if ($current_step <= count($this->steps) && isset($this->steps[$this->step])) {
            ?>
								<div class="avada-update-progress-bar"><span style="width: <?php 
            echo intval(100 * ($current_step + 1) / count($this->steps));
            ?>
%"></span></div>
								<p><?php 
            printf(esc_html__('Updating Avada Database options: step %s of %s.', 'Avada'), intval($this->step + 1), count($this->steps));
            ?>
</p>
								<ul class="tasks-list">
									<?php 
            foreach ($this->steps as $key => $step) {
                ?>
										<?php 
                $li_class = '';
                if ($key <= $current_step - 1) {
                    $li_class = ' class="done"';
                } elseif ($key == $current_step) {
                    $li_class = ' class="doing"';
                }
                ?>
										<li<?php 
                echo $li_class;
                ?>
>
											<span class="content"><?php 
                echo esc_html($step['description']);
                ?>
</span>
										</li>
									<?php 
            }
            ?>
								</ul>
							<?php 
        } else {
            ?>
								<?php 
            if (empty($this->available_languages) || count($this->available_languages) == array_search($this->active_language, $this->available_languages) + 1) {
                ?>
									<p><?php 
                esc_html_e('Congratulations, Data migration for Avada 4.0 was successfully completed.', 'Avada');
                ?>
</p>
									<p><?php 
                esc_html_e('For best experience, please clear your browser cache once.', 'Avada');
                ?>
</p>
									<p><?php 
                esc_html_e('Dynamic-CSS caches have been auto reset. Have fun!', 'Avada');
                ?>
</p>
								<?php 
            }
            ?>
							<?php 
        }
        ?>

							<?php 
        if (intval($this->step) >= count($this->steps)) {
            ?>
								<?php 
            $needs_plugin_update = false;
            ?>
								<?php 
            if (class_exists('FusionCore_Plugin')) {
                ?>
									<?php 
                $fc_version = FusionCore_Plugin::VERSION;
                ?>
									<?php 
                if (version_compare($fc_version, '2.0', '<')) {
                    ?>
										<?php 
                    $needs_plugin_update = true;
                    ?>
									<?php 
                }
                ?>
								<?php 
            }
            ?>
								<?php 
            if (empty($this->available_languages) || count($this->available_languages) == array_search($this->active_language, $this->available_languages) + 1) {
                ?>

									<?php 
                if ($needs_plugin_update) {
                    ?>
										<a class="avada-save-options needs-update" href="<?php 
                    echo admin_url('themes.php?page=install-required-plugins');
                    ?>
">
											<?php 
                    _e('Fusion Core Plugin Must Be Updated - Click Here', 'Avada');
                    ?>
										</a>
									<?php 
                } else {
                    ?>
										<a class="avada-save-options" href="<?php 
                    echo admin_url('themes.php?page=avada_options');
                    ?>
">
											<?php 
                    _e('Take Me To Theme Options!', 'Avada');
                    ?>
										</a>
									<?php 
                }
                ?>

								<?php 
            }
            ?>
							<?php 
        }
        ?>
						</div>
						<div class="avada-footer"><a class="avada-themefusion-link" href="https://theme-fusion.com" target="_blank" title="ThemeFusion">ThemeFusion</a><span class="avada-separator">|</span><?php 
        printf(esc_html__('Created with %s', 'Avada'), '<span class="avada-heart"></span>');
        ?>
</div>
					</div>
					<?php 
        echo $this->redirect_script();
        ?>
				</div>
			</body>
		</html>
		<?php 
    }