<?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-05-07 11:09:14
 */
?>
<div class="section">
    <div class="container">
        <div class="cross-layout <?php echo $module_setting['banner_style'];?>">
            <div class="cross-text <?php echo $wow_style;?>">
                <h2>
                    <?php
                    if( !empty($module_content['banner_number']) ){
                        echo '<i>'.$module_content['banner_number'].'</i>';
                    }
                    if( !empty($module_title) && !empty($module_setting['title_display']) ){
                        echo '<span>'.$module_title;
                        if( !empty($module_content['banner_subtitle']) ){
                            echo '<small>'.$module_content['banner_subtitle'].'</small>';
                        }
                        echo '</span>';
                    }
                    ?>
                </h2>
                <?php
                if( wp_is_mobile() ){?>
                <div class="cross-img <?php echo $wow_style;?>">
                    <?php
                    if( !empty($module_content['banner_img']) ){
                        $get_image_alt = dahuzi_get_image_alt($module_content['banner_img']) ?: '';
                        echo '<img loading="lazy" src="'.$module_content['banner_img'].'" alt="'.$get_image_alt.'">';
                    }
                    if( !empty($module_content['banner_video']) && $module_content['banner_type'] == 'video' ){
                    ?>
                    <a data-fancybox data-type="youtube" href="<?php echo $module_content['banner_video'];?>" class="play-view" rel="nofollow" aria-label="Play Video">
                        <span class="video-play-icon"><i class="ri-video-fill"></i></span>
                    </a>
                    <?php
                    }
                    ?>
                </div>
                <?php }?>
                <div class="cross-desc<?php if( !empty($module_content['banner_desc_icon']) ){ echo ' cross-icon'; } if( empty($module_content['banner_number']) ){ echo ' cross-no-number'; }?>">
                    <?php
                    if( !empty($module_content['banner_desc']) ){
                        echo wpautop($module_content['banner_desc']);
                    }?>
                    <?php
                    if( !empty($module_content['banner_btn1_text']) || !empty($module_content['banner_btn2_text']) ){
                        echo '<div class="btn">';
                        if( !empty($module_content['banner_btn1_text']) ){
                            echo '<a href="'.$module_content['banner_btn1_url'].'">'.$module_content['banner_btn1_text'].'</a>';
                        }
                        if( !empty($module_content['banner_btn2_text']) ){
                            echo '<a href="'.$module_content['banner_btn2_url'].'">'.$module_content['banner_btn2_text'].'</a>';
                        }
                        echo '</div>';
                    }?>
                </div>
            </div>
            <?php
            if( !wp_is_mobile() ){?>
            <div class="cross-img <?php echo $wow_style;?>">
                <?php
                if( !empty($module_content['banner_img']) ){
                    $get_image_alt = dahuzi_get_image_alt($module_content['banner_img']) ?: '';
                    echo '<img loading="lazy" src="'.$module_content['banner_img'].'" alt="'.$get_image_alt.'">';
                }
                if( !empty($module_content['banner_video']) && $module_content['banner_type'] == 'video' ){
                ?>
                <a data-fancybox data-type="youtube" href="<?php echo $module_content['banner_video'];?>" class="play-view" rel="nofollow" aria-label="Play Video">
                    <span class="video-play-icon"><i class="ri-video-fill"></i></span>
                </a>
                <?php
                }
                ?>
            </div>
            <?php }?>
        </div>
    </div>
</div>
<?php
//echo wpjam_print_r( $module_setting );
//echo wpjam_print_r( $module_content );
//echo wpjam_print_r( $module_style );