<?php
/**
 * Template part for displaying home page content
 *
 * @package Online Courses Hub
 * @subpackage online_courses_hub
 */
?>
<?php if( get_theme_mod( 'online_courses_hub_course_enable', true) != '') { ?>
<?php if( get_theme_mod('online_courses_hub_course_fields_number', 4) != ''){ ?>
<section id="course-fields">
    <div class="owl-carousel">
        <?php $online_courses_hub_number = get_theme_mod('online_courses_hub_course_fields_number', 4);
        for($i=1; $i<=$online_courses_hub_number; $i++ ) { ?>
            <div class="row course-fields-box">
                <div class="col-lg-2 col-md-12 align-self-center">
                    <i class="<?php echo esc_attr(get_theme_mod('online_courses_hub_course_fields_icon_'.$i)) ?>"></i>
                </div>
                <div class="col-lg-10 col-md-12 align-self-center">
                    <h4><?php echo esc_html(get_theme_mod('online_courses_hub_course_fields_heading_'.$i)); ?></h4>
                    <p><?php echo esc_html(get_theme_mod('online_courses_hub_course_fields_text_'.$i)); ?></p>
                </div>
            </div>
        <?php }?>
    </div>
</section>
<?php }?>
<?php }?>
