<?php
/**
 * Template: 滚动数字
 * @Author: 大胡子
 * @Email:  dahuzi@xintheme.com
 * @Link:   www.xintheme.com
 * @Date:   2023-08-01 07:27:28
 * @Last Modified by:   dahuzi
 * @Last Modified time: 2024-04-20 20:21:38
 */

if(is_array($module_content)){?>
<div class="section <?php if( !empty($module_setting['text_color']) ){ echo 'text-color-'.$module_setting['text_color'];}?>"<?php if( !empty($module_setting['module_bg']) ){ echo ' style="background:url('.$module_setting['module_bg'].') no-repeat center 0 / cover;"';}?>>
    <div class="container">
        <?php

        //模块标题
        if( !empty($module_setting['title_display']) ){
        echo '<div class="section-title '.$wow_style.'">';
            if( !empty($module_title) ){
            echo '<strong>'.$module_title.'</strong>';
            }
            if( !empty($module_desc) ){
            echo '<p>'.$module_desc.'</p>';
            }
        echo '</div>';
        }

        //文本内容
        if( !empty($module_setting['count_subtitle']) || !empty($module_setting['count_headline']) || !empty($module_setting['count_content']) || !empty($module_setting['count_btn_text']) ){

            //对齐方式
            if( !empty($module_setting['text_alignment']) ){
                echo '<div class="count-text '.$wow_style.' '.$module_setting['text_alignment'].'">';
            }else{
                echo '<div class="count-text '.$wow_style.'">';
            }

            //小标题
            if( !empty($module_setting['count_subtitle']) ){
                echo '<div class="text-sub-title">';
                echo '<span>'.$module_setting['count_subtitle'].'</span>';
                echo '</div>';
            }

            //大标题
            if( !empty($module_setting['count_headline']) ){
                echo '<div class="text-title">';
                echo '<h3>'.$module_setting['count_headline'].'</h3>';
                echo '</div>';
            }

            //文本内容
            if( !empty($module_setting['count_content']) ){
                echo wpautop($module_setting['count_content']);
            }

            //按钮
            if( !empty($module_setting['count_btn_text']) && !empty($module_setting['count_btn_url']) ){
                if( !empty($module_setting['count_btn_blank']) ){
                    echo '<a href="'.$module_setting['count_btn_url'].'" rel="nofollow" target="_blank">'.$module_setting['count_btn_text'].'</a>';
                }else{
                    echo '<a href="'.$module_setting['count_btn_url'].'">'.$module_setting['count_btn_text'].'</a>';
                }
            }

        echo '</div>';
        }?>

        <div class="count-module <?php echo $module_setting['count_style'];?> <?php echo $wow_style;?>">
            <?php
            foreach ($module_content as $value) {
                $item_img           = $value['item_img'];
                $item_number        = $value['item_number'];
                $item_speed         = $value['item_speed'] ?: '1000';
                $item_desc          = $value['item_desc'];
                $item_number_tag    = $value['item_number_tag'];
                echo '<div class="count-item">';
                    if( !empty($item_img) ){
                        echo '<div class="item-img">';
                        echo '<img loading="lazy" src="'.$item_img.'" alt="'.dahuzi_get_image_alt($item_img).'" />';
                        echo '</div>';
                    }
                    if( !empty($item_number) ){
                        echo '<div class="">';
                        $comma_class = !empty($value['item_number_comma']) ? ' comma' : '';
                        echo '<span class="timer item-number count-number' . esc_attr($comma_class) . '" id="count-number" data-to="'.$item_number.'" data-speed="'.$item_speed.'">0</span>';
                        if( !empty($item_number_tag) ){
                            echo '<sapn class="item-number-tag">'.$item_number_tag.'</span>';
                        }
                        echo '</div>';
                    }
                    if( !empty($item_desc) ){
                        echo '<p class="item-desc">'.$item_desc.'</p>';
                    }
                echo '</div>';
            }?>
        </div>
    </div>
</div>
<?php }?>

<?php
//echo wpjam_print_r( $module_setting );
//echo wpjam_print_r( $module_content );
//echo wpjam_print_r( $module_style );