<?php
/**
 * Hair Spa Salon Theme Page
 *
 * @package Hair Spa Salon
 */

function hair_spa_salon_admin_scripts() {
	wp_dequeue_script('hair-spa-salon-custom-scripts');
}
add_action( 'admin_enqueue_scripts', 'hair_spa_salon_admin_scripts' );

if ( ! defined( 'HAIR_SPA_SALON_FREE_THEME_URL' ) ) {
	define( 'HAIR_SPA_SALON_FREE_THEME_URL', 'https://www.themespride.com/products/free-hair-salon-wordpress-theme' );
}
if ( ! defined( 'HAIR_SPA_SALON_PRO_THEME_URL' ) ) {
	define( 'HAIR_SPA_SALON_PRO_THEME_URL', 'https://www.themespride.com/products/hair-spa-wordpress-theme' );
}
if ( ! defined( 'HAIR_SPA_SALON_DEMO_THEME_URL' ) ) {
	define( 'HAIR_SPA_SALON_DEMO_THEME_URL', 'https://page.themespride.com/hair-spa-salon/' );
}
if ( ! defined( 'HAIR_SPA_SALON_DOCS_THEME_URL' ) ) {
    define( 'HAIR_SPA_SALON_DOCS_THEME_URL', 'https://page.themespride.com/demo/docs/hair-spa-salon/' );
}
if ( ! defined( 'HAIR_SPA_SALON_RATE_THEME_URL' ) ) {
    define( 'HAIR_SPA_SALON_RATE_THEME_URL', 'https://wordpress.org/support/theme/hair-spa-salon/reviews/#new-post' );
}
if ( ! defined( 'HAIR_SPA_SALON_CHANGELOG_THEME_URL' ) ) {
    define( 'HAIR_SPA_SALON_CHANGELOG_THEME_URL', get_template_directory() . '/readme.txt' );
}
if ( ! defined( 'HAIR_SPA_SALON_SUPPORT_THEME_URL' ) ) {
    define( 'HAIR_SPA_SALON_SUPPORT_THEME_URL', 'https://wordpress.org/support/theme/hair-spa-salon/' );
}
if ( ! defined( 'HAIR_SPA_SALON_THEME_BUNDLE' ) ) {
    define( 'HAIR_SPA_SALON_THEME_BUNDLE', 'https://www.themespride.com/products/wordpress-theme-bundle' );
}


/**
 * Add theme page
 */
function hair_spa_salon_menu() {
	add_theme_page( esc_html__( 'About Theme', 'hair-spa-salon' ), esc_html__( 'Begin Installation - Import Demo', 'hair-spa-salon' ), 'edit_theme_options', 'hair-spa-salon-about', 'hair_spa_salon_about_display' );
}
add_action( 'admin_menu', 'hair_spa_salon_menu' );

/**
 * Display About page
 */
