<?php
/**
 *
 * @package Total
 */
if (get_theme_mod('total_about_page_disable') != 'on') {
    ?>
    <section id="ht-about-us-section" class="ht-section">
        <div class="ht-container ht-clearfix">
            <div class="ht-about-sec">
                <?php
                $total_about_page_id = get_theme_mod('total_about_page');
                if ($total_about_page_id) {
                    $args = array(
                        'page_id' => absint($total_about_page_id)
                    );
                    $query = new WP_Query($args);
                    if ($query->have_posts()):
                        while ($query->have_posts()) : $query->the_post();
                            ?>
                            <h2 class="ht-section-title"><?php the_title(); ?></h2>
                            <div class="ht-content">
                                <?php
                                if (has_excerpt() && '' != trim(get_the_excerpt())) {
                                    the_excerpt();
                                } else {
                                    the_content();
                                }
                                ?>
                            </div>
                            <?php
                        endwhile;
                    endif;
                    wp_reset_postdata();
                }
                ?>

                <div class="ht-progress-bar-sec">
                    <?php
                    for ($i = 1; $i < 6; $i++) {
                        $total_about_progressbar_title = get_theme_mod('total_about_progressbar_title' . $i);
                        $total_about_progressbar_percentage = get_theme_mod('total_about_progressbar_percentage' . $i);
                        $total_about_progressbar_disable = get_theme_mod('total_about_progressbar_disable' . $i);
                        if (!$total_about_progressbar_disable) {
                            ?>
                            <div class="ht-progress">
                                <h6><?php echo esc_html($total_about_progressbar_title); ?></h6>
                                <div class="ht-progress-bar">
                                    <div class="ht-progress-bar-length" style="width:<?php echo absint($total_about_progressbar_percentage); ?>%">
                                        <span><?php echo absint($total_about_progressbar_percentage) . "%"; ?></span>
                                    </div>
                                </div>
                            </div>
                            <?php
                        }
                    }
                    ?>
                </div>
            </div>

            <div class="ht-about-image">
                <?php
                $total_about_widget = get_theme_mod('total_about_widget');
                if ($total_about_widget) {
                    dynamic_sidebar($total_about_widget);
                } else {
                    $total_about_image = get_theme_mod('total_about_image');
                    if ($total_about_image) {
                        echo '<img alt="' . esc_html(get_the_title()) . '" src="' . esc_url($total_about_image) . '"/>';
                    }
                }
                ?>
            </div>

        </div>
    </section>
    <?php
} 