<?php
/**
 * Help Panel.
 *
 * @package online_school_courses
 */
?>

<div id="help-panel" class="panel-left visible">
    <div id="#help-panel" class="steps">  
        <h4 class="c">
            <?php esc_html_e( 'Quick Setup for Home Page', 'online-school-courses' ); ?>
            <a href="<?php echo esc_url( ONLINE_SCHOOL_COURSES_THEME_DOCUMENTATION ); ?>" class="button button-primary" style="margin-left: 5px; margin-right: 10px;" target="_blank"><?php esc_html_e( 'Free Theme Documentation', 'online-school-courses' ); ?></a>
        </h4>
        <hr class="quick-set">
        <p><?php esc_html_e( '1) Go to the Dashboard. navigate to pages, add a new one, and label it "home" or whatever else you like.The page has now been created.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '2) Go back to the Dashboard and then select Settings.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '3) Then Go to readings in the setting.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '4) There are 2 options your latest post or static page.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '5) Select static page and select from the dropdown you wish to use as your home page, save changes.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '6) You can set the home page in this manner.', 'online-school-courses' ); ?></p>
        <br>
        <h4><?php esc_html_e( 'Setup Banner Section', 'online-school-courses' ); ?></h4>
        <hr class="quick-set">
        <p><?php esc_html_e( '1) Go to Dashboard > Go to Appereance > then Go to Customizer.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '2) In Customizer > Go to Front Page Options > Go to Banner Section.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '4) In Banner Section > Enable the Toggle button > and fill the following details.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '5) In this way you can set Banner Section.', 'online-school-courses' ); ?></p>
        <br>
        <h4><?php esc_html_e( 'Setup Program Section', 'online-school-courses' ); ?></h4>
        <hr class="quick-set">
        <p><?php esc_html_e( '1) First, install and activate the Tutor LMS plugin.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '2) Go to Dashboard > Tutor LMS > Categories and create Course Categories.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '3) Then, go to Dashboard > Tutor LMS > Courses > New Course to create your Courses.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '4) Once your Courses and Categories are created, go to Dashboard > Appearance > Customize > Front Page Options > Program Section.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '5) In Program Section > Enable the Toggle button and choose the Courses Categories you want to display.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '6) After making changes, click the Publish button to save your settings.', 'online-school-courses' ); ?></p>
        <p><?php esc_html_e( '7) Now, the selected Courses will be displayed on the frontend under the Program Section.', 'online-school-courses' ); ?></p>
        <hr>
    </div>
    <div class="custom-setting">
        <h4><?php esc_html_e( 'Quick Customizer Settings', 'online-school-courses' ); ?></h4>
        <span><a href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'online-school-courses' ); ?></a></span>
    </div>
    <hr>
   <div class="setting-box">
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img1.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Site Logo', 'online-school-courses' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=custom_logo' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'online-school-courses' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img2.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Color Picker', 'online-school-courses' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=online_school_courses_primary_color' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'online-school-courses' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img3.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Theme Options', 'online-school-courses' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[panel]=online_school_courses_theme_options' ) ); ?>"target="_blank" class=""><?php esc_html_e( 'Customize', 'online-school-courses' ); ?></a>
            
        </div>
    </div>
    <div class="setting-box">
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img4.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Header Image ', 'online-school-courses' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=header_image' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'online-school-courses' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img5.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Footer Option ', 'online-school-courses' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=online_school_courses_footer_copyright_text' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'online-school-courses' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img6.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Front Page Option', 'online-school-courses' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[panel]=online_school_courses_front_page_options' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'online-school-courses' ); ?></a>
            
        </div>
    </div>
</div>