<?php
//about theme info
add_action( 'admin_menu', 'blogger_base_gettingstarted' );
function blogger_base_gettingstarted() {    	
	add_theme_page( esc_html__('Get Started', 'blogger-base'), esc_html__('Get Started', 'blogger-base'), 'edit_theme_options', 'blogger_base_guide', 'blogger_base_mostrar_guide');   
}

// Add a Custom CSS file to WP Admin Area
function blogger_base_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-base-notice', esc_url(get_theme_file_uri()) . '/inc/getting-started/js/notice.js', array('jquery'), time(), true);
	wp_enqueue_script('blogger-base-notice');
	// Admin notice code END
}
add_action('admin_enqueue_scripts', 'blogger_base_admin_theme_style');

//guidline for about theme
function blogger_base_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'blogger-base' );
?>
<div class="wrapper-info">
	<div class="intro">
		<h3><?php esc_html_e( 'Welcome to Blogger Base WordPress Theme', 'blogger-base' ); ?></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-base' ); ?></span></p>
				<p><?php echo  esc_html_e( 'You are about to use the most easy to use and flexible WordPress theme.', 'blogger-base' ); ?></p>
			</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-base' ); ?></p>
					<p class="coupon"><?php echo esc_html__( 'Use Coupon Code:" GET20 "', 'blogger-base' ); ?></p>
					<a href="<?php echo esc_url( BLOGGER_BASE_THEMESGLANCE_PRO_THEME_URL ); ?>" class="btn-pro" target="_blank" >
						<?php esc_html_e('Get Pro', 'blogger-base'); ?>
					</a>
				</div>
			</div>
		</div>
		<div class="started">
			<h3><?php esc_html_e( 'Lite Theme Info', 'blogger-base' ); ?></h3>
			<p><?php esc_html_e('Blogger Base is a sleek, minimal, and modern WordPress child theme of Blogger Hub, designed to give your website a contemporary and professional look. Perfect for bloggers, writers, journalists, content creators, storytellers, travel diarists, freelance writers, and personal branding enthusiasts, this multipurpose theme supports blogging, copywriting, book reviews, podcasting, media hubs, and newsletter or magazine-style sites. With a fully responsive design, cross-browser compatibility, threaded comments, and translation-ready features, Blogger Base ensures a seamless and engaging user experience on any device. Its clean, interactive, and user-friendly interface encourages visitors to stay longer, while SEO optimization boosts your search engine rankings. Highly customizable through the theme customizer, it allows effortless modifications to layouts, colors, fonts, and sections without coding knowledge. Despite its rich features, Blogger Base is lightweight and fast-loading, making it an ideal choice for writers, bloggers, and content creators looking to establish a professional and visually appealing online presence.', 'blogger-base')?></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-base'); ?></h3>
					<ol>
						<li>
						<a href="<?php echo esc_url( BLOGGER_BASE_THEMESGLANCE_SUPPORT ); ?>" target="_blank"><?php esc_html_e('Support Forum', 'blogger-base'); ?></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-base'); ?></h3>
					<ol>
						<li> <?php esc_html_e('Start', 'blogger-base'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'blogger-base'); ?></a> <?php esc_html_e('your website.', 'blogger-base'); ?></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-base'); ?></h3>
					<ol>
						<li>
						<a href="<?php echo esc_url( BLOGGER_BASE_THEMESGLANCE_REVIEW ); ?>" target="_blank"><?php esc_html_e('Rate it here', 'blogger-base'); ?></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-base' ); ?></h3>
					<ol>
						<li><?php esc_html_e( 'Blogger Hub Lite', 'blogger-base' ); ?> <a href="<?php echo esc_url( BLOGGER_BASE_THEMESGLANCE_FREE_THEME_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'blogger-base' ); ?></a></li>
					</ol>
				</div>
			</div>

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