<?php
/**
 * Help Panel.
 *
 * @package graphic_design_portfolio
 */

$graphic_design_portfolio_import_done = get_option( 'graphic_design_portfolio_demo_import_done' );
$graphic_design_portfolio_button_text = $graphic_design_portfolio_import_done
	? __( 'View Site', 'graphic-design-portfolio' )
	: __( 'Start Demo Import', 'graphic-design-portfolio' );
$graphic_design_portfolio_button_link = $graphic_design_portfolio_import_done
	? home_url( '/' )
	: admin_url( 'themes.php?page=graphicdesignportfolio-wizard' );
?>
<div id="help-panel" class="panel-left visible">
    <div class="panel-aside active">
        <div class="demo-content">
            <div class="demo-info">
                <h4><?php esc_html_e( 'DEMO CONTENT IMPORTER', 'graphic-design-portfolio' ); ?></h4>
                <p><?php esc_html_e('The Demo Content Importer helps you quickly set up your website to look exactly like the theme demo. Instead of building pages from scratch, you can import pre-designed layouts, pages, menus, images, and basic settings in just a few clicks.','graphic-design-portfolio'); ?></p>
                <a class="button button-primary first-color" style="text-transform: capitalize" href="<?php echo esc_url( $graphic_design_portfolio_button_link ); ?>" title="<?php echo esc_attr( $graphic_design_portfolio_button_text ); ?>"
                    <?php echo $graphic_design_portfolio_import_done ? 'target="_blank"' : ''; ?>>
                    <?php echo esc_html( $graphic_design_portfolio_button_text ); ?>
                </a>
            </div>
            <div class="demo-img">
                <img src="<?php echo esc_url(get_stylesheet_directory_uri()) .'/screenshot.png'; ?>" alt="<?php echo esc_attr( 'screenshot', 'graphic-design-portfolio'); ?>"/>
            </div>
        </div>
    </div>

    <div class="panel-aside" >
        <h4><?php esc_html_e( 'USEFUL LINKS', 'graphic-design-portfolio' ); ?></h4>
        <p><?php esc_html_e( 'Find everything you need to set up, customize, and manage your website with ease. These helpful resources are designed to guide you at every step, from installation to advanced customization.', 'graphic-design-portfolio' ); ?></p>
        <div class="useful-links">
            <a class="button button-primary second-color" href="<?php echo esc_url( GRAPHIC_DESIGN_PORTFOLIO_DEMO_URL ); ?>" title="<?php esc_attr_e( 'Live Demo', 'graphic-design-portfolio' ); ?>" target="_blank">
                <?php esc_html_e( 'Live Demo', 'graphic-design-portfolio' ); ?>
            </a>
            <a class="button button-primary first-color" href="<?php echo esc_url( GRAPHIC_DESIGN_PORTFOLIO_FREE_DOC_URL ); ?>" title="<?php esc_attr_e( 'Documentation', 'graphic-design-portfolio' ); ?>" target="_blank">
                <?php esc_html_e( 'Documentation', 'graphic-design-portfolio' ); ?>
            </a>
            <a class="button button-primary second-color" href="<?php echo esc_url( GRAPHIC_DESIGN_PORTFOLIO_URL ); ?>" title="<?php esc_attr_e( 'Get Premium', 'graphic-design-portfolio' ); ?>" target="_blank">
                <?php esc_html_e( 'Get Premium', 'graphic-design-portfolio' ); ?>
            </a>
            <a class="button button-primary first-color" href="<?php echo esc_url( GRAPHIC_DESIGN_PORTFOLIO_BUNDLE_URL ); ?>" title="<?php esc_attr_e( 'Get Bundle - 60+ Themes', 'graphic-design-portfolio' ); ?>" target="_blank">
                <?php esc_html_e( 'Get Bundle - 60+ Themes', 'graphic-design-portfolio' ); ?>
            </a>
        </div>
    </div>

    <div class="panel-aside" >
        <h4><?php esc_html_e( 'REVIEW', 'graphic-design-portfolio' ); ?></h4>
        <p><?php esc_html_e( 'If you have a moment, please consider leaving a rating and short review. It only takes a minute, and your support means a lot to us.', 'graphic-design-portfolio' ); ?></p>
        <a class="button button-primary first-color" href="<?php echo esc_url( GRAPHIC_DESIGN_PORTFOLIO_REVIEW_URL ); ?>" title="<?php esc_attr_e( 'Visit the Review', 'graphic-design-portfolio' ); ?>" target="_blank">
            <?php esc_html_e( 'Leave a Review', 'graphic-design-portfolio' ); ?>
        </a>
    </div>
    
    <div class="panel-aside">
        <h4><?php esc_html_e( 'CONTACT SUPPORT', 'graphic-design-portfolio' ); ?></h4>
        <p>
            <?php esc_html_e( 'Thank you for choosing Graphic Design Portfolio! We appreciate your interest in our theme and are here to assist you with any support you may need.', 'graphic-design-portfolio' ); ?></p>
        <a class="button button-primary first-color" href="<?php echo esc_url( GRAPHIC_DESIGN_PORTFOLIO_SUPPORT_URL ); ?>" title="<?php esc_attr_e( 'Visit the Support', 'graphic-design-portfolio' ); ?>" target="_blank">
            <?php esc_html_e( 'Contact Support', 'graphic-design-portfolio' ); ?>
        </a>
    </div>
</div>