<?php
//about theme info
add_action( 'admin_menu', 'cafe_elementor_gettingstarted' );
function cafe_elementor_gettingstarted() {
	add_theme_page( esc_html__('Cafe Elementor', 'cafe-elementor'), esc_html__('Cafe Elementor', 'cafe-elementor'), 'edit_theme_options', 'cafe_elementor_about', 'cafe_elementor_mostrar_guide');
}

// Add a Custom CSS file to WP Admin Area
function cafe_elementor_admin_theme_style() {
	wp_enqueue_style('cafe-elementor-custom-admin-style', esc_url(get_template_directory_uri()) . '/includes/getstart/getstart.css');
	wp_enqueue_script('cafe-elementor-tabs', esc_url(get_template_directory_uri()) . '/includes/getstart/js/tab.js');
	wp_enqueue_style( 'font-awesome-css', get_template_directory_uri().'/assets/css/fontawesome-all.css' );
}
add_action('admin_enqueue_scripts', 'cafe_elementor_admin_theme_style');

// Changelog
if ( ! defined( 'CAFE_ELEMENTOR_CHANGELOG_URL' ) ) {
    define( 'CAFE_ELEMENTOR_CHANGELOG_URL', get_template_directory() . '/readme.txt' );
}

function cafe_elementor_changelog_screen() {	
	global $wp_filesystem;
	$changelog_file = apply_filters( 'cafe_elementor_changelog_file', CAFE_ELEMENTOR_CHANGELOG_URL );
	if ( $changelog_file && is_readable( $changelog_file ) ) {
		WP_Filesystem();
		$changelog = $wp_filesystem->get_contents( $changelog_file );
		$changelog_list = cafe_elementor_parse_changelog( $changelog );
		echo wp_kses_post( $changelog_list );
	}
}

function cafe_elementor_parse_changelog( $content ) {
	$content = explode ( '== ', $content );
	$changelog_isolated = '';
	foreach ( $content as $key => $value ) {
		if (strpos( $value, 'Changelog ==') === 0) {
	    	$changelog_isolated = str_replace( 'Changelog ==', '', $value );
	    }
	}
	$changelog_array = explode( '= ', $changelog_isolated );
	unset( $changelog_array[0] );
	$changelog = '<div class="changelog">';
	foreach ( $changelog_array as $value) {
		$value = preg_replace( '/\n+/', '</span><span>', $value );
		$value = '<div class="block"><span class="heading">= ' . $value . '</span></div><hr>';
		$changelog .= str_replace( '<span></span>', '', $value );
	}
	$changelog .= '</div>';
	return wp_kses_post( $changelog );
}