function hair_spa_salon_about_display() {
	$hair_spa_salon_theme = wp_get_theme();
	?>
	<div class="wrap about-wrap full-width-layout">
		<!-- top-detail -->
		<?php
		// Only show if NOT dismissed
		if ( ! get_option('dismissed-get_started-detail', false ) ) { 
		?>
		    <!-- top-detail -->
		    <div class="detail-theme" id="detail-theme-box">
		        <button type="button" class="close-btn" id="close-detail-theme">
		            <?php esc_html_e( 'Dismiss', 'hair-spa-salon' ); ?>
		        </button>
		        <h2><?php echo esc_html__( 'Hey, Thank you for Installing Hair Spa Salon Theme!', 'hair-spa-salon' ); ?></h2>

		        <a href="<?php echo esc_url( admin_url( 'themes.php?page=hair-spa-salon-about' ) ); ?>">
		            <?php esc_html_e( 'Get Started', 'hair-spa-salon' ); ?>
		        </a>
		        <a href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" class="site-editor" target="_blank">
		            <?php esc_html_e( 'Site Editor', 'hair-spa-salon' ); ?>
		        </a>

		        <a href="<?php echo esc_url( HAIR_SPA_SALON_PRO_THEME_URL ); ?>" class="pro-btn-theme" target="_blank">
		            <?php esc_html_e( 'Upgrade to Pro', 'hair-spa-salon' ); ?>
		        </a>

		        <a href="<?php echo esc_url( HAIR_SPA_SALON_THEME_BUNDLE ); ?>" class="rate-theme" target="_blank">
		            <?php esc_html_e( 'Get Bundle', 'hair-spa-salon' ); ?>
		        </a>
		    </div>
		<?php 
		} ?>
		
		<nav class="nav-tab-wrapper wp-clearfix hair-spa-salon-tab-sec" aria-label="<?php esc_attr_e( 'Secondary menu', 'hair-spa-salon' ); ?>">
		    <button class="nav-tab hair-spa-salon-tablinks active"
		        onclick="hair_spa_salon_open_tab(event, 'tp_demo_import')">
		        <?php esc_html_e( 'One Click Demo Import', 'hair-spa-salon' ); ?>
		    </button>

		    <button class="nav-tab hair-spa-salon-tablinks"
		        onclick="hair_spa_salon_open_tab(event, 'tp_about_theme')">
		        <?php esc_html_e( 'About', 'hair-spa-salon' ); ?>
		    </button>

		    <button class="nav-tab hair-spa-salon-tablinks"
		        onclick="hair_spa_salon_open_tab(event, 'tp_free_vs_pro')">
		        <?php esc_html_e( 'Compare Free Vs Pro', 'hair-spa-salon' ); ?>
		    </button>

		    <button class="nav-tab hair-spa-salon-tablinks"
		        onclick="hair_spa_salon_open_tab(event, 'tp_changelog')">
		        <?php esc_html_e( 'Changelog', 'hair-spa-salon' ); ?>
		    </button>

		    <button class="nav-tab hair-spa-salon-tablinks blink wp-bundle"
		        onclick="hair_spa_salon_open_tab(event, 'tp_get_bundle')">
		        <?php esc_html_e( 'Get WordPress Theme Bundle (120+ Themes)', 'hair-spa-salon' ); ?>
		    </button>
		</nav>

		<?php
			hair_spa_salon_demo_import();

			hair_spa_salon_main_screen();

			hair_spa_salon_changelog_screen();

			hair_spa_salon_free_vs_pro();

			hair_spa_salon_get_bundle();
		?>

		<p class="actions">
			<a target="_blank"href="<?php echo esc_url( HAIR_SPA_SALON_FREE_THEME_URL ); ?>" class="theme-info-btn" target="_blank" target="_blank"><?php esc_html_e( 'Theme Info', 'hair-spa-salon' ); ?></a>
			<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_DEMO_THEME_URL ); ?>" class="view-demo" target="_blank"><?php esc_html_e( 'View Demo', 'hair-spa-salon' ); ?></a>
			<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_DOCS_THEME_URL ); ?>" class="instruction-theme" target="_blank"><?php esc_html_e( 'Theme Documentation', 'hair-spa-salon' ); ?></a>
			<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_PRO_THEME_URL ); ?>" class="pro-btn-theme" target="_blank"><?php esc_html_e( 'Upgrade to pro', 'hair-spa-salon' ); ?></a>
		</p>

		<h1><?php echo esc_html( $hair_spa_salon_theme ); ?></h1>
		<div class="about-theme">
			<div class="theme-description">
				<p class="about-text content">
					<?php
					// Remove last sentence of description.
					$hair_spa_salon_description = explode( '. ', $hair_spa_salon_theme->get( 'Description' ) );
					array_pop( $hair_spa_salon_description );

					$hair_spa_salon_description = implode( '. ', $hair_spa_salon_description );

					echo esc_html( $hair_spa_salon_description . '.' );
				?></p>
				
			</div>
			<div class="theme-screenshot">
				<img src="<?php echo esc_url( $hair_spa_salon_theme->get_screenshot() ); ?>" />
			</div>
		</div>
	<?php
}


/**
 * Output the Demo Import screen (JS tab based).
 */
