<?php
//about theme info
add_action( 'admin_menu', 'auto_parts_garage_gettingstarted' );
function auto_parts_garage_gettingstarted() {
	add_theme_page( esc_html__('About Auto Parts Garage ', 'auto-parts-garage'), esc_html__('Theme Demo Import', 'auto-parts-garage'), 'edit_theme_options', 'auto_parts_garage_guide', 'auto_parts_garage_mostrar_guide');
}

// Add a Custom CSS file to WP Admin Area
function auto_parts_garage_admin_theme_style() {
	wp_enqueue_style('auto-parts-garage-custom-admin-style', esc_url(get_template_directory_uri()) . '/inc/getstart/getstart.css');
	wp_enqueue_script('auto-parts-garage-tabs', esc_url(get_template_directory_uri()) . '/inc/getstart/js/tab.js');

	// Admin notice code START
	wp_register_script('auto-parts-garage-notice', esc_url(get_template_directory_uri()) . '/inc/getstart/js/notice.js', array('jquery'), time(), true);
	wp_enqueue_script('auto-parts-garage-notice');
	// Admin notice code END
}
add_action('admin_enqueue_scripts', 'auto_parts_garage_admin_theme_style');

//guidline for about theme
function auto_parts_garage_mostrar_guide() { 
	//custom function about theme customizer
	$auto_parts_garage_return = add_query_arg( array()) ;
	$auto_parts_garage_theme = wp_get_theme( 'auto-parts-garage' );
?>

<div class="wrap getting-started">
	<div class="getting-started__header">
	    <div>
            <h2 class="tgmpa-notice-warning"></h2>
        </div>
	</div>
	<div class="tab-sec">
		<div class="tab">
			<button role="tab" class="tablinks home" onclick="auto_parts_garage_openCity(event, 'bwp_getstart')"><?php esc_html_e( 'Getting Started', 'auto-parts-garage' ); ?></button>
			<button role="tab" class="tablinks" onclick="auto_parts_garage_openCity(event, 'bwp_setup')"><?php esc_html_e( 'Free Theme Information', 'auto-parts-garage' ); ?></button>
			<button role="tab" class="tablinks" onclick="auto_parts_garage_openCity(event, 'bwp_premium_info')"><?php esc_html_e( 'Premium Theme Information', 'auto-parts-garage' ); ?></button>
			<a class="tablinks tablinks-demo" role="tab" href="<?php echo esc_url( AUTO_PARTS_GARAGE_LIVE_DEMO ); ?>" target="_blank">
				<?php esc_html_e( 'Live Demo', 'auto-parts-garage' ); ?>
			</a>
			<a class="tablinks tablinks-pro" role="tab" href="<?php echo esc_url( AUTO_PARTS_GARAGE_BUY_NOW ); ?>" target="_blank">
				<?php esc_html_e( 'Buy Pro', 'auto-parts-garage' ); ?>
			</a>
		</div>
		<div  id="bwp_getstart" class="tabcontent">
			<div class="row">
				<div class="col-md-5 intro">
					<div class="pad-box">
						<h2><?php esc_html_e( 'Welcome to Auto Parts Garage ', 'auto-parts-garage' ); ?>
						<span><?php esc_html_e( 'Version: ', 'auto-parts-garage' ); ?><?php echo esc_html($auto_parts_garage_theme['Version']);?></span>
						</h2>
						<span class="intro__version"><?php esc_html_e( 'Congratulations! You are about to use the most easy to use and flexible WordPress theme.', 'auto-parts-garage' ); ?>
						</span>
						<div class="powered-by">
							
							<div class="demo-content">
								<?php
									/* Demo Import */
									require get_parent_theme_file_path( '/inc/getstart/demo-content.php' );
								?>
							</div>
							<div id="demo-import-loader">
								<img src="<?php echo esc_url(get_template_directory_uri() . '/inc/getstart/images/spinner.gif'); ?>" alt="<?php echo esc_attr( 'Loading...', 'auto-parts-garage'); ?>" />
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-7">
					<div class="install-plugins">
						<img src="<?php echo esc_url(get_template_directory_uri() . '/inc/getstart/images/responsive-free.png'); ?>" alt="<?php echo esc_attr( 'responsive-image', 'auto-parts-garage'); ?>" />
					</div>
				</div>
			</div>
			<div class="dashboard__blocks">
				<div class="row">
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Get Support','auto-parts-garage'); ?></h3>
						<ol>
							<li><a target="_blank" href="<?php echo esc_url( AUTO_PARTS_GARAGE_SUPPORT ); ?>"><?php esc_html_e( 'Free Theme Support','auto-parts-garage'); ?></a></li>
							<li><a target="_blank" href="<?php echo esc_url( AUTO_PARTS_GARAGE_PRO_SUPPORT ); ?>"><?php esc_html_e( 'Premium Theme Support','auto-parts-garage'); ?></a></li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Getting Started','auto-parts-garage'); ?></h3>
						<ol>
							<li><?php esc_html_e( 'Start','auto-parts-garage'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','auto-parts-garage'); ?></a> <?php esc_html_e( 'your website.','auto-parts-garage'); ?> </li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Help Docs','auto-parts-garage'); ?></h3>
						<ol>
							<li><a target="_blank" href="<?php echo esc_url( AUTO_PARTS_GARAGE_FREE_THEME_DOC ); ?>"><?php esc_html_e( 'Free Theme Documentation','auto-parts-garage'); ?></a></li>
							<li><a target="_blank" href="<?php echo esc_url( AUTO_PARTS_GARAGE_PRO_DOC ); ?>"><?php esc_html_e( 'Premium Theme Documentation','auto-parts-garage'); ?></a></li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Buy Premium','auto-parts-garage'); ?></h3>
						<ol>
							<a href="<?php echo esc_url( AUTO_PARTS_GARAGE_BUY_NOW ); ?>" target="_blank"><?php esc_html_e('Buy Pro', 'auto-parts-garage'); ?></a>
						</ol>
					</div>
				</div>
			</div>
		</div>
		<div  id="bwp_setup" class="tabcontent">
			<h2 class="tg-docs-section intruction-title" id="section-4"><?php esc_html_e( '1) Setup Auto Parts Garage Theme', 'auto-parts-garage' ); ?></h2>
			<div class="row">
				<div class="theme-instruction-block col-md-7">
					<div class="pad-box">
						<p><?php esc_html_e( 'The Auto Parts Garage is an excellent choice for automotive businesses looking to build a robust online presence. This platform features a sleek and modern design that appeals to auto parts stores, garages, car repair shops, and any automotive-related businesses, including those focused on autocare motorcycling. With its user-friendly interface, customizing your site is straightforward, even if you have limited experience in web design. The theme showcases a full-width header with a captivating background image, perfect for highlighting your products and services. It caters to a variety of business needs, from car service and maintenance to vehicle diagnostics and body shops. Whether you’re offering tyres, auto inspections, or accessories, the Auto Parts Garage provides a comprehensive solution for your needs. Moreover, it includes a catalog section for presenting your offerings in an organized manner and a dedicated services area to highlight the specialties and services of your workshop. The responsive design ensures that your website will look fantastic across all devices desktops, laptops, tablets, and smartphones which is crucial in the automotive sector where customers frequently search for parts and services on the go. Additionally, the theme is optimized for search engines, enhancing your online presence and helping you attract more potential customers. With various customization options, such as color schemes, font choices, and logo uploads, you can easily make the website truly yours. It also integrates smoothly with popular plugins like WooCommerce, Ibtana website builder, Contact Form 7, YITH WooCommerce Wishlist, and Curcy for multi-currency support, making it convenient to sell your products and services online. In summary, the Auto Parts Garage is a versatile and professional option for automotive businesses looking to thrive in the digital landscape, including those involved in autocare motorcycling.', 'auto-parts-garage' ); ?><p><br>
						<ol>
							<li><?php esc_html_e( 'Start','auto-parts-garage'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','auto-parts-garage'); ?></a> <?php esc_html_e( 'your website.','auto-parts-garage'); ?> </l>
							<li><?php esc_html_e( 'Auto Parts Garage','auto-parts-garage'); ?> <a target="_blank" href="<?php echo esc_url( AUTO_PARTS_GARAGE_FREE_THEME_DOC ); ?>"><?php esc_html_e( 'Documentation','auto-parts-garage'); ?></a> </li>
						</ol>
					</div>
				</div>
				<div class="col-md-5">
					<div class="pad-box">
							<img class="logo" src="<?php echo esc_url(get_template_directory_uri() . '/inc/getstart/images/screenshot.png'); ?>"/>
					</div>
				</div>	
			</div>
		</div>
		<div class="col-md-12 text-block tabcontent"  id="bwp_premium_info">
			<h2 class="dashboard-install-title"><?php esc_html_e( '2) Premium Theme Information.','auto-parts-garage'); ?></h2>
			<div class="row">
				<div class="col-md-7">
					<img src="<?php echo esc_url(get_template_directory_uri() . '/inc/getstart/images/responsive-pro.png'); ?>" alt="<?php echo esc_attr( 'responsive-image', 'auto-parts-garage'); ?>">
					<div class="pad-box">
						<h3><?php esc_html_e( 'Pro Theme Description','auto-parts-garage'); ?></h3>
						<p class="pad-box-p"><?php esc_html_e( 'The Watch Store WordPress Theme is a premium solution tailored for watch retailers looking to enhance their online presence and boost sales. This theme is designed with the modern consumer in mind, combining aesthetic appeal with robust functionality. It boasts a fully responsive design, ensuring that your store looks fantastic on any device, whether its a smartphone, tablet, or desktop. With a user-friendly interface, customers can effortlessly browse through your collection of watches, complete with high-quality images and detailed descriptions. The theme supports multiple post formats, allowing you to share valuable content about watch care, styling tips, and industry news, helping to engage and educate your audience while enhancing your SEO strategy.', 'auto-parts-garage' ); ?><p>
					</div>
				</div>
				<div class="col-md-5 install-plugin-right">
					<div class="pad-box">
						<h3><?php esc_html_e( 'Pro Theme Features','auto-parts-garage'); ?></h3>
						<div class="dashboard-install-benefit">
							<ul>
								<li><?php esc_html_e( 'One click demo importer','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Global color option','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Responsive design','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Favicon, logo, title, and tagline customization','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Advanced color options and color pallets','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( '100+ font family options','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Simple menu option','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'SEO friendly','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Pagination option','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Compatible with different WordPress famous plugins like contact form 7','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Enable-Disable options on all sections','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Well sanitized as per WordPress standards.','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Responsive Layout for All Devices','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Footer customization options','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Fully integrated with the latest font awesome','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Background image option','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Custom Page Templates','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Allow To Set Site Title, Tagline, Logo','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Sticky post & comment threads','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Section reordering','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Customizable home page','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Footer widgets & editor style','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Social media feature','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Slider with unlimited number of slides','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Our Cleaning Services Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Testimonial Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Our Team Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Counter Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Our Project Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'How We Work Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Pricing Plan Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Brand Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Instagram Feed','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Newsletter Section','auto-parts-garage'); ?></li>
								<li><?php esc_html_e( 'Blog post section','auto-parts-garage'); ?></li>							
								<li><?php esc_html_e( 'Contact page template','auto-parts-garage'); ?></li>	
								<li><?php esc_html_e( 'Shortcodes for the Custom Posttype','auto-parts-garage'); ?></li>	
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<?php } ?>