//guidline for about theme
function cafe_elementor_mostrar_guide() { 
	//custom function about theme customizer
	$cafe_elementor_return = add_query_arg( array()) ;
	$cafe_elementor_theme = wp_get_theme( 'cafe-elementor' );
?>

    <div class="top-head">
		<div class="top-title">
			<h2><?php esc_html_e( 'Cafe Elementor', 'cafe-elementor' ); ?></h2>
		</div>
		<div class="top-right">
			<span class="version"><?php esc_html_e( 'Version', 'cafe-elementor' ); ?>: <?php echo esc_html($cafe_elementor_theme['Version']);?></span>
		</div>
    </div>

    <div class="inner-cont">

	    <div class="tab-sec">
	    	<div class="tab">
				<button class="tablinks" onclick="cafe_elementor_open_tab(event, 'wpelemento_importer_editor')"><?php esc_html_e( 'Setup With Elementor', 'cafe-elementor' ); ?></button>
				<button class="tablinks" onclick="cafe_elementor_open_tab(event, 'setup_customizer')"><?php esc_html_e( 'Setup With Customizer', 'cafe-elementor' ); ?></button>
				<button class="tablinks" onclick="cafe_elementor_open_tab(event, 'changelog_cont')"><?php esc_html_e( 'Changelog', 'cafe-elementor' ); ?></button>
			</div>

			<div id="wpelemento_importer_editor" class="tabcontent open">
				<?php if(!class_exists('WPElemento_Importer_ThemeWhizzie')){
					$plugin_ins = Cafe_Elementor_Plugin_Activation_WPElemento_Importer::get_instance();
					$cafe_elementor_actions = $plugin_ins->recommended_actions;
					?>
					<div class="cafe-elementor-recommended-plugins ">
							<div class="cafe-elementor-action-list">
								<?php if ($cafe_elementor_actions): foreach ($cafe_elementor_actions as $key => $cafe_elementor_actionValue): ?>
										<div class="cafe-elementor-action" id="<?php echo esc_attr($cafe_elementor_actionValue['id']);?>">
											<div class="action-inner plugin-activation-redirect">
												<h3 class="action-title"><?php echo esc_html($cafe_elementor_actionValue['title']); ?></h3>
												<div class="action-desc"><?php echo esc_html($cafe_elementor_actionValue['desc']); ?></div>
												<?php echo wp_kses_post($cafe_elementor_actionValue['link']); ?>
											</div>
										</div>
									<?php endforeach;
								endif; ?>
							</div>
					</div>
				<?php }else{ ?>
					<div class="tab-outer-box">
						<h3><?php esc_html_e('Welcome to WPElemento Theme!', 'cafe-elementor'); ?></h3>
						<p><?php esc_html_e('Click on the quick start button to import the demo.', 'cafe-elementor'); ?></p>
						<div class="info-link">
							<a  href="<?php echo esc_url( admin_url('admin.php?page=wpelementoimporter-wizard') ); ?>"><?php esc_html_e('Quick Start', 'cafe-elementor'); ?></a>
						</div>
					</div>
				<?php } ?>
			</div>

			<div id="setup_customizer" class="tabcontent">
				<div class="tab-outer-box">
				  	<div class="lite-theme-inner">
						<h3><?php esc_html_e('Theme Customizer', 'cafe-elementor'); ?></h3>
						<p><?php esc_html_e('To begin customizing your website, start by clicking "Customize".', 'cafe-elementor'); ?></p>
						<div class="info-link">
							<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'cafe-elementor'); ?></a>
						</div>
						<hr>
						<h3><?php esc_html_e('Help Docs', 'cafe-elementor'); ?></h3>
						<p><?php esc_html_e('The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation .', 'cafe-elementor'); ?></p>
						<div class="info-link">
							<a href="<?php echo esc_url( CAFE_ELEMENTOR_FREE_THEME_DOC ); ?>" target="_blank"><?php esc_html_e('Documentation', 'cafe-elementor'); ?></a>
						</div>
						<hr>
						<h3><?php esc_html_e('Need Support?', 'cafe-elementor'); ?></h3>
						<p><?php esc_html_e('Our dedicated team is well prepared to help you out in case of queries and doubts regarding our theme.', 'cafe-elementor'); ?></p>
						<div class="info-link">
							<a href="<?php echo esc_url( CAFE_ELEMENTOR_SUPPORT ); ?>" target="_blank"><?php esc_html_e('Support Forum', 'cafe-elementor'); ?></a>
						</div>
						<hr>
						<h3><?php esc_html_e('Reviews & Testimonials', 'cafe-elementor'); ?></h3>
						<p> <?php esc_html_e('All the features and aspects of this WordPress Theme are phenomenal. I\'d recommend this theme to all.', 'cafe-elementor'); ?></p>
						<div class="info-link">
							<a href="<?php echo esc_url( CAFE_ELEMENTOR_REVIEW ); ?>" target="_blank"><?php esc_html_e('Review', 'cafe-elementor'); ?></a>
						</div>
						<hr>
						<div class="link-customizer">
							<h3><?php esc_html_e( 'Link to customizer', 'cafe-elementor' ); ?></h3>
							<div class="first-row">
								<div class="row-box">
									<div class="row-box1">
										<span class="dashicons dashicons-buddicons-buddypress-logo"></span><a href="<?php echo esc_url( admin_url('customize.php?autofocus[control]=custom_logo') ); ?>" target="_blank"><?php esc_html_e('Upload your logo','cafe-elementor'); ?></a>
									</div>
									<div class="row-box2">
										<span class="dashicons dashicons-menu"></span><a href="<?php echo esc_url( admin_url('customize.php?autofocus[panel]=nav_menus') ); ?>" target="_blank"><?php esc_html_e('Menus','cafe-elementor'); ?></a>
									</div>
								</div>
							
								<div class="row-box">
									<div class="row-box1">
										<span class="dashicons dashicons-align-center"></span><a href="<?php echo esc_url( admin_url('customize.php?autofocus[section]=header_image') ); ?>" target="_blank"><?php esc_html_e('Header Image','cafe-elementor'); ?></a>
									</div>
									<div class="row-box2">
										<span class="dashicons dashicons-screenoptions"></span><a href="<?php echo esc_url( admin_url('customize.php?autofocus[panel]=widgets') ); ?>" target="_blank"><?php esc_html_e('Footer Widget','cafe-elementor'); ?></a>
									</div>
								</div>
							</div>
						</div>
				  	</div>
				</div>
			</div>

			<div id="changelog_cont" class="tabcontent">
				<div class="tab-outer-box">
					<?php cafe_elementor_changelog_screen(); ?>
				</div>
			</div>
		</div>

		<div class="inner-side-content">
			<h2><?php esc_html_e('Premium Theme', 'cafe-elementor'); ?></h2>
			<div class="tab-outer-box">
				<img src="<?php echo esc_url(get_template_directory_uri()); ?>/screenshot.png" alt="" />
				<h3><?php esc_html_e('Cafe WordPress Theme', 'cafe-elementor'); ?></h3>
				<div class="iner-sidebar-pro-btn">
					<span class="premium-btn"><a href="<?php echo esc_url( CAFE_ELEMENTOR_BUY_NOW ); ?>" target="_blank"><?php esc_html_e('Buy Premium', 'cafe-elementor'); ?></a>
					</span>
					<span class="demo-btn"><a href="<?php echo esc_url( CAFE_ELEMENTOR_LIVE_DEMO ); ?>" target="_blank"><?php esc_html_e('Live Demo', 'cafe-elementor'); ?></a>
					</span>
					<span class="doc-btn"><a href="<?php echo esc_url( CAFE_ELEMENTOR_THEME_BUNDLE ); ?>" target="_blank"><?php esc_html_e('Theme Bundle', 'cafe-elementor'); ?></a>
					</span>
				</div>
				<hr>
				<div class="premium-coupon">
					<div class="premium-features">
						<h3><?php esc_html_e('premium Features', 'cafe-elementor'); ?></h3>
						<ul>
							<li><?php esc_html_e( 'Multilingual', 'cafe-elementor' ); ?></li>
							<li><?php esc_html_e( 'Drag and drop features', 'cafe-elementor' ); ?></li>
							<li><?php esc_html_e( 'Zero Coding Required', 'cafe-elementor' ); ?></li>
							<li><?php esc_html_e( 'Mobile Friendly Layout', 'cafe-elementor' ); ?></li>
							<li><?php esc_html_e( 'Responsive Layout', 'cafe-elementor' ); ?></li>
							<li><?php esc_html_e( 'Unique Designs', 'cafe-elementor' ); ?></li>
						</ul>
					</div>
					<div class="coupon-box">
						<h3><?php esc_html_e('Use Coupon Code', 'cafe-elementor'); ?></h3>
						<a class="coupon-btn" href="<?php echo esc_url( CAFE_ELEMENTOR_BUY_NOW ); ?>" target="_blank"><?php esc_html_e('UPGRADE NOW', 'cafe-elementor'); ?></a>
						<div class="coupon-container">
							<h3><?php esc_html_e( 'elemento20', 'cafe-elementor' ); ?></h3>
						</div>
					</div>
				</div>
			</div>	
		</div>
	</div>

<?php } ?>