{extend name="layout:home" /}
{block name="container"}
<style>
    .information{
        margin-left: 100px;
        margin-top: 40px;
    }
    table{
        margin-left: 100px;
        margin-top: 10px;
    }
    .td_info{
        width: 150px;
        height: 60px;
        line-height: 60px;
    }
    .td_user_info{
        width: 240px;
        height: 60px;
        line-height: 60px;
    }
    table .user_info>input{
        border: 1px #aaa solid;
        border-radius: 2px;
        height: 30px;
        width: 210px;
        line-height:30px ;
    }
    .picture td{
        height: 180px;
     }
    .images{
        width: 200px;
        height: 150px;
        border: 1px #aaa solid;
    }
</style>
<div class="layui-tab layui-tab-card">
    <form method="post" enctype="multipart/form-data">
        <div class="information">
            <div style="color:dodgerblue;">请务必保证您填写的信息准确无误，否则有可能造成认证失败</div>
            <div style="margin-top: 10px;font-size: 11px;">当前内容适用大陆客户，若您非大陆用户，请点击 <a href="">非大陆客户</a></div>
        </div>
        <div class="info">
            <table>
                <tr>
                    <td class="td_info">真实姓名</td>
                    <td class="td_user_info user_info"><input type="text" name="name" placeholder="请输入姓名" value="{$userinfo['userInfo_name']}"></td>
                    <td class="td_user_info"></td>
                </tr>
                <tr>
                    <td class="td_info">身份证号码</td>
                    <td class="td_user_info user_info"><input type="text" name="identity" placeholder="请身份证号码" value="{$userinfo['userInfo_identity']}"></td>
                    <td class="td_user_info"></td>
                </tr>
                <tr>
                    <td class="td_info">财务信息类型</td>
                    <td class="td_user_info user_info"><input type="text" name="bank_card" placeholder="银行账号" value="{$userinfo['userInfo_bank_card']}"></td>
                    <td class="td_user_info"></td>
                </tr>
                <tr>
                    <td class="td_info">开户银行账号</td>
                    <td class="td_user_info user_info"><input type="text" name="debit_card" placeholder="请输入借记卡卡号" value="{$userinfo['userInfo_debit_card']}"></td>
                    <td class="td_user_info"></td>
                </tr>
                <tr class="picture">
                    <td class="td_info"><div style="margin-top: -90px;">证件上传</div></td>
                    <td class="td_user_info user_info">
                        <div class="images"><input type="file" name="img_front" /></div>
                        <div style="width:180px;height: 20px;margin-top: -20px;text-align: center;font-size: 10px;color: #AAA;">证件正面</div>
                    </td>
                    <td class="td_user_info">
                        <div class="images"><input type="file" name="img_back"></div>
                        <div style="width:180px;height: 20px;margin-top: -20px;text-align: center;font-size: 10px;color: #AAA;">证件反面</div>
                    </td>
                </tr>
                <tr>
                    <td class="td_info"></td>
                    <td class="td_user_info"><input type="checkbox" name="ch_box" id="ch_box" onclick="c_box()" /><span>同意 <a href="shenming.html" target="_blank"> 真实性声明</a></span></td>
                    <td class="td_user_info"></td>
                </tr>
                <tr>
                    <td class="td_info"></td>
                    <td class="td_user_info user_info">
                        <input type="submit" value="确认" style="width: 70px;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="button" id="cancel" value="取消" style="width: 70px;">
                    </td>
                    <td class="td_user_info"></td>
                </tr>
            </table>
        </div>
    </form>
</div>
<script>
    $("#cancel").click(function(){
        window.history.back(-1);
    });
</script>
<script type="text/javascript">
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#creatTime' //指定元素
        });
        laydate.render({
            elem:'#timeRang',
            range:true,
            format: 'yyyy/MM/dd',
            done: function(value, date){
                /* 时间选择完成后的回调 */
            }
        })
    });
</script>
{/block}