function hair_spa_salon_demo_import() {

	// Load whizzie demo importer
	$hair_spa_salon_child_whizzie  = get_stylesheet_directory() . '/inc/whizzie.php';
	$hair_spa_salon_parent_whizzie = get_template_directory() . '/inc/whizzie.php';

	if ( file_exists( $hair_spa_salon_child_whizzie ) ) {
		require_once $hair_spa_salon_child_whizzie;
	} elseif ( file_exists( $hair_spa_salon_parent_whizzie ) ) {
		require_once $hair_spa_salon_parent_whizzie;
	}

	/* ---------------------------------------------------------
	 * SAVE DEMO IMPORT STATUS
	 * --------------------------------------------------------- */
	if ( isset( $_GET['import-demo'] ) && $_GET['import-demo'] === 'true' ) {
		update_option( 'hair_spa_salon_demo_imported', true );
		delete_option( 'hair_spa_salon_demo_popup_shown' ); // allow popup once
	}

	/* ---------------------------------------------------------
	 * RESET DEMO (OPTIONAL)
	 * --------------------------------------------------------- */
	if ( isset( $_GET['reset-demo'] ) && $_GET['reset-demo'] === 'true' ) {
		delete_option( 'hair_spa_salon_demo_imported' );
		delete_option( 'hair_spa_salon_demo_popup_shown' );
		wp_safe_redirect( remove_query_arg( 'reset-demo' ) );
		exit;
	}

	$hair_spa_salon_demo_imported  = get_option( 'hair_spa_salon_demo_imported', false );
	$hair_spa_salon_popup_shown    = get_option( 'hair_spa_salon_demo_popup_shown', false );
	$hair_spa_salon_show_popup_now = ( $hair_spa_salon_demo_imported && ! $hair_spa_salon_popup_shown );
	?>

	<div id="tp_demo_import" class="hair-spa-salon-tabcontent">

	<?php if ( $hair_spa_salon_demo_imported ) : ?>

		<!-- ================= SUCCESS STATE ================= -->
		<div class="content-row">
			<div class="col card success-demo text-center">
				<p class="imp-success">
					<?php esc_html_e( 'Demo Imported Successfully!', 'hair-spa-salon' ); ?>
				</p><br>

				<div class="demo-button-three">
					<a class="button button-primary" href="<?php echo esc_url( home_url('/') ); ?>" target="_blank">
						<?php esc_html_e( 'View Site', 'hair-spa-salon' ); ?>
					</a>

					<a class="button button-primary" href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" target="_blank">
						<?php esc_html_e( 'Edit Site', 'hair-spa-salon' ); ?>
					</a>

					<?php if ( defined( 'HAIR_SPA_SALON_DOCS_THEME_URL' ) ) : ?>
						<a class="button button-primary" href="<?php echo esc_url( HAIR_SPA_SALON_DOCS_THEME_URL ); ?>" target="_blank">
							<?php esc_html_e( 'Documentation', 'hair-spa-salon' ); ?>
						</a>
					<?php endif; ?>
				</div>
			</div>
			<div class="theme-price col card">
				<div class="price-flex">
					<div class="price-content">
						<h3><?php esc_html_e( 'Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></h3>
						<p class="main-flash"><?php 
						  printf(
						    /* translators: 1: bold FLASH DEAL text, 2: discount code */
						    esc_html__( '%1$s - Get 20%% Discount on All Themes, Use code %2$s', 'hair-spa-salon' ),
						    '<strong class="bold-text">' . esc_html__( 'FLASH DEAL', 'hair-spa-salon' ) . '</strong>',
						    '<strong class="bold-text">' . esc_html__( 'QBSALE20', 'hair-spa-salon' ) . '</strong>'
						  ); 
						  ?></p>
						 <p>
						  <del><?php echo esc_html__( '$59', 'hair-spa-salon' ); ?></del>
						  <strong class="bold-price"><?php echo esc_html__( '$39', 'hair-spa-salon' ); ?></strong>
						</p>
					</div>
					<div class="price-img">
						<img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/theme-img.png" alt="theme-img" />
					</div>
				</div>
				<div class="main-pro-price">
					<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_PRO_THEME_URL ); ?>" class="pro-btn-theme price-pro" target="_blank"><?php esc_html_e( 'Upgrade To Premium Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></a>
				</div>
			</div>
		</div>

	<?php else : ?>

		<!-- ================= INSTALL STATE ================= -->
		<div class="content-row">
			<div class="col card demo-btn text-center">
				<form id="demo-importer-form" method="post">
					<p class="demo-title"><?php esc_html_e( 'Demo Importer', 'hair-spa-salon' ); ?></p>
					<p class="demo-des">
						<?php esc_html_e( 'Import demo content with one click. You can customize everything later.', 'hair-spa-salon' ); ?>
					</p>

					<button type="submit" class="button button-primary">
						<?php esc_html_e( 'Begin Installation – Import Demo', 'hair-spa-salon' ); ?>
					</button>

					<div id="page-loader" style="display:none;margin-top:15px;">
						<img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/loader.png' ); ?>" width="40">
						<p><?php esc_html_e( 'Importing demo, please wait...', 'hair-spa-salon' ); ?></p>
					</div>
				</form>
			</div>
			<div class="theme-price col card">
				<div class="price-flex">
					<div class="price-content">
						<h3><?php esc_html_e( 'Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></h3>
						<p class="main-flash"><?php 
						  printf(
						    /* translators: 1: bold FLASH DEAL text, 2: discount code */
						    esc_html__( '%1$s - Get 20%% Discount on All Themes, Use code %2$s', 'hair-spa-salon' ),
						    '<strong class="bold-text">' . esc_html__( 'FLASH DEAL', 'hair-spa-salon' ) . '</strong>',
						    '<strong class="bold-text">' . esc_html__( 'QBSALE20', 'hair-spa-salon' ) . '</strong>'
						  ); 
						  ?></p>
						 <p>
						  <del><?php echo esc_html__( '$59', 'hair-spa-salon' ); ?></del>
						  <strong class="bold-price"><?php echo esc_html__( '$39', 'hair-spa-salon' ); ?></strong>
						</p>
					</div>
					<div class="price-img">
						<img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/theme-img.png" alt="theme-img" />
					</div>
				</div>
				<div class="main-pro-price">
					<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_PRO_THEME_URL ); ?>" class="pro-btn-theme price-pro" target="_blank"><?php esc_html_e( 'Upgrade To Premium Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></a>
				</div>
			</div>
		</div>

		<script>
		jQuery(function($){
			$('#demo-importer-form').on('submit', function(e){
				e.preventDefault();
				if(confirm('<?php esc_html_e( 'Are you sure you want to import demo content?', 'hair-spa-salon' ); ?>')){
					$('#page-loader').show();
					let url = new URL(window.location.href);
					url.searchParams.set('import-demo','true');
					window.location.href = url;
				}
			});
		});
		</script>

	<?php endif; ?>

	</div>

	<?php if ( $hair_spa_salon_show_popup_now ) : ?>
	<!-- ================= SUCCESS POPUP (ONLY ONCE) ================= -->
	<div id="demo-success-modal" class="modal-overlay">
		<div class="modal-content">
			<img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/demo-icon.png' ); ?>" alt="">
			<h2><?php esc_html_e( 'Demo Successfully Imported!', 'hair-spa-salon' ); ?></h2>

			<div class="modal-buttons">
				<a class="button button-primary" href="<?php echo esc_url( home_url('/') ); ?>" target="_blank">
					<?php esc_html_e( 'View Site', 'hair-spa-salon' ); ?>
				</a>
				<a class="button" href="<?php echo esc_url( admin_url( 'themes.php?page=hair-spa-salon-about' ) ); ?>">
					<?php esc_html_e( 'Go To Dashboard', 'hair-spa-salon' ); ?>
				</a>
			</div>
		</div>
	</div>

	<script>
		document.addEventListener("DOMContentLoaded", function () {
			const modal = document.getElementById("demo-success-modal");
			if (!modal) return;

			modal.style.display = "flex";

			// Mark popup as permanently shown (only once)
			fetch('<?php echo esc_url( admin_url( 'admin-ajax.php?action=hair_spa_salon_popup_done' ) ); ?>');

			// Close popup on ANY button click
			modal.querySelectorAll('a.button').forEach(function(btn){
				btn.addEventListener('click', function(){
					modal.style.display = "none";
				});
			});
		});
	</script>

	<?php endif; ?>

	<?php
}


