<?php
//about theme info
add_action( 'admin_menu', 'islamic_center_mosque_gettingstarted' );
function islamic_center_mosque_gettingstarted() {
	add_theme_page( esc_html__('About Islamic Center Mosque ', 'islamic-center-mosque'), esc_html__('Theme Demo Import', 'islamic-center-mosque'), 'edit_theme_options', 'islamic_center_mosque_guide', 'islamic_center_mosque_mostrar_guide');
}

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

    // Admin notice code START
	wp_register_script('islamic-center-mosque-notice', esc_url(get_template_directory_uri()) . '/inc/getstart/js/notice.js', array('jquery'), time(), true);
	wp_enqueue_script('islamic-center-mosque-notice');
	// Admin notice code END
}
add_action('admin_enqueue_scripts', 'islamic_center_mosque_admin_theme_style');

//guidline for about theme
function islamic_center_mosque_mostrar_guide() { 
	//custom function about theme customizer
	$islamic_center_mosque_return = add_query_arg( array()) ;
	$islamic_center_mosque_theme = wp_get_theme( 'islamic-center-mosque' );
?>

<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="islamic_center_mosque_openCity(event, 'bwp_getstart')"><?php esc_html_e( 'Getting Started', 'islamic-center-mosque' ); ?></button>
			<button role="tab" class="tablinks" onclick="islamic_center_mosque_openCity(event, 'bwp_setup')"><?php esc_html_e( 'Free Theme Information', 'islamic-center-mosque' ); ?></button>
			<button role="tab" class="tablinks" onclick="islamic_center_mosque_openCity(event, 'bwp_premium_info')"><?php esc_html_e( 'Premium Theme Information', 'islamic-center-mosque' ); ?></button>
			<a class="tablinks tablinks-demo" role="tab" href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_LIVE_DEMO ); ?>" target="_blank">
				<?php esc_html_e( 'Live Demo', 'islamic-center-mosque' ); ?>
			</a>
			<a class="tablinks tablinks-pro" role="tab" href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_BUY_NOW ); ?>" target="_blank">
				<?php esc_html_e( 'Buy Pro', 'islamic-center-mosque' ); ?>
			</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 Islamic Center Mosque ', 'islamic-center-mosque' ); ?>
						<span><?php esc_html_e( 'Version: ', 'islamic-center-mosque' ); ?><?php echo esc_html($islamic_center_mosque_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.', 'islamic-center-mosque' ); ?>
						</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...', 'islamic-center-mosque'); ?>" />
							</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', 'islamic-center-mosque'); ?>" />
					</div>
				</div>
			</div>
			<div class="dashboard__blocks">
				<div class="row">
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Get Support','islamic-center-mosque'); ?></h3>
						<ol>
							<li><a target="_blank" href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_SUPPORT ); ?>"><?php esc_html_e( 'Free Theme Support','islamic-center-mosque'); ?></a></li>
							<li><a target="_blank" href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_PRO_SUPPORT ); ?>"><?php esc_html_e( 'Premium Theme Support','islamic-center-mosque'); ?></a></li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Getting Started','islamic-center-mosque'); ?></h3>
						<ol>
							<li><?php esc_html_e( 'Start','islamic-center-mosque'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','islamic-center-mosque'); ?></a> <?php esc_html_e( 'your website.','islamic-center-mosque'); ?> </li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Help Docs','islamic-center-mosque'); ?></h3>
						<ol>
							<li><a target="_blank" href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_FREE_THEME_DOC ); ?>"><?php esc_html_e( 'Free Theme Documentation','islamic-center-mosque'); ?></a></li>
							<li><a target="_blank" href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_PRO_DOC ); ?>"><?php esc_html_e( 'Premium Theme Documentation','islamic-center-mosque'); ?></a></li>
						</ol>
					</div>
					<div class="col-md-3">
						<h3><?php esc_html_e( 'Buy Premium','islamic-center-mosque'); ?></h3>
						<ol>
							<a href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_BUY_NOW ); ?>" target="_blank"><?php esc_html_e('Buy Pro', 'islamic-center-mosque'); ?></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 Islamic Center Mosque Theme', 'islamic-center-mosque' ); ?></h2>
			<div class="row">
				<div class="theme-instruction-block col-md-7">
					<div class="pad-box">
						<p><?php esc_html_e( 'Islamic Center Mosque is a versatile and user-friendly WordPress theme designed for mosques, Islamic centers, religious organizations, and Muslim communities. This theme can be used to create visually appealing and responsive websites that cater to the unique needs of the Islamic community. It is ideal for mosque administrators, religious leaders, and community members who want to establish an engaging online presence. With its elegant design, user-friendly interface, and comprehensive functionality, this theme caters to the unique needs of the Islamic community. The theme can also be used for diffrent islamic conferences, islamic activts etc. It comes with features such as prayer timetables, event management, islamic schools, madrasas, sermon recordings, and video galleries, which facilitate community engagement, fosters interaction, Religious podcasts and media, communities social networks,Community, Faith, Worship, Religion, Organization, Nonprofit organizations charities and events conferences. It is also suitable for Islamic scholars, speakers, and non-profit organizations involved in humanitarian and charitable work. Furthermore, Islamic Center Mosque has a responsive and visually appealing design. The theme provides a clean and modern layout that not only captures the essence of Islamic aesthetics but also ensures a seamless user experience across different devices and screen sizes. The theme offers a range of customization options, allowing administrators to personalize the website to suit their specific requirements.In addition to WPML compatibility and RTL support, this theme also boasts compatibility with popular plugins that play a significant role in enhancing your website’s functionality. Among the most useful plugins are Woocommerce and Contact Form 7. Utilizing the Contact Form 7 plugin, you can seamlessly integrate user-friendly contact forms into your website, facilitating communication with your audience. With the intuitive theme options panel, users can easily modify the layout, colors, fonts, and other visual elements without any coding knowledge. This flexibility enables Islamic centers to showcase their unique identity and maintain a consistent brand image.', 'islamic-center-mosque' ); ?><p><br>
						<ol>
							<li><?php esc_html_e( 'Start','islamic-center-mosque'); ?> <a target="_blank" href="<?php echo esc_url( admin_url('customize.php') ); ?>"><?php esc_html_e( 'Customizing','islamic-center-mosque'); ?></a> <?php esc_html_e( 'your website.','islamic-center-mosque'); ?> </l>
							<li><?php esc_html_e( 'Islamic Center Mosque','islamic-center-mosque'); ?> <a target="_blank" href="<?php echo esc_url( ISLAMIC_CENTER_MOSQUE_FREE_THEME_DOC ); ?>"><?php esc_html_e( 'Documentation','islamic-center-mosque'); ?></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.','islamic-center-mosque'); ?></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', 'islamic-center-mosque'); ?>">
					<div class="pad-box">
						<h3><?php esc_html_e( 'Pro Theme Description','islamic-center-mosque'); ?></h3>
						<p class="pad-box-p"><?php esc_html_e( 'The Mosque WordPress Theme is a premium solution designed specifically for mosques and Islamic organizations aiming to foster a strong online community. With a stunning design that reflects Islamic art and culture, this theme provides a visually appealing platform to share important announcements, events, and religious teachings. Its fully responsive layout ensures that visitors can access your website seamlessly on any device, enhancing user engagement and reach. The Mosque Theme is equipped with various customization options, allowing you to personalize your site to reflect your mosque’s identity. Users can easily manage content with a user-friendly interface, making it simple to keep your community updated on prayer times, classes, and special events.', 'islamic-center-mosque' ); ?><p>
					</div>
				</div>
				<div class="col-md-5 install-plugin-right">
					<div class="pad-box">
						<h3><?php esc_html_e( 'Pro Theme Features','islamic-center-mosque'); ?></h3>
						<div class="dashboard-install-benefit">
							<ul>
								<li><?php esc_html_e( 'One click demo importer','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Global color option','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Responsive design','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Favicon, logo, title, and tagline customization','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Advanced color options and color pallets','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( '100+ font family options','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Simple menu option','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'SEO friendly','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Pagination option','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Compatible with different WordPress famous plugins like contact form 7','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Enable-Disable options on all sections','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Well sanitized as per WordPress standards.','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Responsive Layout for All Devices','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Footer customization options','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Fully integrated with the latest font awesome','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Background image option','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Custom Page Templates','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Allow To Set Site Title, Tagline, Logo','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Sticky post & comment threads','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Section reordering','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Customizable home page','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Footer widgets & editor style','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Social media feature','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Slider with unlimited number of slides','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Our Cleaning Services Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Testimonial Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Our Team Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Counter Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Our Project Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'How We Work Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Pricing Plan Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Brand Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Instagram Feed','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Newsletter Section','islamic-center-mosque'); ?></li>
								<li><?php esc_html_e( 'Blog post section','islamic-center-mosque'); ?></li>							
								<li><?php esc_html_e( 'Contact page template','islamic-center-mosque'); ?></li>	
								<li><?php esc_html_e( 'Shortcodes for the Custom Posttype','islamic-center-mosque'); ?></li>		
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<?php } ?>