{include file="Public:header2" /}

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <!-- 搜索条件 -->
            <div id="verification-code-list-body">
                <form class="layui-form layui-form-pane" method="get" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <div class="layui-input-inline" style="width: 200px;">
                                <input type="text" name="account" value="{$account}" placeholder="手机号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <button class="layui-btn" lay-submit lay-filter="search-verification-code">
                                <i class="layui-icon layui-icon-search"></i> 查询
                            </button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>

            <!-- 数据表格 -->
            <table class="layui-table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>手机号</th>
                        <th>验证码</th>
                        <th>IP地址</th>
                        <th>发送时间</th>
                        <th>过期时间</th>
                    </tr>
                </thead>
                <tbody>
                    {volist name="list" id="item"}
                    <tr>
                        <td>{$item.id}</td>
                        <td>{$item.account}</td>
                        <td>{$item.code}</td>
                        <td>{$item.ip_address}</td>
                        <td>{$item.created_at}</td>
                        <td>{$item.expired_at}</td>
                    </tr>
                    {/volist}
                </tbody>
            </table>
            <div class="my_page layui-box layui-laypage layui-laypage-default">
                {$list|raw}
            </div>
        </div>
    </div>
</div>
{include file="Public:footer"/}
<script type="text/javascript">
    layui.use(['table', 'laydate'], function () {
        //执行一个laydate实例
        var laydate = layui.laydate;
        laydate.render({
            elem: '#addtime'
            , type: 'datetime'
            , range: true
        });
    });



</script>
</body>

</html>