/**
 * Output the main about screen.
 */
function hair_spa_salon_main_screen() {
	
	?>
	<div id="tp_about_theme" class="hair-spa-salon-tabcontent">
		<div class="content-row">
			<div class="feature-section two-col">
				<div class="col card">
					<h2 class="title"><?php esc_html_e( 'Theme Customizer', 'hair-spa-salon' ); ?></h2>
					<p><?php esc_html_e( 'All Theme Options are available via Customize screen.', 'hair-spa-salon' ) ?></p>
					<p><a target="_blank" href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" class="button button-primary"><?php esc_html_e( 'Customize', 'hair-spa-salon' ); ?></a></p>
				</div>

				<div class="col card">
					<h2 class="title"><?php esc_html_e( 'Got theme support question?', 'hair-spa-salon' ); ?></h2>
					<p><?php esc_html_e( 'Get genuine support from genuine people. Whether it\'s customization or compatibility, our seasoned developers deliver tailored solutions to your queries.', 'hair-spa-salon' ) ?></p>
					<p><a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_SUPPORT_THEME_URL ); ?>" class="button button-primary"><?php esc_html_e( 'Support Forum', 'hair-spa-salon' ); ?></a></p>
				</div>
			</div>
			<div class="theme-price col card">
				<div class="price-flex">
					<div class="price-content">
						<h3><?php esc_html_e( 'Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></h3>
						<p class="main-flash"><?php 
						  printf(
						    /* translators: 1: bold FLASH DEAL text, 2: discount code */
						    esc_html__( '%1$s - Get 20%% Discount on All Themes, Use code %2$s', 'hair-spa-salon' ),
						    '<strong class="bold-text">' . esc_html__( 'FLASH DEAL', 'hair-spa-salon' ) . '</strong>',
						    '<strong class="bold-text">' . esc_html__( 'QBSALE20', 'hair-spa-salon' ) . '</strong>'
						  ); 
						  ?></p>
						 <p>
						  <del><?php echo esc_html__( '$59', 'hair-spa-salon' ); ?></del>
						  <strong class="bold-price"><?php echo esc_html__( '$39', 'hair-spa-salon' ); ?></strong>
						</p>
					</div>
					<div class="price-img">
						<img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/theme-img.png" alt="theme-img" />
					</div>
				</div>
				<div class="main-pro-price">
					<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_PRO_THEME_URL ); ?>" class="pro-btn-theme price-pro" target="_blank"><?php esc_html_e( 'Upgrade To Premium Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></a>
				</div>
			</div>
		</div>
	</div>
	<?php
}

