<?php
/**
 * Getting Started Page.
 *
 * @package wheel_alignment_service
 */


if( ! function_exists( 'wheel_alignment_service_getting_started_menu' ) ) :
/**
 * Adding Getting Started Page in admin menu
 */
function wheel_alignment_service_getting_started_menu(){	
	add_theme_page(
		__( 'Getting Started', 'wheel-alignment-service' ),
		__( 'Getting Started', 'wheel-alignment-service' ),
		'manage_options',
		'wheel-alignment-service-getting-started',
		'wheel_alignment_service_getting_started_page'
	);
}
endif;
add_action( 'admin_menu', 'wheel_alignment_service_getting_started_menu' );

if( ! function_exists( 'wheel_alignment_service_getting_started_admin_scripts' ) ) :
/**
 * Load Getting Started styles in the admin
 */
function wheel_alignment_service_getting_started_admin_scripts( $hook ){
	// Load styles only on our page
	if( 'appearance_page_wheel-alignment-service-getting-started' != $hook ) return;

    wp_enqueue_style( 'wheel-alignment-service-getting-started', get_template_directory_uri() . '/resource/css/getting-started.css', false, WHEEL_ALIGNMENT_SERVICE_THEME_VERSION );

    wp_enqueue_script( 'wheel-alignment-service-getting-started', get_template_directory_uri() . '/resource/js/getting-started.js', array( 'jquery' ), WHEEL_ALIGNMENT_SERVICE_THEME_VERSION, true );
}
endif;
add_action( 'admin_enqueue_scripts', 'wheel_alignment_service_getting_started_admin_scripts' );

if( ! function_exists( 'wheel_alignment_service_getting_started_page' ) ) :
/**
 * Callback function for admin page.
*/
function wheel_alignment_service_getting_started_page(){ 
	$wheel_alignment_service_theme = wp_get_theme();?>
	<div class="wrap getting-started container">
		<div class="getting-info">
			<div class="theme-intro">
				<div class="intro-wrap">
					<div class="intro cointaner">
						<div class="intro-content">
							<h3><?php echo esc_html( 'Welcome to', 'wheel-alignment-service' );?> <span class="theme-name"><?php echo esc_html( WHEEL_ALIGNMENT_SERVICE_THEME_NAME ); ?></span></h3>
							<p class="about-text">
								<?php
								// Remove last sentence of description.
								$wheel_alignment_service_description = explode( '. ', $wheel_alignment_service_theme->get( 'Description' ) );

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

								echo esc_html( $wheel_alignment_service_description . '' );
							?></p>
							<div class="btns-getstart">
								<a href="<?php echo esc_url( WHEEL_ALIGNMENT_SERVICE_PREMIUM_PAGE ); ?>" target="_blank" class="button button-primary"><?php esc_html_e( 'Get Premium', 'wheel-alignment-service' ); ?></a>
								<a href="<?php echo esc_url( WHEEL_ALIGNMENT_SERVICE_PRO_DEMO ); ?>" target="_blank" class="button button-primary"><?php esc_html_e( 'Live Demo', 'wheel-alignment-service' ); ?></a>
								<a href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" target="_blank" class="button button-primary"><?php esc_html_e( 'Customize Theme', 'wheel-alignment-service' ); ?></a>
							</div>
							<div class="btns-wizard">
                                <?php if ( ! get_option('is-demo-imported') ) : ?>
                                    <a class="wizard" href="<?php echo esc_url( admin_url( 'themes.php?page=wheelalignmentservice-wizard' ) ); ?>" class="button button-primary"><?php esc_html_e( 'Import Theme Demo', 'wheel-alignment-service' ); ?></a>
                                <?php else : ?>
                                    <a target="_blank" href="<?php echo esc_url( home_url() ); ?>" class="button button-primary view-site">
                                        <?php esc_html_e( 'Visit Your Website', 'wheel-alignment-service' ); ?>
                                    </a>
                                <?php endif; ?>
  							</div>
						</div>
						<div class="intro-img">
							<img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/bundle.png'; ?>" />										
							<br>
							<h4 class="bundle-text"><?php esc_html_e( 'WP Theme Bundle', 'wheel-alignment-service' ); ?></h4>
							<p class="about-text"><?php esc_html_e('Get access to a collection of premium WordPress themes in one bundle. Enjoy effortless website building, full customization, and dedicated customer support for a smooth, professional web experience.', 'wheel-alignment-service'); ?></p>
							<a class="button button-primary" href="<?php echo esc_url( WHEEL_ALIGNMENT_SERVICE_BUNDLE_PAGE ); ?>" title="<?php esc_attr_e( 'Go Pro', 'wheel-alignment-service' ); ?>" target="_blank">
								<?php esc_html_e( 'Exclusive Theme Bundle - $79', 'wheel-alignment-service' ); ?>
							</a>
						</div>
					</div>
				</div>
				<div class="cointaner panels">
					<ul class="inline-list">
						<li class="current">
							<a id="help" href="javascript:void(0);">
								<?php esc_html_e( 'Getting Started', 'wheel-alignment-service' ); ?>
							</a>
						</li>
						<li>
							<a id="free-pro-panel" href="javascript:void(0);">
								<?php esc_html_e( 'Free Vs Pro', 'wheel-alignment-service' ); ?>
							</a>
						</li>
					</ul>
					<div id="panel" class="panel">
						<?php require get_template_directory() . '/theme-library/getting-started/tabs/help-panel.php'; ?>
						<?php require get_template_directory() . '/theme-library/getting-started/tabs/free-vs-pro-panel.php'; ?>
						<?php require get_template_directory() . '/theme-library/getting-started/tabs/link-panel.php'; ?>
					</div>
				</div>
			</div>
			<div class="icons-info">
				<div class="icon-img">									
					<a href="<?php echo esc_url( WHEEL_ALIGNMENT_SERVICE_REVIEW ); ?>" title="<?php esc_attr_e( 'Review Theme', 'wheel-alignment-service' ); ?>" target="_blank">
						<img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/icon1.png'; ?>" />	
						<?php esc_html_e( 'Review Theme', 'wheel-alignment-service' ); ?>
					</a>
				</div>
				<div class="icon-img">									
					<a href="<?php echo esc_url( WHEEL_ALIGNMENT_SERVICE_SUPPORT ); ?>" title="<?php esc_attr_e( 'Contact Support', 'wheel-alignment-service' ); ?>" target="_blank">
						<img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/icon2.png'; ?>" />	
						<?php esc_html_e( 'Contact Support', 'wheel-alignment-service' ); ?>
					</a>
				</div>
				<div class="icon-img">									
					<a href="<?php echo esc_url( WHEEL_ALIGNMENT_SERVICE_THEME_DOCUMENTATION ); ?>" title="<?php esc_attr_e( 'Free Theme Documentation', 'wheel-alignment-service' ); ?>" target="_blank">
						<img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/icon3.png'; ?>" />	
						<?php esc_html_e( 'Free Theme Documentation', 'wheel-alignment-service' ); ?>
					</a>
				</div>
			</div>	
		</div>	
	</div>
	<?php
}
endif;