<?php
/**
 * The main class for Meta-box configurations.
 *
 * @package Smart_Post_Show_Pro
 * @subpackage Smart_Post_Show_Pro/admin/views
 */

if ( ! defined( 'ABSPATH' ) ) {
	die;
} // Cannot access pages directly.

/**
 * Smart Post Show Pro Help Page.
 */
class SPSP_Help {

	/**
	 * Smart Post Show Pro single instance of the class
	 *
	 * @var null The instance of the class.
	 * @since 2.0
	 *
	 * @return void
	 */
	protected static $instance = null;

	/**
	 * Main Smart_Post_Show_Pro_Help Instance
	 *
	 * @since 2.0
	 * @static
	 *
	 * @return self help instance
	 */
	public static function instance() {
		if ( is_null( self::$instance ) ) {
			self::$instance = new self();
		}

		return self::$instance;
	}

	/**
	 * Add admin sub-menu.
	 *
	 * @return void
	 */
	public function help_page_menu() {
		add_submenu_page(
			'edit.php?post_type=sp_post_carousel',
			__( 'Post Carousel Help', 'smart-post-show-pro' ),
			__( 'Help', 'smart-post-show-pro' ),
			apply_filters( 'pcp_user_role_permission', 'manage_options' ),
			'pcp_help',
			array(
				$this,
				'help_page_callback',
			)
		);
	}

	/**
	 * The Post Carousel Help Callback.
	 *
	 * @return void
	 */
	public function help_page_callback() {
		echo '
        <div class="wrap about-wrap sp-pcp-help">
        <h1>' . esc_html__( 'Welcome to Smart Post Pro! ', 'smart-post-show-pro' ) . '</h1>
        </div>
        <div class="wrap about-wrap sp-pcp-help">
			<p class="about-text">' . esc_html__(
			'Thank you for installing Smart Post Pro! You\'re now running the most popular Smart Post premium plugin. This video will help you get started with the plugin.',
			'smart-post-show-pro'
		) . '</p>
			<div class="headline-feature-video">
				<div class="headline-feature feature-video">
					<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLoUb-7uG-5jMKaIryd6B0d41Lafvx4UF5" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
				</div>
			</div>
			<div class="feature-section three-col">
				<div class="col">
					<div class="sp-pcp-feature text-center">
					<h3><i class="sp-pcp-font-icon fa fa-file-text"></i>
					' . esc_html__( 'Documentation', 'smart-post-show-pro' ) . '</h3>
					<p>' . esc_html__( 'Check out our documentation page and more information about what you can do with Smart Post Pro.', 'smart-post-show-pro' ) . '</p>
					<a href="https://wpsmartpost.com/docs/" target="_blank" class="button button-primary">' . esc_html__( 'Browse Docs', 'smart-post-show-pro' ) . '</a>
					</div>
				</div>
				<div class="col">
					<div class="sp-pcp-feature text-center">
					<h3><i class="sp-pcp-font-icon fa fa-envelope"></i>
					' . esc_html__( 'Support', 'smart-post-show-pro' ) . '</h3>
					<p>' . esc_html__( "Need one-to-one assistance? Get in touch with our top-notch support team! We'd love to help you immediately.", 'smart-post-show-pro' ) . '</p>
					<a href="https://shapedplugin.com/support/" target="_blank" class="button button-primary">' . esc_html__( 'Get Support', 'smart-post-show-pro' ) . '</a>
					</div>
				</div>
				<div class="col">
					<div class="sp-pcp-feature text-center">
					<h3><i class="sp-pcp-font-icon fa fa-file-video-o"></i>
					' . esc_html__( 'Video Tutorials', 'smart-post-show-pro' ) . '</h3>
					<p>' . esc_html__( 'Check our video tutorials which cover everything you need to know about Smart Post Pro.', 'smart-post-show-pro' ) . '</p>
					<a href="https://www.youtube.com/watch?v=XGv-pzFlPLg&list=PLoUb-7uG-5jMKaIryd6B0d41Lafvx4UF5&ab_channel=ShapedPlugin" target="_blank" class="button button-primary">' . esc_html__( 'Watch Now', 'smart-post-show-pro' ) . '</a>
					</div>
				</div>
			</div>
			<div class="about-wrap plugin-section">
				<div class="sp-plugin-section-title">
					<h2>' . esc_html__( 'Take your website beyond the typical with more WordPress plugins!', 'smart-post-show-pro' ) . '</h2>
					<h4>' . esc_html__( 'Some of our powerful premium plugins are ready to make your website awesome.', 'smart-post-show-pro' ) . '</h4>
				</div>
				<div class="feature-section first-cols three-col">
								<div class="col">
					<a href="https://easyaccordion.io/" alt="Easy Accordion" target="_blank" class="pcp-plugin-link">
					<div class="sp-pcp-feature">
						<img src="https://shapedplugin.com/wp-content/uploads/edd/2022/08/easy-accordion.png" alt="Easy Accordion" class="pcp-help-img">
						<h3>
						' . esc_html__( 'Easy Accordion', 'smart-post-show-pro' ) . '</h3>
						<p>' . esc_html__( 'Minimize customer support by offering comprehensive FAQs and increasing conversions.', 'smart-post-show-pro' ) . '</p>
					</div>
					</a>
				</div>
				<div class="col">
				<a href="https://wpcarousel.io/" alt="WP Carousel" target="_blank" class="pcp-plugin-link" >
					<div class="sp-pcp-feature">
						<img src="https://shapedplugin.com/wp-content/uploads/edd/2022/08/wp-carousel.png" alt="WP Carousel" class="pcp-help-img">
						<h3>
						' . esc_html__( 'WP Carousel', 'smart-post-show-pro' ) . '</h3>
						<p>' . esc_html__( 'The most powerful and user-friendly multi-purpose carousel, slider, & gallery plugin for WordPress.', 'smart-post-show-pro' ) . '</p>