/**
 * Output the changelog screen.
 */
function hair_spa_salon_changelog_screen() {
		global $wp_filesystem;
	?>
	<div id="tp_changelog" class="hair-spa-salon-tabcontent">
	<div class="content-row">
		<div class="wrap about-wrap change-log">
			<?php
				$changelog_file = apply_filters( 'hair_spa_salon_changelog_file', HAIR_SPA_SALON_CHANGELOG_THEME_URL );
				// Check if the changelog file exists and is readable.
				if ( $changelog_file && is_readable( $changelog_file ) ) {
					WP_Filesystem();
					$changelog = $wp_filesystem->get_contents( $changelog_file );
					$changelog_list = hair_spa_salon_parse_changelog( $changelog );

					echo wp_kses_post( $changelog_list );
				}
			?>
		</div>
		<div class="theme-price col card">
				<div class="price-flex">
					<div class="price-content">
						<h3><?php esc_html_e( 'Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></h3>
						<p class="main-flash"><?php 
						  printf(
						    /* translators: 1: bold FLASH DEAL text, 2: discount code */
						    esc_html__( '%1$s - Get 20%% Discount on All Themes, Use code %2$s', 'hair-spa-salon' ),
						    '<strong class="bold-text">' . esc_html__( 'FLASH DEAL', 'hair-spa-salon' ) . '</strong>',
						    '<strong class="bold-text">' . esc_html__( 'QBSALE20', 'hair-spa-salon' ) . '</strong>'
						  ); 
						  ?></p>
						 <p>
						  <del><?php echo esc_html__( '$59', 'hair-spa-salon' ); ?></del>
						  <strong class="bold-price"><?php echo esc_html__( '$39', 'hair-spa-salon' ); ?></strong>
						</p>
					</div>
					<div class="price-img">
						<img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/theme-img.png" alt="theme-img" />
					</div>
				</div>
				<div class="main-pro-price">
					<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_PRO_THEME_URL ); ?>" class="pro-btn-theme price-pro" target="_blank"><?php esc_html_e( 'Upgrade To Premium Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></a>
				</div>
			</div>
	</div>
</div>
	<?php
}

/**
 * Parse changelog from readme file.
 * @param  string $content
 * @return string
 */
function hair_spa_salon_parse_changelog( $content ) {
	// Explode content with ==  to juse separate main content to array of headings.
	$content = explode ( '== ', $content );

	$changelog_isolated = '';

	// Get element with 'Changelog ==' as starting string, i.e isolate changelog.
	foreach ( $content as $key => $value ) {
		if (strpos( $value, 'Changelog ==') === 0) {
	    	$changelog_isolated = str_replace( 'Changelog ==', '', $value );
	    }
	}

	// Now Explode $changelog_isolated to manupulate it to add html elements.
	$changelog_array = explode( '= ', $changelog_isolated );

	// Unset first element as it is empty.
	unset( $changelog_array[0] );

	$changelog = '<pre class="changelog">';

	foreach ( $changelog_array as $value) {
		// Replace all enter (\n) elements with </span><span> , opening and closing span will be added in next process.
		$value = preg_replace( '/\n+/', '</span><span>', $value );

		// Add openinf and closing div and span, only first span element will have heading class.
		$value = '<div class="block"><span class="heading">= ' . $value . '</span></div>';

		// Remove empty <span></span> element which newr formed at the end.
		$changelog .= str_replace( '<span></span>', '', $value );
	}

	$changelog .= '</pre>';

	return wp_kses_post( $changelog );
}

