{layout name="manager/layout" /}
<div class="layui-card layui-col-md12">
    <div class="layui-card-body">
        <div class="mgb-10">
            <form action="{:url('manager.visitLog/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 class="layui-inline">
                            <label class="layui-form-label">搜索关键词</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input format-3"  name="keyword" value="{$keyword ?? ''}" />
                            </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/>
                <col />
                <col width="180px" />
                <col width="150px" />
                <col width="80px" />
            </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 style="word-break: break-all;"><a target="_blank" href="{$item.referer}">{$item.referer}</a></td>
                <td style="word-break: break-all;">{$item.source_title}</td>
                <td><a target="_blank" href="{$item.visit}">{$item.visit}</a></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.visitLog/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.visitLog/export")}?startDate='+startDate+'&endDate='+endDate;
    window.open(url);
})
</script>