<?php
//about theme info
add_action( 'admin_menu', 'modern_construction_gettingstarted' );
function modern_construction_gettingstarted() {    	
	add_theme_page( esc_html__('Get Started', 'modern-construction'), esc_html__('Get Started', 'modern-construction'), 'edit_theme_options', 'modern_construction_guide', 'modern_construction_mostrar_guide');   
}

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

    // Admin notice code START
	wp_register_script('modern-construction-notice', esc_url(get_theme_file_uri()) . '/inc/getting-started/js/notice.js', array('jquery'), time(), true);
	wp_enqueue_script('modern-construction-notice');
	// Admin notice code END
}
add_action('admin_enqueue_scripts', 'modern_construction_admin_theme_style');

//guidline for about theme
function modern_construction_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'modern-construction' );
?>
<div class="wrapper-info">
	<div class="intro">
		<h3><?php esc_html_e( 'Welcome to Modern Construction WordPress Theme', 'modern-construction' ); ?></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!', 'modern-construction' ); ?></span></p>
				<p><?php echo  esc_html_e( 'You are about to use the most easy to use and flexible WordPress theme.', 'modern-construction' ); ?></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', 'modern-construction' ); ?></p>
					<p class="coupon"><?php echo esc_html__( 'Use Coupon Code:" GET20 "', 'modern-construction' ); ?></p>
					<a href="<?php echo esc_url( MODERN_CONSTRUCTION_PRO_THEME_URL ); ?>" class="btn-pro" target="_blank" >
						<?php esc_html_e('Get Pro', 'modern-construction'); ?>
					</a>
				</div>
			</div>
		</div>
		<div class="started">
			<h3><?php esc_html_e( 'Lite Theme Info', 'modern-construction' ); ?></h3>
			<p><?php esc_html_e( 'Modern Construction is a bold and versatile construction architecture theme crafted for construction companies, real estate agencies, contractors, architects, builders, renovation services, and related industries, offering a responsive, mobile-first design with cross-browser compatibility to ensure a seamless browsing experience across all devices. It features dedicated sections to showcase projects, portfolios, services, and client testimonials, helping businesses present their work with a high level of professionalism. Built with clean, optimized code, it ensures fast loading speeds while supporting strong SEO performance for improved search visibility. The theme includes flexible customization options such as logo integration, color schemes, layout settings, and microformats, enabling businesses to align their site with their brand identity. With built-in social media integration to boost online reach and multilingual compatibility for engaging global audiences, this construction architecture theme serves as a powerful solution for real estate firms, interior design studios, construction consultancies, and raw material trading businesses aiming to establish a strong and effective online presence.', 'modern-construction')?></p>
			<hr>

			<div class="service">
				<div class="info col-lg-3 col-md-3">
					<h3><span class="dashicons dashicons-media-document"></span> <?php esc_html_e('Get Support', 'modern-construction'); ?></h3>
					<ol>
						<li>
						<a href="<?php echo esc_url( MODERN_CONSTRUCTION_SUPPORT ); ?>" target="_blank"><?php esc_html_e('Support Forum', 'modern-construction'); ?></a>
						</li>
					</ol>
				</div>
				<div class="info col-lg-3 col-md-3">
					<h3><span class="dashicons dashicons-welcome-widgets-menus"></span> <?php esc_html_e('Getting Started', 'modern-construction'); ?></h3>
					<ol>
						<li> <?php esc_html_e('Start', 'modern-construction'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'modern-construction'); ?></a> <?php esc_html_e('your website.', 'modern-construction'); ?></li>
					</ol>
				</div>
				<div class="info col-lg-3 col-md-3">
					<h3><span class="dashicons dashicons-star-filled"></span> <?php esc_html_e('Rate This Theme', 'modern-construction'); ?></h3>
					<ol>
						<li>
						<a href="<?php echo esc_url( MODERN_CONSTRUCTION_REVIEW ); ?>" target="_blank"><?php esc_html_e('Rate it here', 'modern-construction'); ?></a>
						</li>
					</ol>
				</div>
				<div class="info col-lg-3 col-md-3">
					<h3><span class="dashicons dashicons-editor-help"></span> <?php esc_html_e( 'Help Docs', 'modern-construction' ); ?></h3>
					<ol>
						<li><?php esc_html_e( 'The Modern Construction Lite', 'modern-construction' ); ?> <a href="<?php echo esc_url( MODERN_CONSTRUCTION_FREE_THEME_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'modern-construction' ); ?></a></li>
					</ol>
				</div>
			</div>
			
			<h3><?php esc_html_e( 'Get started with Modern Construction Theme', 'modern-construction' ); ?></h3>
			<div class="col-left-inner"> 
				<img role="img" src="<?php echo esc_url(get_theme_file_uri()); ?>/inc/getting-started/images/customizer-image.png" alt="" />
			</div>
			<div class="col-right-inner">
				<p><?php esc_html_e( 'Go to', 'modern-construction' ); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizer', 'modern-construction' ); ?> </a> <?php esc_html_e( 'and start customizing your website', 'modern-construction' ); ?></p>
				<ul>
					<li><?php esc_html_e( 'Easily customizable ', 'modern-construction' ); ?> </li>
					<li><?php esc_html_e( 'Absolutely free', 'modern-construction' ); ?> </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-tg.png" alt="" />
			<hr class="firsthr">
			<div class="btn-grp">
				<a href="<?php echo esc_url( MODERN_CONSTRUCTION_PRO_THEME_URL ); ?>" target="_blank"><?php esc_html_e('Get Premium', 'modern-construction'); ?></a>
				<a href="<?php echo esc_url( MODERN_CONSTRUCTION_LIVE_DEMO ); ?>" target="_blank"><?php esc_html_e('Live Demo', 'modern-construction'); ?></a>
				<a href="<?php echo esc_url( MODERN_CONSTRUCTION_THEME_DOC ); ?>" target="_blank"><?php esc_html_e('Pro Documentation', 'modern-construction'); ?></a>
				<a href="<?php echo esc_url( MODERN_CONSTRUCTION_BUNDLE_URL ); ?>" target="_blank"><?php esc_html_e('Bundle of 176+ Premium WP Themes at $79', 'modern-construction'); ?></a>
			<hr class="secondhr">
		</div>
		<h3><?php esc_html_e( 'PREMIUM THEME FEATURES', 'modern-construction'); ?></h3>
		<ul>
		 	<li><?php esc_html_e( 'Sticky Header', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Custom post types', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Responsive Design', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Advanced Color Options and Color Pallets', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( '100+ Font Family Options', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'RTL & Translation Ready', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Support to Add Custom CSS/JS', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'SEO Friendly', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Pagination Option', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Footer Customization Options', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Fully Integrated with Font Awesome Icon', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Short Codes', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Services listing', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Gallery, Banner & Post Type Plugin Functionality', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Multiple Inner Page Templates', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Customizable Home Page', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Advance Social Media Feature', 'modern-construction'); ?></li>
		 	<li><?php esc_html_e( 'Testimonials Listing', 'modern-construction'); ?></li>
		</ul>
	</div>
	
</div>
<?php } ?>