<?php
//about theme info
add_action( 'admin_menu', 'blogger_hub_gettingstarted' );
function blogger_hub_gettingstarted() {    	
	add_theme_page( esc_html__('Demo Theme  Content', 'blogger-hub'), esc_html__('Demo Theme  Content', 'blogger-hub'), 'edit_theme_options', 'blogger_hub_guide', 'blogger_hub_mostrar_guide');   
}

// Add a Custom CSS file to WP Admin Area
function blogger_hub_admin_theme_style() {
   wp_enqueue_style('custom-admin-style', get_template_directory_uri() . '/inc/getting-started/getting-started.css');

   // Admin notice code START
	wp_register_script('blogger-hub-notice', esc_url(get_template_directory_uri()) . '/inc/getting-started/js/notice.js', array('jquery'), time(), true);
	wp_enqueue_script('blogger-hub-notice');
	// Admin notice code END
}
add_action('admin_enqueue_scripts', 'blogger_hub_admin_theme_style');

//guidline for about theme
function blogger_hub_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'blogger-hub' );
?>
<div class="wrapper-info">
	<div class="intro">
		<h3><?php esc_html_e( 'Welcome to Blogger Hub WordPress Theme', 'blogger-hub' ); ?></h3>
		<p>( Version: <?php echo esc_html($theme['Version']);?> )</p>
	</div>
	<div class="col-left">
		<div class="left-box">
			<div class="color_bg_blue color-info">

				<div class="intro-text"><img role="img" src="<?php echo esc_url(get_template_directory_uri()); ?>/inc/getting-started/images/themesglance-logo.png" alt="" />
				</div>
				<p class="intro_version"><span class="highlight1"><?php echo esc_html__( 'Congratulations!', 'blogger-hub' ); ?></span></p>
				<?php
					/* Demo Import */
					require get_parent_theme_file_path( '/inc/getting-started/demo-content.php' );
				?>
			</div>
			<div class="best-offers">
				<img role="img" src="<?php echo esc_url(get_template_directory_uri()); ?>/inc/getting-started/images/best-offer.png" alt="best-offer" />
				<div class="offers">
					<p class="offer-text"><?php echo esc_html__( 'On Premium WordPress Theme', 'blogger-hub' ); ?></p>
					<p class="coupon"><?php echo esc_html__( 'Use Coupon Code:" GET20 "', 'blogger-hub' ); ?></p>
					<a href="<?php echo esc_url( BLOGGER_HUB_THEMESGLANCE_PRO_THEME_URL ); ?>" class="btn-pro" target="_blank" >
						<?php esc_html_e('Get Pro', 'blogger-hub'); ?>
					</a>
				</div>
			</div>
		</div>
		<div class="started">
			<h3><?php esc_html_e( 'Lite Theme Info', 'blogger-hub' ); ?></h3>
			<p><?php esc_html_e('Blogger Hub is a modern, minimal, and multipurpose theme crafted to give your website a sleek and professional look, making it perfect for anyone looking to build a dynamic blog, engaging magazine, or visually rich newspaper-style platform filled with compelling stories. Ideal for bloggers, writers, influencers, vloggers, digital marketers, content creators, and niche enthusiasts, this versatile theme seamlessly adapts to food blogs, travel journals, fashion blogs, lifestyle blogs, personal blogs, architecture blogs, interior design blogs, photography blogs, review platforms, fan communities, and online magazine websites. With its fully responsive design, cross-browser compatibility, and translation-ready features, Blogger Hub delivers a smooth and consistent user experience across all devices. It includes built-in shortcodes, flexible customization options for colors, fonts, and layouts, and an intuitive interface that allows easy personalization without any coding skills. Optimized for SEO and fast performance, it improves visibility on search engines while maintaining a secure and lightweight structure. Integrated social media features and interactive elements help boost engagement, retain readers, and expand your audience, making Blogger Hub a powerful choice for creating a professional, content-driven website focused on sharing impactful stories.', 'blogger-hub')?></p>
			<hr>

			<div class="service">
				<div class="info col-md-3">
					<h3><span class="dashicons dashicons-media-document"></span> <?php esc_html_e('Get Support', 'blogger-hub'); ?></h3>
					<ol>
						<li>
						<a href="<?php echo esc_url( BLOGGER_HUB_THEMESGLANCE_SUPPORT ); ?>" target="_blank"><?php esc_html_e('Support Forum', 'blogger-hub'); ?></a>
						</li>
					</ol>
				</div>
				<div class="info col-md-3">
					<h3><span class="dashicons dashicons-welcome-widgets-menus"></span> <?php esc_html_e('Getting Started', 'blogger-hub'); ?></h3>
					<ol>
						<li> <?php esc_html_e('Start', 'blogger-hub'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'blogger-hub'); ?></a> <?php esc_html_e('your website.', 'blogger-hub'); ?></li>
					</ol>
				</div>
				<div class="info col-md-3">
					<h3><span class="dashicons dashicons-star-filled"></span> <?php esc_html_e('Rate This Theme', 'blogger-hub'); ?></h3>
					<ol>
						<li>
						<a href="<?php echo esc_url( BLOGGER_HUB_THEMESGLANCE_REVIEW ); ?>" target="_blank"><?php esc_html_e('Rate it here', 'blogger-hub'); ?></a>
						</li>
					</ol>
				</div>
				<div class="info col-md-3">
					<h3><span class="dashicons dashicons-editor-help"></span> <?php esc_html_e( 'Help Docs', 'blogger-hub' ); ?></h3>
					<ol>
						<li><?php esc_html_e( 'Blogger Hub Lite', 'blogger-hub' ); ?> <a href="<?php echo esc_url( BLOGGER_HUB_THEMESGLANCE_FREE_THEME_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'blogger-hub' ); ?></a></li>
					</ol>
				</div>
			</div>

			<h3><?php esc_html_e( 'Get started with Blogger Hub Theme', 'blogger-hub' ); ?></h3>
			<div class="col-left-inner"> 
				<img role="img" src="<?php echo esc_url(get_template_directory_uri()); ?>/inc/getting-started/images/free-screenshot.png" alt="" />
			</div>		
			<div class="col-right-inner">
				<p><?php esc_html_e( 'Go to', 'blogger-hub' ); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizer', 'blogger-hub' ); ?> </a> <?php esc_html_e( 'and start customizing your website', 'blogger-hub' ); ?></p>
				<ul>
					<li><?php esc_html_e( 'Easily customizable ', 'blogger-hub' ); ?> </li>
					<li><?php esc_html_e( 'Absolutely free', 'blogger-hub' ); ?> </li>
				</ul>
			</div>
		</div>
	</div>
	<div class="col-right">
		<div class="centerbold">
			<img role="img" src="<?php echo esc_url(get_template_directory_uri()); ?>/inc/getting-started/images/responsive.png" alt="" />
			<hr class="firsthr">
			<div class="btn-grp">
				<a href="<?php echo esc_url( BLOGGER_HUB_THEMESGLANCE_PRO_THEME_URL ); ?>" target="_blank"><?php esc_html_e('Get Premium', 'blogger-hub'); ?></a>
				<a href="<?php echo esc_url( BLOGGER_HUB_THEMESGLANCE_LIVE_DEMO ); ?>" target="_blank"><?php esc_html_e('Live Demo', 'blogger-hub'); ?></a>
				<a href="<?php echo esc_url( BLOGGER_HUB_THEMESGLANCE_THEME_DOC ); ?>" target="_blank"><?php esc_html_e('Pro Documentation', 'blogger-hub'); ?></a>
				<a href="<?php echo esc_url( BLOGGER_HUB_BUNDLE_URL ); ?>" target="_blank"><?php esc_html_e('Bundle of 176+ Premium WP Themes at $79', 'blogger-hub'); ?></a>
			</div>
			<hr class="secondhr">
		</div>
		<h3><?php esc_html_e( 'PREMIUM THEME FEATURES', 'blogger-hub'); ?></h3>
		<ul>
		 	<li><?php esc_html_e( 'Category Slider', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Post slider', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Gallery Section', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Sidebar to showcase latest trends and news', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Woocommerce Product Section', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Newsletter', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Instagram section', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Gallery Plugin with shortcode', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Social Icon widget', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Contact Layout', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Recent Post Widget with thumbnails', 'blogger-hub'); ?></li>
		 	<li><?php esc_html_e( 'Blog full width, With Left and Right sidebar Template', 'blogger-hub'); ?></li>
		</ul>
	</div>
	
</div>
<?php } ?>