<?php

//echo 'category-infos.php';

// 列出顶部导航菜单，菜单名称为mymenu，只列出一级菜单
//wp_nav_menu(array('menu' => 'infos_menu', 'depth' => 2));

//$t = get_terms('category', 'orderby=name&hide_empty=0' );
//print_r($t);


//$menu_name = 'infos_menu';
//$menu_items = ai_get_menu_items($menu_name);
//print_r($menu_items);


get_header('food');
$info_post_id = 267;
//獲取預設info
$home_info = getHomeInfo($info_post_id);

//$home_info = new stdClass;
//$home_info->cate1 = get_post_meta($info_post_id, "cate1", true);
//$home_info->part2_m_url = get_post_meta($info_post_id, "part2_m_url", true);
//$home_info->part2_pc_url = get_post_meta($info_post_id, "part2_pc_url", true);
//$home_info->part2_cate = get_post_meta($info_post_id, "part2_cate", true);
//$home_info->about_company_url = get_post_meta(267, "about_company_url", true);
//$home_info->about_content = get_post_meta(267, "about_content", true);
//$home_info->about_phone = get_post_meta(267, "about_phone", true);
//$home_info->about_call = get_post_meta(267, "about_call", true);
//$home_info->about_fax = get_post_meta(267, "about_fax", true);
//$home_info->about_addr = get_post_meta(267, "about_addr", true);
//$home_info->about_addr_en = get_post_meta(267, "about_addr_en", true);
//$home_info->payme_url = get_post_meta(267, "payme_url", true);

//$parameter = array(
//    'theme_location' => '',//指定显示的导航名，如果没有设置，则显示第一个
//    'menu' => 'header-menu',
//    'container' => 'nav',//最外层容器标签名
//    'container_class' => 'primary',//最外层容器class名
//    'container_id' => '',//最外层容器id值
//    'menu_class' => 'sf-menu',//ul标签class
//    'menu_id' => 'topnav',//ul标签id
//    'echo' => true,//是否打印，默认是true，如果想将导航的代码作为赋值使用，可设置为false
//    'fallback_cb' => 'wp_page_menu',//备用的导航菜单函数，用于没有在后台设置导航时调用
//    'before' => '',//显示在导航a标签之前
//    'after' => '',//显示在导航a标签之后
//    'link_before' => '',//显示在导航链接名之后
//    'link_after' => '',//显示在导航链接名之前
//    'items_wrap' => '<ul id="%1$s">%3$s</ul>',
//    'depth' => 0,//显示的菜单层数，默认0，0是显示所有层
//    'walker' => ''//调用一个对象定义显示导航菜单
//);
//wp_nav_menu($parameter);

// 列出顶部导航菜单，菜单名称为mymenu，只列出一级菜单
// wp_nav_menu(array('menu' => 'infos_menu', 'depth' => 2));

//$t = get_terms('category', 'orderby=name&hide_empty=0' );
//print_r($t);

//$pid = intval($_REQUEST['p']);
//$query = new WP_Query('p=' . $pid);
////print_r($query);
//// print_r($query->post);
//$postInfoObj = $query->post;


$menu_name = 'infos_menu';
$menuArr = ai_get_menu_items($menu_name);
//print_r($menuArr);
?>

<app id="app">
    <yq-header></yq-header>
    <!--    <yq-food-menu-infos></yq-food-menu-infos>-->

    <div id="main_bg" style="min-height:60vh;height: 60vh" class="min-h-screen">

        <main class=" w-100 py-[0.2rem] md:w-[768px] md:mx-auto xl:w-[1280px]"  style="min-height:60vh;height: 60vh">
            <div class="mx-auto max-w-xl lg:mx-0 lg:flex lg:max-w-none">
                <div class="flex-auto w-auto lg:w-1/5 ">
                    <div class="float-left p-1 w-10 mr-2 " style="border: 1px solid #cccccc;">
                        <?php //wp_nav_menu(array('menu' => 'infos_menu', 'depth' => 2)); ?>

                        <?php
                        if (is_array($menuArr)) {
                            echo '<ul class="menu_main_ul">';

                            foreach ($menuArr as $menu) {
                                echo '<li>' . $menu->title . '</li>';

                                $subMenuArr = $menu->data;
                                if (is_array($subMenuArr)) {
                                    if (count($subMenuArr) > 0) {
                                        echo '<ul class="menu_sub_ul pl-[0.2rem]">';
                                        foreach ($subMenuArr as $sub) {
                                            echo '<li>' . '<a href="' . $sub->url . '">' . $sub->title . '</a></li>';
                                        }
                                        echo '</ul>';
                                    }
                                }
                            }
                            echo '</ul>';
                        }
                        ?>

                    </div>
                </div>

<!--                lg:flex-shrink-0-->
                <div class="float-left w-full md:w-4/5 p-1 mt-1 lg:mt-0 " style="border: 1px solid #cccccc;">
                    <div class="w-auto max-w-md flex-auto overflow-hidden text-[0.26rem] p-1">
                        <div class="text-[0.36rem] border-solid border-b-2 border-main-color pb-2"><?php the_title(); ?></div>
                        <p class="mt-2 "><?php the_content(); ?></p>
                    </div>

                </div>
            </div>

        </main>
    </div>

    <yq-footer></yq-footer>
</app>

<script>
    const local_url = '<?php echo $local_url ?>'
    const home_info = JSON.parse('<?php echo json_encode($home_info) ?>')
    new Vue({
        el: "#app",
        components: {
            'yq-header': httpVueLoader('<?php showFoodAppPath('components/yq-header.vue?v=5') ?>'),
            'yq-footer': httpVueLoader('<?php showFoodAppPath('components/yq-footer.vue?v=2') ?>'),
            //'yq-food-menu-infos': httpVueLoader('<?php //showFoodAppPath('components/yq-food-menu-infos.vue') ?>//'),
        },
        created() {
            // this.get_banner()
        },
        data: {},
        methods: {}
    })
</script>
<?php get_footer('food'); ?>