<?php
//about theme info
add_action( 'admin_menu', 'shams_solar_gettingstarted' );
function shams_solar_gettingstarted() {
	add_theme_page( esc_html__('About Theme', 'shams-solar'), esc_html__('About Theme', 'shams-solar'), 'edit_theme_options', 'shams-solar-guide-page', 'shams_solar_mostrar_guide');   
}

// Add a Custom CSS file to WP Admin Area
function shams_solar_admin_theme_style() {
   wp_enqueue_style('shams-solar-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', 'shams_solar_admin_theme_style');

//guidline for about theme
function shams_solar_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'shams-solar' );
?>

<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', 'shams-solar'); ?></a>
			<a href="<?php echo esc_url( SHAMS_SOLAR_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'shams-solar' ); ?></a>
			<a href="<?php echo esc_url( SHAMS_SOLAR_BUY_PRO); ?>" target="_blank"> <?php esc_html_e( 'Get Premium', 'shams-solar' ); ?></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', 'shams-solar' ); ?></a>
			</span>
		</div>
	</div>
	<div class="tc-container tab-sec">
		<div class="tc-tabs">
			<ul>
				<li class="tablinks home active" onclick="shams_solar_openCity(event, 'tc_index')">
					<a href="#">
						<?php esc_html_e( 'Free Theme Information', 'shams-solar' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="shams_solar_openCity(event, 'tc_pro')">
					<a href="#">
						<?php esc_html_e( 'Premium Theme Information', 'shams-solar' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="shams_solar_openCity(event, 'tc_create')">
					<a href="#">
						<?php esc_html_e( 'Theme Support', 'shams-solar' ); ?>
					</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 Shams Solar Theme', 'shams-solar' ); ?> <span class="version">Version: <?php echo esc_html($theme['Version']);?></span></h2>
				<hr>
				<div class="info-link">
					<a href="<?php echo esc_url( SHAMS_SOLAR_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'shams-solar' ); ?></a>
					<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'shams-solar'); ?></a>
					<a class="get-pro" href="<?php echo esc_url( SHAMS_SOLAR_BUY_PRO ); ?>" target="_blank"><?php esc_html_e('Get Pro', 'shams-solar'); ?></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( 'Shams Solar is all about clean energy and this theme is used by various industries for the purpose of conservation. It is an eco-friendly theme and has high applicability in the renewable and biofuel electricity industries, heating panel, Selling Solar Products, Solar System Repairing & Maintenance, Solar Energy Auditing, solar heaters, solar street lights, alternative energy, battery, solar heaters, solar street lights, eco, water harvesting, saving electricity, wind energy, energy rating companies, ecology, wind energy, recycle, natural resource, pollution free, water heating, resource, Solar Farm Business, solar Consultancy, Solar Product Marketing, Solar Panel Cleaning. solar heater, green, power, environment, geothermal power, hydroelectricity, wave power. industrial, modern, non-profit, nuclear energy, energy board, free electricty, wind turbines. If you are planning for a venture in the area of recycling or are already an established player in this area, this is the right website theme that you have selected and comes with some features that have a class as a result being beneficial for the energy related companies and can translate into Arabic, Chinese, French, German and Spanish languages. Shams solar WordPress theme is not only responsive but also has the personalization options, Theme Options, RTL Language Support, customizable colors and fonts and custom background with it. It is also accompanied with a CTA [call to action button] and has numerous styling options making it quite special for the solar panel manufacturer or a firm related to the solar energy generation.', 'shams-solar' ); ?></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( 'Shams Solar Theme Information', 'shams-solar' ); ?></h3>
				<hr>
				<div class="info-link-pro">
					<a href="<?php echo esc_url( SHAMS_SOLAR_BUY_PRO ); ?>" target="_blank"> <?php esc_html_e( 'Buy Now', 'shams-solar' ); ?></a>
					<a href="<?php echo esc_url( SHAMS_SOLAR_LIVE_DEMO ); ?>" target="_blank"> <?php esc_html_e( 'Live Demo', 'shams-solar' ); ?></a>
					<a href="<?php echo esc_url( SHAMS_SOLAR_PRO_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Pro Documentation', 'shams-solar' ); ?></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( 'Shams Solar Pro Theme', 'shams-solar' ); ?></h4>
				<p><?php esc_html_e( 'Premium solar energy WordPress theme is a top category theme related to the alternative energy businesses or consultancy and has wide application for the industries related to the conservation. It is a perfect alternative energy theme for the recycling industries and comes with a bundle of rich features that can take your business growth or consultancy to an altogether different level. Because of the special WooCommerce compatibility associated with the solar energy WordPress theme, it is a good one for the sale of solar products and you can do all this by opening up an online shop and if you sell the products related to the wind energy, you can but this solar energy theme at affordable cost from various genuine theme selling companies in the online international market. One of the special features with this solar WordPress theme is the display options and apart from that, it is accompanied with the interactive demo as well.', 'shams-solar' ); ?></P>		
			</div>
			<div class="col-pro-6">				
				<h4><?php esc_html_e( 'Theme Features', 'shams-solar' ); ?></h4>
				<ul>
					<li><?php esc_html_e( 'Theme Options using Customizer API', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Responsive design', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Favicon, Logo, title, and tagline customization', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Advanced Color options', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( '100+ Font Family Options', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Background Image Option', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Simple Menu Option', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Additional section for products', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Enable-Disable options on All sections', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Home Page setting for different sections', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Advance Slider with unlimited slides', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Partner Section', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Promotional Banner Section for Products', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Separate Newsletter Section', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Text and call to action button for each slide', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Pagination option', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Custom CSS option', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Translations Ready', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Custom Backgrounds, Colors, Headers, Logo & Menu', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Customizable Home Page', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Full-Width Template', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Footer Widgets & Editor Style', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Banner & Post Type Plugin Functionality', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Post type', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Woo Commerce Compatible', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Multiple Inner Page Templates', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Product Sliders', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Slider', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Contact page template', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Contact Widget', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Advance Social Media Feature', 'shams-solar' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Listing With Shortcode', 'shams-solar' ); ?></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?', 'shams-solar' ); ?></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.', 'shams-solar' ); ?></P>
						<a href="<?php echo esc_url( SHAMS_SOLAR_FREE_SUPPORT ); ?>" target="_blank"> <?php esc_html_e( 'Support Forum', 'shams-solar' ); ?></a>
					</div>
				</div>
				<div class="tab-cont">	
					<h4><?php esc_html_e('Reviews', 'shams-solar'); ?></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.', 'shams-solar' ); ?></P>
						<a href="<?php echo esc_url( SHAMS_SOLAR_REVIEW ); ?>" target="_blank"><?php esc_html_e('Reviews', 'shams-solar'); ?></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', 'shams-solar'); ?></a>
					</div><!-- END .tc-buttons -->
				</div>
			</div>
		</div><!-- END .tc-section -->
	</div>
</div>
<?php } ?>