<?php
//about theme info
add_action( 'admin_menu', 'tameer_construction_gettingstarted' );
function tameer_construction_gettingstarted() {
	add_theme_page( esc_html__('About Theme', 'tameer-construction'), esc_html__('About Theme', 'tameer-construction'), 'edit_theme_options', 'tameer-construction-guide-page', 'tameer_construction_mostrar_guide');   
}

// Add a Custom CSS file to WP Admin Area
function tameer_construction_admin_theme_style() {
   wp_enqueue_style('tameer-construction-custom-admin-style', esc_url(get_template_directory_uri()) . '/inc/dashboard/get_started_info.css');
   wp_enqueue_script('tabs', esc_url(get_template_directory_uri()) . '/inc/dashboard/js/tab.js');
}
add_action('admin_enqueue_scripts', 'tameer_construction_admin_theme_style');

//guidline for about theme
function tameer_construction_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'tameer-construction' );
?>

<div class="wrapper-info">  
	<div id="tc-header">
		<div class="tc-container main-header">
			<a class="tc-logo"> 
				<img role="img" src="<?php echo esc_url(get_template_directory_uri()); ?>/inc/dashboard/media/logo.png" alt="" />
			</a>
			<span class="tc-header-action">
			<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customize', 'tameer-construction'); ?></a>
			<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'tameer-construction' ); ?></a>
			<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_BUY_PRO); ?>" target="_blank"> <?php esc_html_e( 'Get Premium', 'tameer-construction' ); ?></a>
			<a href="<?php echo esc_url( 'https://www.themescaliber.com/products/wordpress-theme-bundle' ); ?>" class="bundle_btn" target="_blank"> <?php esc_html_e( 'Bundle of 220+ Themes at $99', 'tameer-construction' ); ?></a>
			</span>
		</div>
	</div>
	<div class="tc-container tab-sec">
		<div class="tc-tabs">
			<ul>
				<li class="tablinks home active" onclick="tameer_construction_openCity(event, 'tc_index')">
					<a href="#">
						<?php esc_html_e( 'Free Theme Information', 'tameer-construction' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="tameer_construction_openCity(event, 'tc_pro')">
					<a href="#">
						<?php esc_html_e( 'Premium Theme Information', 'tameer-construction' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="tameer_construction_openCity(event, 'tc_create')">
					<a href="#">
						<?php esc_html_e( 'Theme Support', 'tameer-construction' ); ?>
					</a>
				</li>
			</ul>
		</div><!-- END .tc-tabs -->
	</div>

	<div class="tc-container">
		<div class="tc-section">
			<div  id="tc_index" class="tabcontent">
				<h2><?php esc_html_e( 'Welcome to Tameer Construction Theme', 'tameer-construction' ); ?> <span class="version">Version: <?php echo esc_html($theme['Version']);?></span></h2>
				<hr>
				<div class="info-link">
					<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'tameer-construction' ); ?></a>
					<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'tameer-construction'); ?></a>
					<a class="get-pro" href="<?php echo esc_url( TAMEER_CONSTRUCTION_BUY_PRO ); ?>" target="_blank"><?php esc_html_e('Get Pro', 'tameer-construction'); ?></a>
				</div>
				<div class="col-tc-6">
					<img role="img" src="<?php echo esc_url(get_template_directory_uri()); ?>/screenshot.png" alt="" />
				</div>
				<div class="col-tc-6">
					<P><?php esc_html_e( 'Tameer Construction is a powerful, bold, attention grabbing and performance focused construction WordPress theme for builders, construction companies, infrastructure companies, construction equipment traders, contractors and similar businesses. By customizing it a bit, it can be used by real estate agents, property inclusion, property dealers, contractor, building, architecture, development, infrastructure, design, projects, engineering, real estate, contractors, renovation, construction, site, urban, commercial, structures, builder, industrial, builders, interior designers, architects, accountants, renovation and repairing service providers, plumbers, fabrication, forming, industrial planning, business, corporate or portfolios website. It is fully responsive and all browsers compatible which give it a great look on any device and browsing platform you load it on. Three layout options are provided: boxed, full-width and full screen with various header and footer formats, Microformats, featured Images that open a wide scope of design options. This construction WP theme is embedded with social media icons so you can promote your services on larger platforms. It has very well used call to action (CTA) buttons; SEO is taken care of to get a good rank in search engines. It is integrated with WooCommerce plugin so you can set up your online store for selling construction material through the current website only. Get the professional look for your website and make it mirror your services through this theme.', 'tameer-construction' ); ?></P>
				</div>
			</div>
		</div><!-- END .tc-section -->
	</div>

	<div class="tc-container">
		<div class="tc-section">
			<div id="tc_pro" class="tabcontent">
				<h3><?php esc_html_e( 'Tameer Construction Theme Information', 'tameer-construction' ); ?></h3>
				<hr>
				<div class="info-link-pro">
					<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_BUY_PRO ); ?>" target="_blank"> <?php esc_html_e( 'Buy Now', 'tameer-construction' ); ?></a>
					<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_LIVE_DEMO ); ?>" target="_blank"> <?php esc_html_e( 'Live Demo', 'tameer-construction' ); ?></a>
					<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_PRO_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Pro Documentation', 'tameer-construction' ); ?></a>
				</div>
				<div class="pro-image">
					<img role="img" src="<?php echo esc_url(get_template_directory_uri()); ?>/inc/dashboard/media/responsive.png" alt="" />
				</div>
			<div class="col-pro-5">
				<h4><?php esc_html_e( 'Tameer Construction Pro Theme', 'tameer-construction' ); ?></h4>
				<p><?php esc_html_e( 'This theme well serves the construction businesses with its intuitive design structure and plenty of shortcodes to include functionalities like multi-column layout, video section, gallery, calendar etc. It is bundled with Font Awesome pack so you can include construction specific icons in your website. If you have large menu, then you can divide it into submenu using the mega menu option. This construction WordPress theme has various sections like gallery, testimonial, subscription form, recent blogs, pricing table, team introduction etc. and each of this section can be hidden as per your needs.', 'tameer-construction' ); ?></P>		
			</div>
			<div class="col-pro-6">				
				<h4><?php esc_html_e( 'Theme Features', 'tameer-construction' ); ?></h4>
				<ul>
					<li><?php esc_html_e( 'Theme Options using Customizer API', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Responsive design', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Favicon, Logo, title, and tagline customization', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Advanced Color options', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( '100+ Font Family Options', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Background Image Option', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Simple Menu Option', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Additional section for products', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Enable-Disable options on All sections', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Home Page setting for different sections', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Advance Slider with unlimited slides', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Partner Section', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Promotional Banner Section for Products', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Separate Newsletter Section', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Text and call to action button for each slide', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Pagination option', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Custom CSS option', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Translations Ready', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Custom Backgrounds, Colors, Headers, Logo & Menu', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Customizable Home Page', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Full-Width Template', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Footer Widgets & Editor Style', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Banner & Post Type Plugin Functionality', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Post type', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Woo Commerce Compatible', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Multiple Inner Page Templates', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Product Sliders', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Slider', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Contact page template', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Contact Widget', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Advance Social Media Feature', 'tameer-construction' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Listing With Shortcode', 'tameer-construction' ); ?></li>
				</ul>				
			</div>	
		</div><!-- END .tc-section -->
	</div>

	<div class="tc-container">
		<div class="tc-section">
			<div id="tc_create" class="tabcontent">
				<div class="tab-cont">
					<h4><?php esc_html_e( 'Need Support?', 'tameer-construction' ); ?></h4>				
					<div class="info-link-support">
						<P><?php esc_html_e( 'Our team is obliged to help you in every way possible whenever you face any type of difficulties and doubts.', 'tameer-construction' ); ?></P>
						<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_FREE_SUPPORT ); ?>" target="_blank"> <?php esc_html_e( 'Support Forum', 'tameer-construction' ); ?></a>
					</div>
				</div>
				<div class="tab-cont">	
					<h4><?php esc_html_e('Reviews', 'tameer-construction'); ?></h4>				
					<div class="info-link-support">
						<P><?php esc_html_e( 'It is commendable to have such a theme inculcated with amazing features and robust functionalities. I feel grateful to recommend this theme to one and all.', 'tameer-construction' ); ?></P>
						<a href="<?php echo esc_url( TAMEER_CONSTRUCTION_REVIEW ); ?>" target="_blank"><?php esc_html_e('Reviews', 'tameer-construction'); ?></a>
					</div>
				</div>

				<div class="tc-section large-section">
					<h2>Let‘s customize your website</h2>
					<p>There are many changes you can make to customize your website. Explore customization options and make it unique.</p>
					<div class="tc-buttons">
						<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>" class="tc-btn primary large-button"><?php esc_html_e('Start Customizing', 'tameer-construction'); ?></a>
					</div><!-- END .tc-buttons -->
				</div>
			</div>
		</div><!-- END .tc-section -->
	</div>
</div>
<?php } ?>