<?php
/**
 * Template: 自定义TAB
 * @Author: 大胡子
 * @Email:  dahuzi@xintheme.com
 * @Link:   www.xintheme.com
 * @Date:   2023-08-01 07:27:28
 * @Last Modified by:   dahuzi
 * @Last Modified time: 2024-08-30 14:17:22
 */

if(is_array($module_content)){?>
<div class="section"<?php if(!empty($module_setting['radius'])){ echo ' style="--btn-radius:3px;--border-radius:'.$module_setting['radius'].'px;"';}?>>
    <div class="container">
        <?php
        if( !empty($module_setting['title_display']) ){?>
        <div class="section-title<?php if( !empty($module_setting['module_bg']) ){ echo ' text-colour-white';}?> <?php echo $wow_style;?>">
            <?php
            if( !empty($module_title) ){
            echo '<strong>'.$module_title.'</strong>';
            }
            if( !empty($module_desc) ){
            echo '<p>'.$module_desc.'</p>';
            }
            ?>
        </div>
        <?php }?>
        <div class="module-tab-menu <?php echo $wow_style;?>">
            <ul>
                <?php
                foreach ($module_content as $key => $value) {
                    $item_tab_menu = $value['item_tab_menu'];
                    $selected = ($key == 0) ? 'selected' : '';
                    if( !empty($item_tab_menu) ){
                        echo ' <li class="'.$selected.'">'.$item_tab_menu.'</li>';
                    }
                }?>
            </ul>
        </div>
        <div class="module-tab-box <?php echo $wow_style;?>">
            <?php
            foreach ($module_content as $key => $value) {
                $style = ($key != 0) ? ' style="display:none"' : '';

                $item_tab_menu = $value['item_tab_menu'];
                $item_title = $value['item_title'];
                $item_desc = $value['item_desc'];
                $item_img = $value['item_img'];
                $item_img_align = isset($value['item_img_align']) ? $value['item_img_align'] : 'left';
                $item_btn_text = $value['item_btn_text'];
                $item_btn_url = $value['item_btn_url'];
                ?>
                <div class="tab-item <?php if( !empty($item_img) ){ echo 'align'.$item_img_align; }else{ echo 'no-pic';}?>"<?php echo $style;?>>
                    <div class="tab-text">
                        <?php
                        if( !empty($item_title) ){
                            echo '<h3>'.$item_title.'</h3>';
                        }
                        if( !empty($item_desc) ){
                            echo apply_filters( 'the_content', $item_desc );
                            //echo wpautop($item_desc);
                        }
                        if( !empty($item_btn_text) && !empty($item_btn_url) ){
                            echo '<div class="tab-btn">';
                            echo '<a href="'.$item_btn_url.'" class="see-more" target="_blank">';
                            echo '<div class="see-more-color"></div>';
                            echo '<p>'.$item_btn_text.' <i class="ri-arrow-right-line"></i></p>';
                            echo '</a>';
                            echo '</div>';
                        }
                        ?>
                    </div>
                    <?php
                    if( !empty($item_img) ){
                        echo '<div class="tab-img">';
                        echo '<img loading="lazy" src="'.$item_img.'" id="tab-img" alt="'.dahuzi_get_image_alt($item_img).'" />';
                        echo '</div>';
                    }?>
                </div>
            <?php }?>
        </div>
    </div>
</div>
<?php }?>

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