JezK

Edit File: theme-info.php

<?php
/**
 * Theme info page
 *
 * @package Airi
 */

/**
 * Recommended plugins
 */
require get_template_directory() . '/inc/onboarding/plugins/class-airi-recommended-plugins.php';

//Add the theme page
add_action('admin_menu', 'airi_add_theme_info');
function airi_add_theme_info(){

if ( !current_user_can('install_plugins') ) {
		return;
	}

$theme_info = add_theme_page( __('Airi Info','airi'), __('Airi Info','airi'), 'manage_options', 'airi-info.php', 'airi_info_page' );
	add_action( 'load-' . $theme_info, 'airi_info_hook_styles' );
}

//Callback
function airi_info_page() {
	$user = wp_get_current_user();
?>
	<div class="info-container">
		<p class="hello-user"><?php echo sprintf( __( 'Hello, %s,', 'airi' ), '<span>' . esc_html( ucfirst( $user->display_name ) ) . '</span>' ); ?></p>
		<h1 class="info-title"><?php echo __( 'Welcome to Airi', 'airi' ); ?><span class="info-version"><?php echo 'v' . esc_html( wp_get_theme()->version ); ?></span></h1>
		<p class="welcome-desc"><?php _e( 'Airi is now installed and ready to go. To help you with the next step, we’ve gathered together on this page all the resources you might need. We hope you enjoy using Airi. You can always come back to this page by going to <strong>Appearance > Airi Info</strong>.', 'airi' ); ?>

<div style="margin: 0 -15px;overflow:hidden;display:flex;">
							<div class="plugin-block">
								<?php $plugin = 'airi-demo-importer'; ?>
								<h3>Airi Demo Importer</h3>
								<p><?php esc_html_e( 'Airi Demo Importer is a free addon for the Airi WordPress theme. It acts as an interface between the One Click Demo Import plugin and our theme.', 'airi' ); ?></p>
								<?php echo Airi_Recommended_Plugins::instance()->get_button_html( $plugin ); ?>
							</div>

<div class="plugin-block">
								<?php $plugin = 'elementor'; ?>
								<h3>Elementor</h3>
								<p><?php esc_html_e( 'Elementor will enable you to create pages by adding widgets to them using drag and drop.', 'airi' ); ?>
								<?php 
								//If Elementor is active, show a link to Elementor's getting started video
								$is_elementor_active = Airi_Recommended_Plugins::instance()->check_plugin_state( $plugin );
								if ( $is_elementor_active == 'deactivate' ) {
									echo '<a target="_blank" href="https://www.youtube.com/watch?v=nZlgNmbC-Cw&feature=emb_title">' . __( 'First time Elementor user?', 'airi') . '</a>';
								}; ?>
								</p>
								<?php echo Airi_Recommended_Plugins::instance()->get_button_html( $plugin ); ?>
							</div>

<div class="plugin-block">
								<?php $plugin = 'one-click-demo-import'; ?>
								<h3>One Click Demo Import</h3>
								<p><?php esc_html_e( 'This plugin is useful for importing our demos. You can uninstall it after you\'re done with it.', 'airi' ); ?></p>
								<?php echo Airi_Recommended_Plugins::instance()->get_button_html( $plugin ); ?>
							</div>
							<div class="plugin-block">
								<?php $plugin = 'kirki'; ?>
								<h3>Kirki</h3>
								<p><?php esc_html_e( 'Kirki is a framework for theme options. You need this plugin to access Airi\'s options.', 'airi' ); ?></p>
								<?php echo Airi_Recommended_Plugins::instance()->get_button_html( $plugin ); ?>
							</div>															
						</div>
					</div>
					<hr style="margin-top:25px;margin-bottom:25px;">
					
					<div class="import-row">
						<h2><span class="step-number">2</span><?php esc_html_e( 'Import demo content (optional)', 'airi' ); ?></h2>
						<p><?php esc_html_e( 'Importing the demo will make your website look like our website.', 'airi' ); ?></p>
						<?php 
							$plugin = 'airi-demo-importer';
							$is_airi_toolbox_active = Airi_Recommended_Plugins::instance()->check_plugin_state( $plugin );
							$plugin = 'elementor';
							$is_elementor_active = Airi_Recommended_Plugins::instance()->check_plugin_state( $plugin );
							$plugin = 'one-click-demo-import';
							$is_ocdi_active = Airi_Recommended_Plugins::instance()->check_plugin_state( $plugin );	
							$plugin = 'kirki';
							$is_kirki_active = Airi_Recommended_Plugins::instance()->check_plugin_state( $plugin );																					
						?>
							<?php if ( $is_airi_toolbox_active == 'deactivate' && $is_elementor_active == 'deactivate' && $is_ocdi_active == 'deactivate' && $is_kirki_active ==  'deactivate' ) : ?>
								<a class="button button-primary button-large" href="<?php echo admin_url( 'themes.php?page=pt-one-click-demo-import.php' ); ?>"><?php esc_html_e( 'Go to the automatic importer', 'airi' ); ?></a>
							<?php else : ?>
								<p class="airi-notice"><?php esc_html_e( 'All recommended plugins need to be installed and activated for this step.', 'airi' ); ?></p>
							<?php endif; ?>
					</div>
					<hr style="margin-top:25px;margin-bottom:25px;">

</div>

<div class="airi-theme-sidebar">
			<div class="airi-sidebar-widget">
				<h3>Review Airi</h3>
				<p><?php echo esc_html__( 'It makes us happy to hear from our users. We would appreciate a review.', 'airi' ); ?> </p>	
				<p><a target="_blank" href="https://wordpress.org/support/theme/airi/reviews/"><?php echo esc_html__( 'Submit a review here', 'airi' ); ?></a></p>		
			</div>
			<hr style="margin-top:25px;margin-bottom:25px;">
			<div class="airi-sidebar-widget">
				<h3>Changelog</h3>
				<p><?php echo esc_html__( 'Keep informed about each theme update.', 'airi' ); ?> </p>	
				<p><a target="_blank" href="https://athemes.com/changelog/airi"><?php echo esc_html__( 'See the changelog', 'airi' ); ?></a></p>		
			</div>	
			<hr style="margin-top:25px;margin-bottom:25px;">
			<div class="airi-sidebar-widget">
				<h3>Upgrade to Airi Pro</h3>
				<p><?php echo esc_html__( 'Take Airi to a whole other level by upgrading to the Pro version.', 'airi' ); ?> </p>	
				<p><a target="_blank" href="https://athemes.com/theme/airi-pro/?utm_source=theme_info&utm_medium=link&utm_campaign=Airi"><?php echo esc_html__( 'Discover Airi Pro', 'airi' ); ?></a></p>		
			</div>									
		</div>
	</div>
<?php
}

//Styles
function airi_info_hook_styles(){
	add_action( 'admin_enqueue_scripts', 'airi_info_page_styles' );
}
function airi_info_page_styles() {
	wp_enqueue_style( 'airi-info-style', get_template_directory_uri() . '/inc/onboarding/assets/info-page.css', array(), true );

wp_enqueue_script( 'airi-info-script', get_template_directory_uri() . '/inc/onboarding/assets/info-page.js', array('jquery'),'', true );

}
?>

</script>

<?php