<?php if (!defined('ROOT')){ echo 'Deny ...'; exit; } extract($data); ?>
<ons-page>
    <div class="navigation-bar">
        <div class="navigation-bar__left">
            <span class="toolbar-button--quiet navigation-bar__line-height" onclick="userNavigator.popPage();">
                <i class="ion-ios-arrow-back" style="font-size:32px; vertical-align:-6px;"></i>
                返回
            </span>
        </div>
        <div class="navigation-bar__center">
            购买VIP会员
        </div>
        <div class="navigation-bar__right"></div>
    </div>
    <ul class="list">
        <li class="list__header" style="line-height: 30px;">购买时长</li>        
        <li class="list__item list__item--tappable">
            <label class="radio-button radio-button--list-item">
                <input type="radio" name="buyTime" checked="checked" value="24">
                <div class="radio-button__checkmark radio-button--list-item__checkmark"></div>
                6个月 ＝ 24元 <font color="red">(特惠)</font>
            </label>
        </li>
        <li class="list__item list__item--tappable">
            <label class="radio-button radio-button--list-item">
                <input type="radio" name="buyTime" value="8">
                <div class="radio-button__checkmark radio-button--list-item__checkmark"></div>
                1个月 ＝ 8元
            </label>
        </li>
        <!--li class="list__item list__item--tappable">
            <label class="radio-button radio-button--list-item">
                <input type="radio" name="buyTime" value="48">
                <div class="radio-button__checkmark radio-button--list-item__checkmark"></div>
                6个月 ＝ 48元 <font color="red">(送 2个月)</font>
            </label>
        </li>
        <li class="list__item list__item--tappable">
            <label class="radio-button radio-button--list-item">
                <input type="radio" name="buyTime" value="96">
                <div class="radio-button__checkmark radio-button--list-item__checkmark"></div>
                12个月 ＝ 96元 <font color="red">(送 4个月)</font>
            </label>
        </li-->
    </ul>
    <ul class="list">
        <li class="list__header" style="line-height: 30px;">联系信息</li>
        <li class="list__item">
            <input type="text" class="text-input" value="<?php echo $lastInsert ? $lastInsert['username'] : '';?>" name="username" id="buyNickname" placeholder="请输入您的姓名" style="width: 100%; height: 38px; margin-top: 8px; margin-bottom: 8px;">
        </li>
        <li class="list__item">
            <input type="tel" class="text-input" value="<?php echo $lastInsert ? $lastInsert['phone'] : '';?>" name="phone" id="buyPhone" placeholder="请输入手机号码" style="width: 100%; height: 38px; margin-top: 8px; margin-bottom: 8px;">
        </li>
    </ul>
    <div style="padding: 10px">
        <div style="font-size: 12px; color: gray; margin-bottom: 12px;">
            <input type="checkbox" name="buyChecked" id="buyChecked" checked value="1"/> 已阅读并同意<a href="<?php echo service::get_option('vipAgreement');?>" target="_blank"><font color="red">《VIP会员服务协议》</font></a>和<a href="<?php echo service::get_option('siteLicense');?>" target="_blank"><font color="red">《平台许可及服务协议》</font></a>
        </div>
        <button class="button button--large" onclick="buyNow($(this));">立即购买</button>
    </div>
</ons-page>