<?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, simple, and modern theme designed to give your website a clean and professional look, making it perfect for anyone passionate about blog creation, journal entries, and creative writing. Ideal for bloggers, writers, journalists, content creators, storytellers, travel diarists, freelance writers, and personal branding enthusiasts, this multipurpose design supports blogging, copywriting, book reviews, podcasting, media hubs, and newsletter or magazine-style platforms. With a fully responsive layout, cross-browser compatibility, threaded comments, and translation-ready features, it ensures a smooth and engaging user experience across all devices. Its clean and user-friendly interface keeps visitors engaged for longer, while built-in SEO optimization helps improve search visibility. Highly customizable through an intuitive customizer, it allows easy adjustments to layouts, colors, fonts, and sections without requiring coding skills, and despite its powerful features, it remains lightweight and fast-loading, making it an excellent choice for anyone looking to build a modern blog, maintain a personal journal, or showcase their writing in a simple yet visually appealing way.', '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 Base 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 } ?>