					</div>
					</a>
				</div>
				<div class="col">
					<a href="https://realtestimonials.io/" alt="Real Testimonials" target="_blank" class="pcp-plugin-link">
					<div class="sp-pcp-feature">
						<img src="https://shapedplugin.com/wp-content/uploads/edd/2022/08/real-testimonials.png" alt="Real Testimonials" class="pcp-help-img">
						<h3>
						' . esc_html__( 'Real Testimonials', 'smart-post-show-pro' ) . '</h3>
						<p>' . esc_html__( 'Simply collect, manage, and display Testimonials on your website and boost conversions.', 'smart-post-show-pro' ) . '</p>
					</div>
					</a>
				</div>
				<div class="col">
					<a href="https://wooproductslider.io/"  target="_blank" alt="WooCommerce Product Slider Pro" class="pcp-plugin-link">
					<div class="sp-pcp-feature">
						<img src="https://shapedplugin.com/wp-content/uploads/edd/2022/08/woo-product-slider.png" alt="WooCommerce Product Slider Pro" class="pcp-help-img">
						<h3>
						' . esc_html__( 'Product Slider for WooCommerce', 'smart-post-show-pro' ) . '</h3>
						<p>' . esc_html__( 'Boost sales by interactive product Slider, Grid, and Table in your WooCommerce website or store.', 'smart-post-show-pro' ) . '</p>
					</div>
					</a>
				</div>
				<div class="col">
					<a href="https://woogallery.io/" target="_blank" alt="WooGallery" class="pcp-plugin-link">
					<div class="sp-pcp-feature">
						<img src="https://shapedplugin.com/wp-content/uploads/edd/2022/08/gallery-slider-for-woocommerce.png" alt="WooGallery" class="pcp-help-img">
						<h3>
						' . esc_html__( 'WooGallery', 'smart-post-show-pro' ) . '</h3>
						<p>' . esc_html__( 'Product gallery slider and additional variation images gallery for WooCommerce and boost your sales.', 'smart-post-show-pro' ) . '</p>
					</div>
					</a>
				</div>
				<div class="col">
					<a href="https://logocarousel.com/" alt="Logo Carousel" target="_blank" class="pcp-plugin-link">
					<div class="sp-pcp-feature">
						<img src="https://shapedplugin.com/wp-content/uploads/edd/2022/08/logo-carousel.png" alt="Logo Carousel" class="pcp-help-img">
						<h3>
						' . esc_html__( 'Logo Carousel', 'smart-post-show-pro' ) . '</h3>
						<p>' . esc_html__( 'Showcase a group of logo images with Title, Description, Tooltips, Links, and Popup as a grid or in a carousel.', 'smart-post-show-pro' ) . '</p>
					</div>
					</a>
				</div>
			</div>
		</div>';
	}
}
