<?php
//about theme info
add_action( 'admin_menu', 'sayara_automotive_gettingstarted' );
function sayara_automotive_gettingstarted() {
	add_theme_page( esc_html__('About Theme', 'sayara-automotive'), esc_html__('About Theme', 'sayara-automotive'), 'edit_theme_options', 'sayara-automotive-guide-page', 'sayara_automotive_mostrar_guide');   
}

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

//guidline for about theme
function sayara_automotive_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'sayara-automotive' );
?>

<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', 'sayara-automotive'); ?></a>
			<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'sayara-automotive' ); ?></a>
			<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_BUY_PRO); ?>" target="_blank"> <?php esc_html_e( 'Get Premium', 'sayara-automotive' ); ?></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', 'sayara-automotive' ); ?></a>
			</span>
		</div>
	</div>
	<div class="tc-container tab-sec">
		<div class="tc-tabs">
			<ul>
				<li class="tablinks home active" onclick="sayara_automotive_openCity(event, 'tc_index')">
					<a href="#">
						<?php esc_html_e( 'Free Theme Information', 'sayara-automotive' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="sayara_automotive_openCity(event, 'tc_pro')">
					<a href="#">
						<?php esc_html_e( 'Premium Theme Information', 'sayara-automotive' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="sayara_automotive_openCity(event, 'tc_create')">
					<a href="#">
						<?php esc_html_e( 'Theme Support', 'sayara-automotive' ); ?>
					</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 Sayara Automotive Theme', 'sayara-automotive' ); ?> <span class="version">Version: <?php echo esc_html($theme['Version']);?></span></h2>
				<hr>
				<div class="info-link">
					<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'sayara-automotive' ); ?></a>
					<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'sayara-automotive'); ?></a>
					<a class="get-pro" href="<?php echo esc_url( SAYARA_AUTOMOTIVE_BUY_PRO ); ?>" target="_blank"><?php esc_html_e('Get Pro', 'sayara-automotive'); ?></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( 'Sayara Automotive is a competent, versatile, well-structured and powerful automotive WordPress theme for car dealers, automobile manufacturer, car and bike showrooms, cab services, car rentals, ATV and RV manufacturer, car spare parts store, aircrafts manufacturing company, travel trailer, camper, forklifts & lift trucks supplier, auto mechanic, car repair, car wash, handyman, buses, car service, wheels, jalopy, clunker, autoparts, driving school, off road vehicles, wheel dealers, car booking, Heavy Vehicle rental, helicopter services, toe services, tyre repair services, Wheel allignment services, rustbucket, motor mechanic, repair shop, automobile garage, cycles, farming vehicles, electric vehicle, serviceman, car review site, auto dealer, car dealership, car listing, cardealer, modern, drivers, liscence, motors, second hand car seller, snow motorcycle dealers, cargo hubs, car lifters, garages, car rental agencies car washing centres and all such websites. It can be used as a portfolio and blog by creative vehicle designer and maker, it has one coulmn layout also. It has a perfect professional look and a thoughtfully designed homepage to make the best automobile website in the market. Sayara Automotive is responsive to changing screen sizes of devices and tested for cross-browser compatibility. It can be translated into many different languages with full support for RTL languages. It is coded with WordPress standards and based on recently launched WordPress version for a bug-free website. Its background is simple to understand and can be used by anyone with no coding knowledge. It has smart use of call to action (CTA) button and impressive homepage slider to make the theme more impactful.', 'sayara-automotive' ); ?></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( 'Sayara Automotive Theme Information', 'sayara-automotive' ); ?></h3>
				<hr>
				<div class="info-link-pro">
					<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_BUY_PRO ); ?>" target="_blank"> <?php esc_html_e( 'Buy Now', 'sayara-automotive' ); ?></a>
					<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_LIVE_DEMO ); ?>" target="_blank"> <?php esc_html_e( 'Live Demo', 'sayara-automotive' ); ?></a>
					<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_PRO_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Pro Documentation', 'sayara-automotive' ); ?></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( 'Sayara Automotive Pro Theme', 'sayara-automotive' ); ?></h4>
				<p><?php esc_html_e( 'This automotive WordPress theme is readily responsive, social media linked, multilingual, all browsers compatible, SEO friendly and retina ready. It is bundled with a range of beautiful Font Awesome icons and some much needed shortcodes to include them in various functional blocks throughout the theme. It is customizable to the deepest core to change its background, colour, font, logo, menu style, slider settings and various other components through theme customizer which does not require you to be a coding wizard. This automotive theme offers three different website layouts, multiple styles of header and footer, two blog layouts, simple and mega menu option and unlimited colour choices.', 'sayara-automotive' ); ?></P>		
			</div>
			<div class="col-pro-6">				
				<h4><?php esc_html_e( 'Theme Features', 'sayara-automotive' ); ?></h4>
				<ul>
					<li><?php esc_html_e( 'Theme Options using Customizer API', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Responsive design', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Favicon, Logo, title, and tagline customization', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Advanced Color options', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( '100+ Font Family Options', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Background Image Option', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Simple Menu Option', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Additional section for products', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Enable-Disable options on All sections', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Home Page setting for different sections', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Advance Slider with unlimited slides', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Partner Section', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Promotional Banner Section for Products', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Separate Newsletter Section', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Text and call to action button for each slide', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Pagination option', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Custom CSS option', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Translations Ready', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Custom Backgrounds, Colors, Headers, Logo & Menu', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Customizable Home Page', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Full-Width Template', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Footer Widgets & Editor Style', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Banner & Post Type Plugin Functionality', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Post type', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Woo Commerce Compatible', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Multiple Inner Page Templates', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Product Sliders', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Slider', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Contact page template', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Contact Widget', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Advance Social Media Feature', 'sayara-automotive' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Listing With Shortcode', 'sayara-automotive' ); ?></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?', 'sayara-automotive' ); ?></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.', 'sayara-automotive' ); ?></P>
						<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_FREE_SUPPORT ); ?>" target="_blank"> <?php esc_html_e( 'Support Forum', 'sayara-automotive' ); ?></a>
					</div>
				</div>
				<div class="tab-cont">	
					<h4><?php esc_html_e('Reviews', 'sayara-automotive'); ?></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.', 'sayara-automotive' ); ?></P>
						<a href="<?php echo esc_url( SAYARA_AUTOMOTIVE_REVIEW ); ?>" target="_blank"><?php esc_html_e('Reviews', 'sayara-automotive'); ?></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', 'sayara-automotive'); ?></a>
					</div><!-- END .tc-buttons -->
				</div>
			</div>
		</div><!-- END .tc-section -->
	</div>
</div>
<?php } ?>