<?php
/**
 * Add Theme info Page
 */

function spectral_fse_menu() {
	add_theme_page( esc_html__( 'Spectral FSE', 'spectral-fse' ), esc_html__( 'About Spectral FSE', 'spectral-fse' ), 'edit_theme_options', 'about-spectral-fse', 'spectral_fse_theme_page_display' );
}
add_action( 'admin_menu', 'spectral_fse_menu' );

function spectral_fse_admin_theme_style() {
	wp_enqueue_style('spectral-fse-custom-admin-style', esc_url(get_template_directory_uri()) . '/assets/css/admin-styles.css');
}
add_action('admin_enqueue_scripts', 'spectral_fse_admin_theme_style');

/**
 * Display About page
 */
function spectral_fse_theme_page_display() {
	$theme = wp_get_theme();

	if ( is_child_theme() ) {
		$theme = wp_get_theme()->parent();
	} ?>

		<div class="Grace-wrapper">
			<div class="Grcae-info-holder">
				<div class="Grcae-info-holder-content">
					<div class="Grace-Welcome">
						<h1 class="welcomeTitle"><?php esc_html_e( 'About Theme Info', 'spectral-fse' ); ?></h1>                        
						<div class="featureDesc">
							<?php echo esc_html__( 'The Spectral FSE is a Free Gaming Club WordPress Theme for esports website, game portal, game studio, game website, gaming, gaming community, gaming news and tournament gaming.', 'spectral-fse' ); ?>
						</div>
						
                        <h1 class="welcomeTitle"><?php esc_html_e( 'Theme Features', 'spectral-fse' ); ?></h1>

                        <h2><?php esc_html_e( 'Block Compatibale', 'spectral-fse' ); ?></h2>
                        <div class="featureDesc">
                            <?php echo esc_html__( 'The built-in customizer panel quickly change aspects of the design and display changes live before saving them.', 'spectral-fse' ); ?>
                        </div>
                        
                        <h2><?php esc_html_e( 'Responsive Ready', 'spectral-fse' ); ?></h2>
                        <div class="featureDesc">
                            <?php echo esc_html__( 'The themes layout will automatically adjust and fit on any screen resolution and looks great on any device. Fully optimized for iPhone and iPad.', 'spectral-fse' ); ?>
                        </div>
                        
                        <h2><?php esc_html_e( 'Cross Browser Compatible', 'spectral-fse' ); ?></h2>
                        <div class="featureDesc">
                            <?php echo esc_html__( 'Our themes are tested in all mordern web browsers and compatible with the latest version including Chrome,Firefox, Safari, Opera, IE11 and above.', 'spectral-fse' ); ?>
                        </div>
                        
                        <h2><?php esc_html_e( 'E-commerce', 'spectral-fse' ); ?></h2>
                        <div class="featureDesc">
                            <?php echo esc_html__( 'Fully compatible with WooCommerce plugin. Just install the plugin and turn your site into a full featured online shop and start selling products.', 'spectral-fse' ); ?>
                        </div>

					</div> <!-- .Grace-Welcome -->
				</div> <!-- .Grcae-info-holder-content -->
				
				
				<div class="Grcae-info-holder-sidebar">
                        <div class="sidebarBX">
                            <h2 class="sidebarBX-title"><?php echo esc_html__( 'Get Spectral PRO', 'spectral-fse' ); ?></h2>
                            <p><?php echo esc_html__( 'More features availbale on Premium version', 'spectral-fse' ); ?></p>
                            <a href="<?php echo esc_url( 'https://gracethemes.com/themes/gaming-wordpress-theme/' ); ?>" target="_blank" class="button"><?php esc_html_e( 'Get the PRO Version &rarr;', 'spectral-fse' ); ?></a>
                        </div>


						<div class="sidebarBX">
							<h2 class="sidebarBX-title"><?php echo esc_html__( 'Important Links', 'spectral-fse' ); ?></h2>

							<ul class="themeinfo-links">
                                <li>
									<a href="<?php echo esc_url( 'https://gracethemesdemo.com/spectral/' ); ?>" target="_blank"><?php echo esc_html__( 'Demo Preview', 'spectral-fse' ); ?></a>
								</li>                               
								<li>
									<a href="<?php echo esc_url( 'https://gracethemesdemo.com/documentation/spectral/#homepage-lite' ); ?>" target="_blank"><?php echo esc_html__( 'Documentation', 'spectral-fse' ); ?></a>
								</li>
								
								<li>
									<a href="<?php echo esc_url( 'https://gracethemes.com/wordpress-themes/' ); ?>" target="_blank"><?php echo esc_html__( 'View Our Premium Themes', 'spectral-fse' ); ?></a>
								</li>
							</ul>
						</div>

						<div class="sidebarBX">
							<h2 class="sidebarBX-title"><?php echo esc_html__( 'Leave us a review', 'spectral-fse' ); ?></h2>
							<p><?php echo esc_html__( 'If you are satisfied with Spectral FSE, please give your feedback.', 'spectral-fse' ); ?></p>
							<a href="https://wordpress.org/support/theme/spectral-fse/reviews/" class="button" target="_blank"><?php esc_html_e( 'Submit a review', 'spectral-fse' ); ?></a>
						</div>

				</div><!-- .Grcae-info-holder-sidebar -->	

			</div> <!-- .Grcae-info-holder -->
		</div><!-- .Grace-wrapper -->
<?php } ?>