<?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 WordPress theme crafted for construction companies, real estate agencies, contractors, architects, builders, renovation services, and related industries. With its responsive, mobile-first design and cross-browser compatibility, it ensures a smooth browsing experience on all devices. The theme offers dedicated sections for showcasing projects, portfolios, services, and client testimonials, making it easy to present your work with professionalism. Built with clean and optimized code, it delivers fast loading speeds while maintaining strong SEO performance for better search rankings. Its customization options include support for logos, colors, layouts, and microformats, allowing businesses to align their website with their brand identity. Social media integration enhances visibility, while multilingual compatibility makes it suitable for global audiences. Whether you’re running a real estate firm, interior design studio, construction consultancy, or raw material trading business, Modern Construction provides a powerful platform to establish a professional online presence and attract potential clients effectively.', '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 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 } ?>