/**
 * Import Demo data for theme using catch themes demo import plugin
 */
function hair_spa_salon_free_vs_pro() {
	?>
	<div id="tp_free_vs_pro" class="hair-spa-salon-tabcontent">
	<div class="content-row">
		<div class="wrap about-wrap change-log">
			<p class="about-description"><?php esc_html_e( 'View Free vs Pro Table below:', 'hair-spa-salon' ); ?></p>
			<div class="vs-theme-table">
				<table>
					<thead>
						<tr><th scope="col"></th>
							<th class="head" scope="col"><?php esc_html_e( 'Free Theme', 'hair-spa-salon' ); ?></th>
							<th class="head" scope="col"><?php esc_html_e( 'Pro Theme', 'hair-spa-salon' ); ?></th>
						</tr>
					</thead>
					<tbody>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><span><?php esc_html_e( 'Theme Demo Set Up', 'hair-spa-salon' ); ?></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Additional Templates, Color options and Fonts', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Included Demo Content', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Section Ordering', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-no-alt"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Multiple Sections', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-no-alt"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Additional Plugins', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Premium Technical Support', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-no-alt"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Access to Support Forums', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-no-alt"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Free updates', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Unlimited Domains', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Responsive Design', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td headers="features" class="feature"><?php esc_html_e( 'Live Customizer', 'hair-spa-salon' ); ?></td>
							<td><span class="dashicons dashicons-saved"></span></td>
							<td><span class="dashicons dashicons-saved"></span></td>
						</tr>
						<tr class="odd" scope="row">
							<td class="feature feature--empty"></td>
							<td class="feature feature--empty"></td>
							<td headers="comp-2" class="td-btn-2"><a class="sidebar-button single-btn" href="<?php echo esc_url(HAIR_SPA_SALON_PRO_THEME_URL);?>" target="_blank"><?php esc_html_e( 'Go For Premium', 'hair-spa-salon' ); ?></a></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="theme-price col card">
			<div class="price-flex">
				<div class="price-content">
					<h3><?php esc_html_e( 'Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></h3>
					<p class="main-flash"><?php 
					  printf(
					    /* translators: 1: bold FLASH DEAL text, 2: discount code */
					    esc_html__( '%1$s - Get 20%% Discount on All Themes, Use code %2$s', 'hair-spa-salon' ),
					    '<strong class="bold-text">' . esc_html__( 'FLASH DEAL', 'hair-spa-salon' ) . '</strong>',
					    '<strong class="bold-text">' . esc_html__( 'QBSALE20', 'hair-spa-salon' ) . '</strong>'
					  ); 
					  ?></p>
					 <p>
					  <del><?php echo esc_html__( '$59', 'hair-spa-salon' ); ?></del>
					  <strong class="bold-price"><?php echo esc_html__( '$39', 'hair-spa-salon' ); ?></strong>
					</p>
				</div>
				<div class="price-img">
					<img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/theme-img.png" alt="theme-img" />
				</div>
			</div>
			<div class="main-pro-price">
				<a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_PRO_THEME_URL ); ?>" class="pro-btn-theme price-pro" target="_blank"><?php esc_html_e( 'Upgrade To Premium Hair Spa Salon WordPress Theme', 'hair-spa-salon' ); ?></a>
			</div>
		</div>
	</div>
</div>
	<?php
}

function hair_spa_salon_get_bundle() {
	?>
	<div id="tp_get_bundle" class="hair-spa-salon-tabcontent">
		<div class="wrap about-wrap theme-main-bundle">
			<img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/theme-bundle.png" alt="theme-bundle" width="300" height="300" />
			<p class="bundle-link"><a target="_blank" href="<?php echo esc_url( HAIR_SPA_SALON_THEME_BUNDLE ); ?>" class="button button-primary bundle-btn"><?php esc_html_e( 'Buy WordPress Theme Bundle (120+ Themes)', 'hair-spa-salon' ); ?></a></p>
		</div>
	</div>
	<?php
}