<?php
/**
 * Template Name: Default Home Page
 */

get_header();
?>

<main id="primary">

    <?php if (get_theme_mod('interactive_education_banner_section_on_off_setting', false)) { ?>
        <section id="main-banner-wrap">
            <div id="banner-area">
                <div class="owl-carousel owl-theme">
                    <?php
                        $interactive_education_banner = get_theme_mod( 'interactive_education_slider');
                        for ( $i = 1; $i <= $interactive_education_banner; $i++ ){ ?>
                        <div class="item">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-7 col-md-7">
                                        <div class="main-banner-content-box">
                                            <?php
                                                $interactive_education_banner_heading = get_theme_mod( 'interactive_education_banner_heading'.$i, '' );
                                                if ( ! empty( $interactive_education_banner_heading ) ) { ?>
                                                <h3><?php echo esc_html( $interactive_education_banner_heading ); ?></h3>
                                            <?php } ?>
                                            <?php
                                                $interactive_education_banner_extra_heading = get_theme_mod( 'interactive_education_banner_extra_heading'.$i, '' );
                                                if ( ! empty( $interactive_education_banner_extra_heading ) ) { ?>
                                                <h4><?php echo esc_html( $interactive_education_banner_extra_heading ); ?></h4>
                                            <?php } ?>
                                            <?php
                                                $interactive_education_banner_content = get_theme_mod( 'interactive_education_banner_content'.$i, '' );
                                                if ( ! empty( $interactive_education_banner_content ) ) { ?>
                                                <p><?php echo esc_html( $interactive_education_banner_content ); ?></p>
                                            <?php } ?>
                                            <?php
                                                $interactive_education_banner_btn = get_theme_mod( 'interactive_education_banner_btn'.$i, '' );
                                                $interactive_education_banner_button_link = get_theme_mod( 'interactive_education_banner_button_link'.$i, '' );
                                                if ( ! empty( $interactive_education_banner_btn ) ) { ?>
                                                <a href="<?php echo esc_url( $interactive_education_banner_button_link ); ?>"><?php echo esc_html( $interactive_education_banner_btn ); ?></a>
                                            <?php } ?>
                                        </div>
                                    </div>
                                    <div class="col-lg-5 col-md-5">
                                        <div class="main-banner-inner-box mt-4 mb-md-0">
                                            <?php
                                            $interactive_education_banner_image = get_theme_mod( 'interactive_education_banner_image'.$i, '' );
                                            if ( ! empty( $interactive_education_banner_image ) ) { ?>
                                                <img src="<?php echo esc_url( $interactive_education_banner_image ); ?>">
                                            <?php } ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php }?>                
                </div>
            </div>
        </section>
    <?php } ?>

    <?php if (get_theme_mod('interactive_education_spotlight_section_on_off_setting', false)) { ?>
        <section class="services py-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-7 align-self-center">
                        <?php
                            $interactive_education_section_heading = get_theme_mod( 'interactive_education_section_heading', '' );
                            if ( ! empty( $interactive_education_section_heading ) ) { ?>
                            <h3><i class="fas fa-book-open"></i> <?php echo esc_html( $interactive_education_section_heading ); ?></h3>
                            <hr class="hr-1">
                            <hr class="hr-2">
                        <?php } ?>
                        <?php
                            $interactive_education_teacher_name = get_theme_mod( 'interactive_education_teacher_name', '' );
                            if ( ! empty( $interactive_education_teacher_name ) ) { ?>
                            <p class="name-1"><?php esc_html_e('Teacher of the week: ','interactive-education'); ?><?php echo esc_html( $interactive_education_teacher_name ); ?></p>
                        <?php } ?>
                        <div class="inner-content-highlight">
                            <?php
                            $interactive_education_spotlight_heading = get_theme_mod( 'interactive_education_spotlight_heading', '' );
                                if ( ! empty( $interactive_education_spotlight_heading ) ) { ?>
                                <h4><?php echo esc_html( $interactive_education_spotlight_heading ); ?></h4>
                            <?php } ?>
                            <?php
                                $interactive_education_spotlight_text = get_theme_mod( 'interactive_education_spotlight_text', '' );
                                if ( ! empty( $interactive_education_spotlight_text ) ) { ?>
                                <p class="mb-0"><?php echo esc_html( $interactive_education_spotlight_text ); ?></p>
                            <?php } ?>
                        </div>
                        <div class="spotlight-button my-5">
                            <?php
                                $interactive_education_spotlight_button_text = get_theme_mod( 'interactive_education_spotlight_button_text', '' );
                                $interactive_education_spotlight_button_link = get_theme_mod( 'interactive_education_spotlight_button_link', '' );
                                if ( ! empty( $interactive_education_spotlight_button_text ) ) { ?>
                                <a  class="button-1 mr-3" href="<?php echo esc_url( $interactive_education_spotlight_button_link ); ?>"><?php echo esc_html( $interactive_education_spotlight_button_text ); ?></a>
                            <?php } ?>
                            <?php
                                $interactive_education_spotlight_button1_text = get_theme_mod( 'interactive_education_spotlight_button1_text', '' );
                                $interactive_education_spotlight_button1_link = get_theme_mod( 'interactive_education_spotlight_button1_link', '' );
                                if ( ! empty( $interactive_education_spotlight_button1_text ) ) { ?>
                                <a class="button-2" href="<?php echo esc_url( $interactive_education_spotlight_button1_link ); ?>"><?php echo esc_html( $interactive_education_spotlight_button1_text ); ?></a>
                            <?php } ?>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-5 align-self-center">
                        <div class="services-box mb-4 text-center">
                            <?php
                                $interactive_education_spotlight_image = get_theme_mod( 'interactive_education_spotlight_image', '' );
                                if ( ! empty( $interactive_education_spotlight_image ) ) { ?>
                                    <img src="<?php echo esc_url( $interactive_education_spotlight_image ); ?>">
                            <?php } ?>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <?php } ?>
</main>

<?php
get_footer();