<?php
//about theme info
add_action( 'admin_menu', 'animal_wildlife_gettingstarted' );
function animal_wildlife_gettingstarted() {
	add_theme_page( esc_html__('About Theme', 'animal-wildlife'), esc_html__('About Theme', 'animal-wildlife'), 'edit_theme_options', 'animal-wildlife-guide-page', 'animal_wildlife_mostrar_guide');   
}

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

//guidline for about theme
function animal_wildlife_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'animal-wildlife' );
?>

<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', 'animal-wildlife'); ?></a>
			<a href="<?php echo esc_url( ANIMAL_WILDLIFE_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'animal-wildlife' ); ?></a>
			<a href="<?php echo esc_url( ANIMAL_WILDLIFE_BUY_PRO); ?>" target="_blank"> <?php esc_html_e( 'Get Premium', 'animal-wildlife' ); ?></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', 'animal-wildlife' ); ?></a>
			</span>
		</div>
	</div>
	<div class="tc-container tab-sec">
		<div class="tc-tabs">
			<ul>
				<li class="tablinks home active" onclick="animal_wildlife_openCity(event, 'tc_index')">
					<a href="#">
						<?php esc_html_e( 'Free Theme Information', 'animal-wildlife' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="animal_wildlife_openCity(event, 'tc_pro')">
					<a href="#">
						<?php esc_html_e( 'Premium Theme Information', 'animal-wildlife' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="animal_wildlife_openCity(event, 'tc_create')">
					<a href="#">
						<?php esc_html_e( 'Theme Support', 'animal-wildlife' ); ?>
					</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 Animal Wildlife Theme', 'animal-wildlife' ); ?> <span class="version">Version: <?php echo esc_html($theme['Version']);?></span></h2>
				<hr>
				<div class="info-link">
					<a href="<?php echo esc_url( ANIMAL_WILDLIFE_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'animal-wildlife' ); ?></a>
					<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'animal-wildlife'); ?></a>
					<a class="get-pro" href="<?php echo esc_url( ANIMAL_WILDLIFE_BUY_PRO ); ?>" target="_blank"><?php esc_html_e('Get Pro', 'animal-wildlife'); ?></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( 'Animal Wildlife is a stunning theme for websites representing nature conservation parks, wildlife sanctuaries, animal shelters, jungle safaris, wildlife conservation organizations, conservation, habitat, species, nature, ecosystem, fauna, environment, preservation, biodiversity, protection, sanctuary, wildlife, animals, research, endangered, adventure and animal parks, wildlife enthusiasts as well as animal lovers. It brings a clean and modern layout with some really wonderful imagery backed by a responsive design adjusting your website seamlessly to every screen size. The user-friendly interface of this theme will be suitable for both, novices as well as experts as there are readymade options to bring basic changes in the form of personalization options. It is so well designed by professional developers and they have also ensured that your website has better conversions. This is taken care of by the Call to Action Buttons (CTA) that are fitted on the slider and other key places. Social media options are also made available to you making many social media platforms open to you for effective promotion. Moreover, the theme is made mobile-friendly so that mobile users can be able to easily access your website through their smartphones. Clean codes that are also optimized for performance deliver a faster page load time. This theme is built using the Bootstrap framework giving a robust website and includes a responsive slider with stunning animation effects.', 'animal-wildlife' ); ?></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( 'Animal Wildlife Theme Information', 'animal-wildlife' ); ?></h3>
				<hr>
				<div class="info-link-pro">
					<a href="<?php echo esc_url( ANIMAL_WILDLIFE_BUY_PRO ); ?>" target="_blank"> <?php esc_html_e( 'Buy Now', 'animal-wildlife' ); ?></a>
					<a href="<?php echo esc_url( ANIMAL_WILDLIFE_LIVE_DEMO ); ?>" target="_blank"> <?php esc_html_e( 'Live Demo', 'animal-wildlife' ); ?></a>
					<a href="<?php echo esc_url( ANIMAL_WILDLIFE_PRO_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Pro Documentation', 'animal-wildlife' ); ?></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( 'Animal Wildlife Pro Theme', 'animal-wildlife' ); ?></h4>
				<p><?php esc_html_e( 'Wildlife Zoo WordPress Theme is an amazing theme bringing an ideal layout for wildlife, nature, and animal-related websites. With an attractive design that catches the audience’s attention at first glance, spreading the word about your services becomes considerably easier. It captures attention quickly with its lovely full-width slider, which displays excellent wildlife pictures in a most mesmerizing way. Moreover, there are different sections on your website that display information according to their categories. Wildlife Zoo WordPress Theme comes with well-designed templates that make it a real treasure for developers and especially for those who want to create a website on their own. With the theme, users have access to extremely simple controls. You can completely rely upon the coding practices that have been implemented by the developers while creating this WP theme. It also caters to the needs of animals and pet lovers also. With little modifications using the customization options present with the theme, you can easily transform the design into something that can completely match your purpose. To go a step further, you can find the drag and drop page builder tool for building customized pages. You will also find the available Google fonts, colors, and typography options preloaded on the page. You do get proper documentation with this Wildlife Zoo WordPress Theme that can explain every single thing to the user. In addition, you will have access to 24/7 support and theme updates.', 'animal-wildlife' ); ?></P>		
			</div>
			<div class="col-pro-6">				
				<h4><?php esc_html_e( 'Theme Features', 'animal-wildlife' ); ?></h4>
				<ul>
					<li><?php esc_html_e( 'Theme Options using Customizer API', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Responsive design', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Favicon, Logo, title, and tagline customization', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Advanced Color options', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( '100+ Font Family Options', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Background Image Option', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Simple Menu Option', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Additional section for products', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Enable-Disable options on All sections', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Home Page setting for different sections', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Advance Slider with unlimited slides', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Partner Section', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Promotional Banner Section for Products', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Separate Newsletter Section', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Text and call to action button for each slide', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Pagination option', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Custom CSS option', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Translations Ready', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Custom Backgrounds, Colors, Headers, Logo & Menu', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Customizable Home Page', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Full-Width Template', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Footer Widgets & Editor Style', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Banner & Post Type Plugin Functionality', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Post type', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Woo Commerce Compatible', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Multiple Inner Page Templates', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Product Sliders', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Slider', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Contact page template', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Contact Widget', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Advance Social Media Feature', 'animal-wildlife' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Listing With Shortcode', 'animal-wildlife' ); ?></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?', 'animal-wildlife' ); ?></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.', 'animal-wildlife' ); ?></P>
						<a href="<?php echo esc_url( ANIMAL_WILDLIFE_FREE_SUPPORT ); ?>" target="_blank"> <?php esc_html_e( 'Support Forum', 'animal-wildlife' ); ?></a>
					</div>
				</div>
				<div class="tab-cont">	
					<h4><?php esc_html_e('Reviews', 'animal-wildlife'); ?></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.', 'animal-wildlife' ); ?></P>
						<a href="<?php echo esc_url( ANIMAL_WILDLIFE_REVIEW ); ?>" target="_blank"><?php esc_html_e('Reviews', 'animal-wildlife'); ?></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', 'animal-wildlife'); ?></a>
					</div><!-- END .tc-buttons -->
				</div>
			</div>
		</div><!-- END .tc-section -->
	</div>
</div>
<?php } ?>