<?php
/* Template Name: register_mmc */

get_header('MedicalMediaChannel');

//$index_post = 81;
//
////獲取預設info
//$home_info = new stdClass;
//$home_info->cate1 = get_post_meta($index_post, "cate1", true);
//$home_info->part2_m_url = get_post_meta($index_post, "part2_m_url", true);
//$home_info->part2_pc_url = get_post_meta($index_post, "part2_pc_url", true);
//$home_info->part2_cate = get_post_meta($index_post, "part2_cate", true);
//$home_info->about_company_url = get_post_meta($index_post, "about_company_url", true);
//$home_info->about_content = get_post_meta($index_post, "about_content", true);
//$home_info->about_phone = get_post_meta($index_post, "about_phone", true);
//$home_info->about_call = get_post_meta($index_post, "about_call", true);
//$home_info->about_fax = get_post_meta($index_post, "about_fax", true);
//$home_info->about_addr = get_post_meta($index_post, "about_addr", true);
//$home_info->about_addr_en = get_post_meta($index_post, "about_addr_en", true);
//$home_info->payme_url = get_post_meta($index_post, "payme_url", true);

global $MMC_index_post_id; //114;
$home_info = getHomeInfo($MMC_index_post_id);

$vueVersion = time();

if (is_user_logged_in()) {
//    echo '您已登陆';
    Header("Location: /");
} else {
//    echo '请登录！';
}
?>
<style>
    .clearfix {
        font-family: Arial;
        font-weight: bold;
        opacity: 1;
    }

    .clearfix::after {
        content: '';
        clear: both;
        display: block;
    }

    .bmain {

        display: flex;
        justify-content:space-evenly;

        /*justify-content: space-around;*/
        align-items: center;
    }


    #main_bg {
        /* 加载背景图 */
        background-image: url("<?php bloginfo('template_directory'); ?>/food-app/img/login//banner_bg@2x.png");
        /* 背景图垂直、水平均居中 */
        background-position: center center;
        /* 背景图不平铺 */
        background-repeat: no-repeat;
        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
        /*background-attachment: fixed;*/
        /* 让背景图基于容器大小伸缩 */
        background-size: cover;
        /* 设置背景颜色，背景图加载过程中会显示背景色 */
        /*background-color: #464646;*/
    }

    .cbox div {
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        line-height: 50px;
    }
</style>
<app id="app">
    <yq-header></yq-header>

    <div id="main_bg" class="h-[8.19rem]">

        <main class=" w-100 py-[0.2rem] md:w-[768px] md:mx-auto xl:w-[1280px]">

            <!--login-->
            <div class=" clearfix">
                <div class="w-[6.14rem] h-[6.66rem] float-right bg-white  mt-[0.81rem] relative"
                     style="border-radius: 5px">

                    <yq-register></yq-register>

                    <div class="flex h-[0.83rem] absolute inset-x-0 bottom-0"
                         style="background: rgba(0,155,150,0.39);border-radius: 0px 0px 5px 5px;">
                        <div class="w-1/2">
                            <div class="bmain mt-[0.19rem]">
                                <div class="bmain_sub"><img :src="local_url+'img/login/facebook@2x.png'"
                                                            class="w-[0.46rem] h-[0.46rem]"></div>
                                <div class="bmain_sub"><img :src="local_url+'img/login/google@2x.png'"
                                                            class="w-[0.46rem] h-[0.46rem]"></div>
                                <div class="bmain_sub"><img :src="local_url+'img/login/wechat@2x.png'"
                                                            class="w-[0.46rem] h-[0.46rem]"></div>

                            </div>
                        </div>
                        <div class="w-1/2 text-center h-[0.83rem] leading-[0.83rem]">
                            <a href="#" class="font-medium text-main-color hover:text-white">註冊賬號>></a>
                        </div>
                    </div>
                </div>


            </div>
    </div>
    <!--login end-->

    </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-register': httpVueLoader('<?php showFoodAppPath('components/yq-register.vue?v=' . $vueVersion) ?>'),

            //'yq-header': httpVueLoader('<?php //showFoodAppPath('components/yq-header.vue?v=5') ?>//'),
            //'yq-footer': httpVueLoader('<?php //showFoodAppPath('components/yq-footer.vue?v=2') ?>//'),

            'yq-header': httpVueLoader('<?php showFoodAppPath('components/yq-header-MMC.vue?v=' . $vueVersion) ?>'),
            'yq-footer': httpVueLoader('<?php showFoodAppPath('components/yq-footer-MMC.vue?v=' . time()) ?>'),
        },
        created() {},
        data: {},
        methods: {}
    })
</script>

<?php get_footer('food'); ?>