<?php
//about theme info
add_action( 'admin_menu', 'makeup_artist_gettingstarted' );
function makeup_artist_gettingstarted() {
	add_theme_page( esc_html__('About Makeup Artist', 'makeup-artist'), esc_html__('Theme Demo Import', 'makeup-artist'), 'edit_theme_options', 'makeup_artist_guide', 'makeup_artist_mostrar_guide');
}

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

   // Admin notice code START
	wp_register_script('makeup-artist-notice', esc_url(get_template_directory_uri()) . '/inc/getstart/js/notice.js', array('jquery'), time(), true);
	wp_enqueue_script('makeup-artist-notice');
	// Admin notice code END
}
add_action('admin_enqueue_scripts', 'makeup_artist_admin_theme_style');

//guidline for about theme
function makeup_artist_mostrar_guide() { 
	//custom function about theme customizer
	$makeup_artist_return = add_query_arg( array()) ;
	$makeup_artist_theme = wp_get_theme( 'makeup-artist' );
?>

<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="makeup_artist_openCity(event, 'bwp_getstart')"><?php esc_html_e( 'Getting Started', 'makeup-artist' ); ?></button>
			<button role="tab" class="tablinks" onclick="makeup_artist_openCity(event, 'bwp_setup')"><?php esc_html_e( 'Free Theme Information', 'makeup-artist' ); ?></button>
			<button role="tab" class="tablinks" onclick="makeup_artist_openCity(event, 'bwp_premium_info')"><?php esc_html_e( 'Premium Theme Information', 'makeup-artist' ); ?></button>
			<a class="tablinks tablinks-demo" role="tab" href="<?php echo esc_url( MAKEUP_ARTIST_LIVE_DEMO ); ?>" target="_blank">
				<?php esc_html_e( 'Live Demo', 'makeup-artist' ); ?>
			</a>
			<a class="tablinks tablinks-pro" role="tab" href="<?php echo esc_url( MAKEUP_ARTIST_BUY_NOW ); ?>" target="_blank">
				<?php esc_html_e( 'Buy Pro', 'makeup-artist' ); ?>
			</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 Makeup Artist ', 'makeup-artist' ); ?>
						<span><?php esc_html_e( 'Version: ', 'makeup-artist' ); ?><?php echo esc_html($makeup_artist_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.', 'makeup-artist' ); ?>
						</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...', 'makeup-artist'); ?>" />
							</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', 'makeup-artist'); ?>" />
					</div>
				</div>
			</div>
			<div class="dashboard__blocks">
				<div class="row">
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Get Support','makeup-artist'); ?></h3>
						<ol>
							<li><a target="_blank" href="<?php echo esc_url( MAKEUP_ARTIST_SUPPORT ); ?>"><?php esc_html_e( 'Free Theme Support','makeup-artist'); ?></a></li>
							<li><a target="_blank" href="<?php echo esc_url( MAKEUP_ARTIST_PRO_SUPPORT ); ?>"><?php esc_html_e( 'Premium Theme Support','makeup-artist'); ?></a></li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Getting Started','makeup-artist'); ?></h3>
						<ol>
							<li><?php esc_html_e( 'Start','makeup-artist'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','makeup-artist'); ?></a> <?php esc_html_e( 'your website.','makeup-artist'); ?> </li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Help Docs','makeup-artist'); ?></h3>
						<ol>
							<li><a target="_blank" href="<?php echo esc_url( MAKEUP_ARTIST_FREE_THEME_DOC ); ?>"><?php esc_html_e( 'Free Theme Documentation','makeup-artist'); ?></a></li>
							<li><a target="_blank" href="<?php echo esc_url( MAKEUP_ARTIST_PRO_DOC ); ?>"><?php esc_html_e( 'Premium Theme Documentation','makeup-artist'); ?></a></li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Buy Premium','makeup-artist'); ?></h3>
						<ol>
							<a href="<?php echo esc_url( MAKEUP_ARTIST_BUY_NOW ); ?>" target="_blank"><?php esc_html_e('Buy Pro', 'makeup-artist'); ?></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 Makeup Artist Theme', 'makeup-artist' ); ?></h2>
			<div class="row">
				<div class="theme-instruction-block col-md-7">
					<div class="pad-box">
						<p><?php esc_html_e( 'Makeup Artist is a stunning WordPress theme meticulously designed for a wide range of beauty professionals, including makeover artists, stylists, hairdressers, makeup artists, and beauty bloggers. This theme is also ideal for businesses such as spas, hair salons, beauty spas, styling studios, eyelash extension studios, hair studios and Makeup Artist Portfolio. Its elegant layout and professional design provide a sophisticated platform to showcase your work, ensuring your website looks clean, modern, and visually appealing.For bloggers passionate about makeup, cosmetics, skincare, and beauty trends, the layout of this theme is particularly useful, offering a stylish and user-friendly way to present content. Makeup artists and beauty professionals can use this theme to create a portfolio that highlights their skills, services, and client testimonials, while salon owners and spa businesses can effectively promote their services and attract new clients.The theme’s responsive design, coupled with retina-ready images, ensures that your website displays perfectly on all devices, eliminating any resizing issues. Personalization options allow you to tailor your site to match your brand, while the SEO-friendly coding in the core of the theme helps your website achieve higher rankings in search engine results, making it easier for potential clients to find you.With a streamlined design and optimized codes, the theme ensures faster page load times, enhancing the user experience. Built on the robust Bootstrap framework, this theme is not only easy to work with but also highly reliable. Its mobile-friendly interface allows your site to be accessed effortlessly on smartphones and tablets, making it convenient for users on the go.Interactive elements such as the Call to Action Button (CTA) and stunning animations add a dynamic feel to your site, enhancing its overall beauty and effectiveness. The theme also includes a beautifully designed banner, blog section, testimonial section, and more, offering comprehensive tools to showcase your expertise and connect with your audience.Social media icons integrated into the theme allow you to leverage various social media platforms for promotion, driving more traffic to your site and expanding your reach. Whether you’re a makeup artist, beauty blogger, salon owner, or stylist, the Makeup Artist theme provides a perfect blend of elegance, functionality, and performance, helping you create a website that truly reflects your brand.', 'makeup-artist' ); ?><p><br>
						<ol>
							<li><?php esc_html_e( 'Start','makeup-artist'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','makeup-artist'); ?></a> <?php esc_html_e( 'your website.','makeup-artist'); ?> </l>
							<li><?php esc_html_e( 'Makeup Artist','makeup-artist'); ?> <a target="_blank" href="<?php echo esc_url( MAKEUP_ARTIST_FREE_THEME_DOC ); ?>"><?php esc_html_e( 'Documentation','makeup-artist'); ?></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.','makeup-artist'); ?></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', 'makeup-artist'); ?>">
					<div class="pad-box">
						<h3><?php esc_html_e( 'Pro Theme Description','makeup-artist'); ?></h3>
						<p class="pad-box-p"><?php esc_html_e( 'In order to ensure that your website makes a strong first impression of your work as a makeup artist, you have this Makeup Artist WordPress Theme. It has a professionally designed layout that is capable of making clients come back to your page. You can use its incredible layout to boost your makeup brand. The flawless slider puts enticing images of your work to display that quickly grabs the attention of the audience well-placed Call To Action Buttons (CTA) guide them to explore more and take necessary steps. WP Makeup Artist WordPress Theme shares your portfolio well and emphasizes your expertise by giving them a proper space on your web page. You cannot miss the wonderful animations added to the page that will pop up as your visitors scroll down the page. The SEO-optimized design will always let you grab better SEO ranks and eventually, get more visitors to your site.', 'makeup-artist' ); ?><p>
					</div>
				</div>
				<div class="col-md-5 install-plugin-right">
					<div class="pad-box">
						<h3><?php esc_html_e( 'Pro Theme Features','makeup-artist'); ?></h3>
						<div class="dashboard-install-benefit">
							<ul>
								<li><?php esc_html_e( 'One click demo importer','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Global color option','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Responsive design','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Favicon, logo, title, and tagline customization','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Advanced color options and color pallets','makeup-artist'); ?></li>
								<li><?php esc_html_e( '100+ font family options','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Simple menu option','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'SEO friendly','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Pagination option','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Compatible with different WordPress famous plugins like contact form 7','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Enable-Disable options on all sections','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Well sanitized as per WordPress standards.','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Responsive Layout for All Devices','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Footer customization options','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Fully integrated with the latest font awesome','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Background image option','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Custom Page Templates','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Allow To Set Site Title, Tagline, Logo','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Sticky post & comment threads','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Section reordering','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Customizable home page','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Footer widgets & editor style','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Social media feature','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Slider with unlimited number of slides','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Our Cleaning Services Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Testimonial Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Our Team Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Counter Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Our Project Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'How We Work Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Pricing Plan Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Brand Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Instagram Feed','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Newsletter Section','makeup-artist'); ?></li>
								<li><?php esc_html_e( 'Blog post section','makeup-artist'); ?></li>								
								<li><?php esc_html_e( 'Contact page template','makeup-artist'); ?></li>	
								<li><?php esc_html_e( 'Shortcodes for the Custom Posttype','makeup-artist'); ?></li>	
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<?php } ?>