{extend name="base/header" /}
{block name="body"}
<style>
    .layui-table .widthtd{ width: 120px;}
</style>

<div style="margin: 0px 10px;">
    <p>基础信息:</p>
    <table class="layui-table">
        <tbody>
        <tr>
            <td class="widthtd"><strong>用户名</strong></td>
            <td>{$info.userprofile.username}</td>
            <td class="widthtd"><strong>用户手机号</strong></td>
            <td>{$info.userprofile.mobile}</td>
        </tr>
        <tr>
            <td class="widthtd"><strong>证书名称</strong></td>
            <td>{$info.certdata.title}</td>
            <td class="widthtd"><strong>证书价格</strong></td>
            <td>{$info.certdata.price}</td>
        </tr>
        </tbody>
    </table>

    <p>报名信息:</p>
    <table class="layui-table">
        <tbody>
        <tr>
            <td class="widthtd"><strong>单号</strong></td>
            <td>{$info.order_sn}</td>
            <td class="widthtd"><strong>姓名</strong></td>
            <td>{$info.name}</td>
        </tr>
        <tr>
            <td class="widthtd"><strong>手机号</strong></td>
            <td>{$info.mobile}</td>
            <td class="widthtd"><strong>身份证号</strong></td>
            <td>{$info.idcard}</td>
        </tr>

        <tr>
            <td class="widthtd"><strong>身份证正面</strong></td>
            <td>
                <img src="{$info.idcard_q|default=''|get_upload_file}" width="50" height="50" class="imgclick">
            </td>
            <td class="widthtd"><strong>身份证背面</strong></td>
            <td>
                <img src="{$info.idcard_h|default=''|get_upload_file}" width="50" height="50" class="imgclick">
            </td>
        </tr>

        <tr>
            <td class="widthtd"><strong>邮箱</strong></td>
            <td>{$info.email}</td>
            <td class="widthtd"><strong>标准证件照</strong></td>
            <td>
                <img src="{$info.head_img_id|default=''|get_upload_file}" width="50" height="50" class="imgclick">
            </td>
        </tr>

        <tr>
            <td class="widthtd"><strong>其他资质</strong></td>
            <td colspan="3">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>文件名称</th>
                        <th>大小</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="info.other_file_list" id="data"}
                    <tr>
                        <td>{$data.filename}</td>
                        <td>{$data.filesize}KB</td>
                        <td >
                            {in name="data.fileext" value="jpg,png,jpeg"}
                            <img src="{$data.fileurl}" width="50" height="50" class="imgclick">
                            {else/}
                            <a class="layui-btn layui-btn-xs" href="/admin/cert.cert_order/downloadfile?fileid={$data.fileid}" target="_blank">下载</a>
                            {/in}
                        </td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>



            </td>

        </tr>

        </tbody>
    </table>

</div>
{/block}
{block name="script"}
<script type="text/javascript">
    layui.use(['buildItems', 'form', 'laydate', 'util'], function () {
        var form = layui.form;
        /*解析顶部分组选项*/


    });

    $(".imgclick").click(function (){

        var src = $(this).attr('src'), alt = $(this).attr('alt');
        layer.photos({photos:{data:[{alt:alt,src:src}],start:'0'},anim:5,shade:[0.4,'#000']});
    });

    var callbackdata = function () {
        var data = $(".layui-form").serialize();
        return data;
    };

</script>
{/block}