{layout name="manager/layout" /}
<div class="layui-card layui-col-md12">
    <div class="layui-card-body">
        <div class="mgb-10">
            <form action="{:url('manager.message/index')}" method="get" class="layui-form over-auto">
                <input type="hidden" name="__token__" value="{$_token}" />
                <div class="fl">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">开始日期</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input layui-date-input format-3" name="startDate" value="{$startDate ?? ''}" id="search-startDate" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">截止日期</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input layui-date-input format-3"  name="endDate" value="{$endDate ?? ''}" id="search-endDate" />
                            </div>
                        </div>
                    </div>

                </div>
                <div class="fr">
                    <button type="submit"  class="layui-btn"  lay-submit>查询记录</button>
<!--                    <button type="button" class="layui-btn" id="export-msg">查询导出</button>-->
                </div>
            </form>
        </div>

        <table class="layui-table" id="check_box">
            <colgroup>
                <col width="180px" />
                <col width="180px" />
                <col />
                <col width="180px" />
                <col width="150px" />
                <col width="50px" />
            </colgroup>
            <thead>
                <td>姓名</td>
                <td>电话</td>
                <td>留言</td>
                <td>IP</td>
                <td>留言时间</td>
                <td>操作</td>
            </thead>
            {if !$items->isEmpty()}
            {foreach $items as $item}
            <tr class="select_box">
                <td>{$item.name}</td>
                <td>{$item.tel}</td>
                <td>{$item.content}</td>
                <td>{$item.ip}</td>
                <td>{$item.create_time|date='Y-m-d H:i:s'}</td>
                <td>
                    <a class="del layui-btn layui-btn-danger layui-btn-xs" data-url="{:url('manager.message/del')}" data-id="{$item['id']}" href="javascript:void(0);">删除</a>
                </td>
            </tr>
            {/foreach}
            {/if}
        </table>
        {if !$items->isEmpty()}
        <div class="page top30">{$items->render()|raw}</div>
        {/if}
    </div>
</div>

<script>
$('#export-msg').click(function () {
    let startDate = $.trim($('#search-startDate').val());
    let endDate = $.trim($('#search-endDate').val());
    let url = '{:url("manager.message/export")}?startDate='+startDate+'&endDate='+endDate;
    window.open(url);
})
</script>