<?php
//about theme info
add_action( 'admin_menu', 'magenta_plus_gettingstarted' );
function magenta_plus_gettingstarted() {
	add_theme_page( esc_html__('About Magenta Plus', 'magenta-plus'), esc_html__('About Magenta Plus', 'magenta-plus'), 'edit_theme_options', 'magenta_plus_guide', 'magenta_plus_mostrar_guide');   
}

// Add a Custom CSS file to WP Admin Area
function magenta_plus_admin_theme_style() {
   wp_enqueue_style('magenta-plus-custom-admin-style', esc_url( get_template_directory_uri() ) . '/getstarted/getstarted.css');
   wp_enqueue_script('magenta-plus-tab', esc_url( get_template_directory_uri() ) . '/getstarted/js/tab.js');
}
add_action('admin_enqueue_scripts', 'magenta_plus_admin_theme_style');

//guidline for about theme
function magenta_plus_mostrar_guide() { 
	//custom function about theme customizer
	$return = add_query_arg( array()) ;
	$magenta_plus_theme = wp_get_theme( 'magenta-plus' );
?>
<?php $magenta_plus_theme = wp_get_theme(); ?>

<div class="theme-about-wrap">
    <div class="about-header">
        <div class="about-header-column">
            <h1><?php esc_html_e('Magenta Plus!', 'magenta-plus'); ?></h1>
        </div>
        <div class="about-header-column"></div>
    </div>
    <div class="tab-section">
          <h2><?php esc_html_e('More About Magenta Plus', 'magenta-plus'); ?></h2>
        <div class="theme-content-wrap">
        		<div class="col-md-7">
              <div class="tab-container">
                <div class="tabs">
                  <button class="tab active"><?php esc_html_e('Essential Links', 'magenta-plus'); ?></button>
                </div>
                <div class="tab-content">
                  <div class="gre-box">
			            <h3><?php esc_html_e('Editing Homepage', 'magenta-plus'); ?></h3>
			            <p> <?php esc_html_e('Go to Apearance > Customizer > Magenta Plus Theme Options edit our lite version', 'magenta-plus'); ?>
			            </p>
			            <a class="btn btn-default" href="<?php echo esc_url( admin_url( 'customize.php' ) ) ?>"><?php esc_html_e('Go to Customizer', 'magenta-plus'); ?></a>
			        </div>
                  <div class="gre-box">
                    <h3><?php esc_html_e('Support Ticket', 'magenta-plus'); ?></h3>
                    <p><?php esc_html_e('Take a look at our guides and start customizing themes with ease. With the help of our documentation, which offers insightful information on every facet of theme functioning, you can confidently build a website that realizes your idea.', 'magenta-plus'); ?></p>
                    <a class="btn btn-default" target="_blank" href="<?php echo esc_url(MAGENTA_PLUS_FREE_SUPPORT ); ?>"><?php esc_html_e('Contact Support', 'magenta-plus'); ?></a>
                  </div>
                </div>
                <div class="tab-content hidden"></div>
              </div>
            </div>
        		<div class="col-md-5">
                  <div class="gre-box side">
                    <h3><?php esc_html_e('Admire the Magenta Plus Theme?', 'magenta-plus'); ?></h3>
                    <p><?php esc_html_e('Give us your support by leaving a 5-star review; it only takes a few minutes. It will be of great assistance to us.', 'magenta-plus'); ?></p>
                    <a class="btn btn-default btn1" target="_blank" href="<?php echo esc_url(MAGENTA_PLUS_REVIEW ); ?>"><?php esc_html_e('Add a Review', 'magenta-plus'); ?></a>
                 </div>
            </div>
        </div>
    </div>
</div>
<?php } ?>
