<?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( 'The Makeup Artist theme is a beautifully crafted WordPress template designed specifically for various beauty professionals, such as makeover artists, hairdressers, beauty bloggers, and stylists. It\'s also suitable for businesses like hair salons, spas, and eyelash extension studios, providing an elegant platform to highlight your services and create an impressive Makeup Artist Portfolio. The theme features a clean, modern layout that is both visually appealing and user-friendly, making it ideal for bloggers focused on makeup, cosmetics, skincare, and beauty trends. With responsive design and retina-ready images, your website will look great on any device, while personalization options allow you to customize it to match your brand. The theme\'s SEO-friendly coding enhances your visibility in search engine results, making it easier for potential clients to discover you. Furthermore, optimized codes ensure faster page load times, enhancing user experience, and its mobile-friendly interface guarantees smooth access for users on the go. Interactive elements like the Call to Action Button (CTA) and captivating animations add a dynamic touch, while features such as a beautifully designed banner, blog section, and testimonial area help showcase your expertise. Social media icons are included for effective promotion, driving traffic and expanding your reach. Whether you\'re a makeup artist, salon owner, beauty blogger, or stylist, the Makeup Artist theme strikes the perfect balance of elegance, functionality, and performance to create a website that genuinely represents your brand. Explore the demo at https://demos.buywptemplates.com/bwt-makeup-artist/.', '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 } ?>