
<style>
    .fukuan {

        display: inline-block;
        text-align: center;
        cursor: pointer;
        border-radius: 2px;
        margin-right: 20px;
        transition: all 0.2s;
    }
    .fukuan.active:after {
        content: '';
        display: inline-block;
        position: absolute;
        background: url(/source/zsb/images/pay/dui.png) no-repeat;
        width: 26px;
        height: 17px;
        margin-left: -26px;
        margin-top: 20px;
    }
    .title-s {
        font-size: 16px;
        color: #333;
        line-height: 56px;
        font-weight: bold;
    }
    .pay_{
        padding-left: 26px;
        padding-bottom: 17px;
    }
    .pay_type{
        padding-left: 83px;
    }
    .button_no {
        width: 120px;
        background-color: #bebebe;
        height: 35px;
        line-height: 35px;
        display: inline-block;
        color: #fff;
        font-size: 15px;
    }
    .button_yes {
        width: 120px;
        background-color: #FF7F00;
        height: 35px;
        line-height: 35px;
        display: inline-block;
        color: #fff;
        font-size: 15px;
    }
</style>

<div id="centre" class="layout">
    <div class="centreInner ms-controller" id="real-manage" ms-controller="real-manage">
        <div class="mainInner radius5 zsbreal">
            <div class="belongBox radius5">
                <div class="personalPInner fdPayInner clearfix">
                    <div class="nameBox clearfix">
                        <span class="bold left">放心看状态：</span>
                        <b class="f20 orange left mr5"><?php if($real_status >0){?>
                            已开通
                            <?php }else{?>
                            未开通
                            <?php }?>
                        </b>
                    </div>
                    <div class="nameBox clearfix">
                        <span class="bold left">保证金余额：</span>
                        <b class="f20 orange left mr5"><?=$realHouseMoney?></b>&nbsp;
                        <span class="color1 left mr45"> 元</span>

                        <div class="btnFBbox btnLJCZbox left">
                            <!--ka用户都没有提现和缴纳按钮-->
                            <?php if($real_status <= 0){?>

                                <?php if($is_applay): ?>
                                <a class="btnB btnSubmit radius5" ms-if="@formData.step == 1" href="javascript:void(0)"  ms-click="@openpay()" >开通</a>
                                <?php else: ?>
                                    <a class="btnB  radius5" style="background-color: grey;border: 1px solid grey;text-decoration: none;"  href="javascript:void(0)">开通</a>
                                <?php endif; ?>

	                        <?php } else {?>

                                <?php if($realHouseMoney>0){ ?>
                                    <a class="btnB btnSubmit radius5" href="javascript:void(0)" ms-click="@remit()" >申请提现</a>
	                            <?php }else{ ?>
                                    <a class="btnB radius5" style="background-color: grey;border: 1px solid grey;text-decoration: none;" href="javascript:void(0)">申请提现</a>
                                <?php } ?>
                            <?php } ?>
                        </div>
                    </div>
                    <?php if ($real_money > 0 && $real_status != 1) {?>
                        <div class="mt10 pb10">
                            缴纳 <span class="orange"><?=$real_money?></span> 元保证金即可参与真房源计划。<a class="blue" target="_blank" href="http://zsb.house365.com/help/?p=1292">查看详细介绍</a>
                        </div>
                    <?php } ?>
                </div>

                <div ms-if="@formData.step == 2" class="pay_">
                    <div class="title-s">支付金额：<span style="color: red"><?=$real_money?></span>元</div>
                    <div class="title-s">
                        <span>支付方式</span>

                    </div>
                    <div class="pay_type">
                       <!-- <span class="fukuan active">
                            <img src="/source/zsb/images/pay/zfb.png" alt="">
                        </span>-->
                        <span class="fukuan active">
                            <img src="/source/zsb/images/pay/weixin.png" alt="">
                        </span>
                    </div>
                    <div style="text-align: center;">
                        <div class="clear consent_box_pay" style="padding-top: 20px;">
                            <label>
                                <input id="js_checkConsent" ms-on-change="@agreement" type="checkbox" class="input_c" name="checkConsent">我已同意
                            </label>
                            <a href="/realHouse/agreement/" target="_blank">《365保证金协议》</a>
                        </div>
                        <div ms-click="@isOpenReal()" style="margin-top: 18px;"><span ms-class="['button_no',@formData.agree?'button_yes':'button_no']" >立即支付</span></div>
                    </div>
                </div>
            </div>
            <div ms-if="@formData.step == 1">
                <div class="personal_title"><strong class="title">保证金变动明细</strong></div>

                <div class="branchCommon branchCommon_pay radius5 ">
                    <div class="hd">
                        <table class="tableExpert">
                            <tr>
                                <td class="td f w160">
                                    <div class="">时间</div>
                                </td>
                                <td class="td w110">
                                    <div class="">操作</div>
                                </td>
                                <td class="td w160">
                                    <div class="">原因说明</div>
                                </td>
                                <td class="td w70">
                                    <div class="">状态</div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="mod">
                        <table class="tableExpert tableExpert_no">
                            <!--无记录-->
				            <?php if (empty($brokerLog)) {?>
                                <tr>
                                    <td colspan="4">
                                        <div class="ptb30 acenter">暂无账单记录</div>
                                    </td>
                                </tr>
				            <?php } else { ?>
					            <?php foreach($brokerLog as $item) { ?>
                                    <tr>
                                        <td class="td f w160">
                                            <div class=""><?=date('Y-m-d H:i:s', $item['create_time'])?></div>
                                        </td>
                                        <td class="td w110">
                                            <div class="">
                                                <span style="color: <?=$item['money'] > 0 ? 'red' : 'green';?>;"><?=$item['money'] > 0 ? '+'.$item['money'] : $item['money'];?></span>
                                            </div>
                                        </td>
                                        <td class="td w160">
                                            <div class=""><?=$item['reason']?></div>
                                        </td>
                                        <td class="td w70">
                                            <div class=""><?=$statusList[$item['status']]?></div>
                                        </td>
                                    </tr>
					            <?php } ?>
				            <?php } ?>
                        </table>
                    </div>
                </div>
            </div>
            <div ms-if="@formData.step == 3" class="show-wx">
                <div class="paytit">
                    <p class="f16 c3 bold">微信支付</p>
                    <div>
                        <input type="hidden" name="out_trade_no" id="out_trade_no" value="1569400542003996">
                        <span class="f16 c6 bold">支付金额：</span><span class="f18 red bold">{{@formData.pay_money}}</span>
                        <span class="f16 c6 bold">元</span>
                    </div>
                    <div style="padding-bottom:50px;padding-top: 50px;">
                        <img  ms-attr="{src:@formData.wximag}">
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<script src="/source/zsb/js/avalon/avalon_gbk.js"></script>
<script src="/source/zsb/js/layer-v3.1.1/layer/layer_gbk.js"></script>
<script type="application/javascript">
    var real_count = <?= $real_count?>;
</script>

<script src="/source/zsb/js/v1.0/real/index.js"></script>