<?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-05-28 17:14:12
 */

if(is_array($module_content)){?>
<div class="section module-theme-tab"<?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-wrapper <?php echo $wow_style;?>">
            <div class="module-tab-menu">
                <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
                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_btn_text = $value['item_btn_text'];
                    $item_btn_url = $value['item_btn_url'];
                    ?>
                    <div class="tab-item"<?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>
                    </div>
                <?php }?>
            </div>
        </div>
    </div>
</div>
<?php }?>

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