<?php
//about theme info
add_action( 'admin_menu', 'foster_charity_gettingstarted' );
function foster_charity_gettingstarted() {
	add_theme_page( esc_html__('About Theme', 'foster-charity'), esc_html__('About Theme', 'foster-charity'), 'edit_theme_options', 'foster-charity-guide-page', 'foster_charity_mostrar_guide');   
}

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

//guidline for about theme
function foster_charity_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$theme = wp_get_theme( 'foster-charity' );
?>

<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', 'foster-charity'); ?></a>
			<a href="<?php echo esc_url( FOSTER_CHARITY_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'foster-charity' ); ?></a>
			<a href="<?php echo esc_url( FOSTER_CHARITY_BUY_PRO); ?>" target="_blank"> <?php esc_html_e( 'Get Premium', 'foster-charity' ); ?></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', 'foster-charity' ); ?></a>
			</span>
		</div>
	</div>
	<div class="tc-container tab-sec">
		<div class="tc-tabs">
			<ul>
				<li class="tablinks home active" onclick="foster_charity_openCity(event, 'tc_index')">
					<a href="#">
						<?php esc_html_e( 'Free Theme Information', 'foster-charity' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="foster_charity_openCity(event, 'tc_pro')">
					<a href="#">
						<?php esc_html_e( 'Premium Theme Information', 'foster-charity' ); ?>
					</a>
				</li>
				<li class="tablinks" onclick="foster_charity_openCity(event, 'tc_create')">
					<a href="#">
						<?php esc_html_e( 'Theme Support', 'foster-charity' ); ?>
					</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 Foster Charity Theme', 'foster-charity' ); ?> <span class="version">Version: <?php echo esc_html($theme['Version']);?></span></h2>
				<hr>
				<div class="info-link">
					<a href="<?php echo esc_url( FOSTER_CHARITY_FREE_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Documentation', 'foster-charity' ); ?></a>
					<a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e('Customizing', 'foster-charity'); ?></a>
					<a class="get-pro" href="<?php echo esc_url( FOSTER_CHARITY_BUY_PRO ); ?>" target="_blank"><?php esc_html_e('Get Pro', 'foster-charity'); ?></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( 'Foster Charity is a stunning, featured images, appealing, reliable and robust charity WordPress theme capable to build a powerful website for a charity, non-profit organization, NGO, church, conservation, trust, welfare committee, activism, old age, foster home, caretaker, foundations, welfare activities, volunteer, community support change in society, International Development NGOs, covid relief fund, foster care, charity, child welfare, youth programs, family services, shelter homes, food donation camp, plasma donation, Humanitarian NGOs, Child Sponsorship Organizations, Peace and Human Rights NGOs, gala charity, animal welfare, amnesty organization, disaster relief force, pandemic relief, blood donation camps and other firms and establishments arranging fundraising events, donation camps, campaigns, political rallies and similar events. It can be used for websites related to philanthropy to make people aware about help and services you offer. It is designed keeping in mind the necessities of a charity website to include safe and secure payment gateways, call to action buttons, recent causes, upcoming events section and a way to associate people with you. Its strong foundation is supported by Bootstrap framework. This charity WordPress theme sliders impressing visitors with its vastness. It is fully responsive, footer widgets, cross-browser compatible and SEO ready. It can be translated into numerous local and international languages to encourage people in their language. It is customizable to its core to change its colour, background, logo, menu, header, footer and what not. Give a classic look to your site with its boxed layout or shed the boundaries giving it a modern look. Foster Charity has social media icons embedded to reach maximum people and let them reach you easily. It has a beautiful layout for gallery.', 'foster-charity' ); ?></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( 'Foster Charity Theme Information', 'foster-charity' ); ?></h3>
				<hr>
				<div class="info-link-pro">
					<a href="<?php echo esc_url( FOSTER_CHARITY_BUY_PRO ); ?>" target="_blank"> <?php esc_html_e( 'Buy Now', 'foster-charity' ); ?></a>
					<a href="<?php echo esc_url( FOSTER_CHARITY_LIVE_DEMO ); ?>" target="_blank"> <?php esc_html_e( 'Live Demo', 'foster-charity' ); ?></a>
					<a href="<?php echo esc_url( FOSTER_CHARITY_PRO_DOC ); ?>" target="_blank"> <?php esc_html_e( 'Pro Documentation', 'foster-charity' ); ?></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( 'Foster Charity Pro Theme', 'foster-charity' ); ?></h4>
				<p><?php esc_html_e( 'This charity WordPress theme is versatile, robust, clean and beautiful. It is designed to give a skin to websites built for charities, non-profit organizations, NGOs, welfare committees, amnesty organizations, disaster relief force and for arranging donation camps, fundraising events, political campaigns, rallies and other socially and environmentally beneficial work for masses and nature. It is an interacting theme with user-friendly interface of both front end and back end to facilitate its usage to both its admin and customers. Make it stand alone among hundreds of other sites in terms of design by taking away cliched layouts and formulating new combinations of header and footer. This charity WordPress theme is built on Bootstrap framework giving a strong foundation and making it responsive to have fluidity in its layout to adjust on any screen size. It is coded from scratch with clean and secure codes leading to a bug-free website.', 'foster-charity' ); ?></P>		
			</div>
			<div class="col-pro-6">				
				<h4><?php esc_html_e( 'Theme Features', 'foster-charity' ); ?></h4>
				<ul>
					<li><?php esc_html_e( 'Theme Options using Customizer API', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Responsive design', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Favicon, Logo, title, and tagline customization', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Advanced Color options', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( '100+ Font Family Options', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Background Image Option', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Simple Menu Option', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Additional section for products', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Enable-Disable options on All sections', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Home Page setting for different sections', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Advance Slider with unlimited slides', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Partner Section', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Promotional Banner Section for Products', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Separate Newsletter Section', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Text and call to action button for each slide', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Pagination option', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Custom CSS option', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Translations Ready', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Custom Backgrounds, Colors, Headers, Logo & Menu', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Customizable Home Page', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Full-Width Template', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Footer Widgets & Editor Style', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Banner & Post Type Plugin Functionality', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Post type', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Woo Commerce Compatible', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Multiple Inner Page Templates', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Product Sliders', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Slider', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Contact page template', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Contact Widget', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Advance Social Media Feature', 'foster-charity' ); ?></li>
					<li><?php esc_html_e( 'Testimonial Listing With Shortcode', 'foster-charity' ); ?></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?', 'foster-charity' ); ?></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.', 'foster-charity' ); ?></P>
						<a href="<?php echo esc_url( FOSTER_CHARITY_FREE_SUPPORT ); ?>" target="_blank"> <?php esc_html_e( 'Support Forum', 'foster-charity' ); ?></a>
					</div>
				</div>
				<div class="tab-cont">	
					<h4><?php esc_html_e('Reviews', 'foster-charity'); ?></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.', 'foster-charity' ); ?></P>
						<a href="<?php echo esc_url( FOSTER_CHARITY_REVIEW ); ?>" target="_blank"><?php esc_html_e('Reviews', 'foster-charity'); ?></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', 'foster-charity'); ?></a>
					</div><!-- END .tc-buttons -->
				</div>
			</div>
		</div><!-- END .tc-section -->
	</div>
</div>
<?php } ?>