@extends('manager.layout.master')

@section('body')
    <!-- 页头 -->
    <div class="systemlog-page-header" style="display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:4px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);">
        <div style="display:flex;align-items:center;gap:10px;">
            <h3 style="margin:0;font-size:16px;font-weight:600;color:#333;">操作日志</h3>
            <span class="layui-badge layui-bg-blue">{{$list->total() ?? count($list)}}</span>
        </div>
        <div style="display:flex;gap:8px;">
            <a class="layui-btn layui-btn-sm layui-bg-green" data-total="{{$list->total()}}" data-url="{{route('systemLogsToExcel',request()->except('_url'))}}" id="toExcel_btn">
                <i class="layui-icon">&#xe601;</i>导出表格
            </a>
            <a class="layui-btn layui-btn-sm layui-btn-normal" id="reload">
                <i class="layui-icon">&#xe669;</i>
            </a>
        </div>
    </div>

    <!-- 搜索区 -->
    <div class="systemlog-search-bar" style="background:#fff;padding:12px 16px;border-radius:4px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);">
        <form class="layui-form layui-form-pane" action="" method="get" style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
            <div class="layui-input-inline" style="width:220px;">
                <input type="text" id="date" name="create_time" value="{{request('create_time')}}" autocomplete="off" placeholder="操作时间范围" class="layui-input">
            </div>
            <div class="layui-input-inline" style="width:260px;">
                <input type="text" name="keyword" value="{{request()->get('keyword')}}" autocomplete="off" placeholder="操作内容 / IP" class="layui-input">
            </div>
            <button type="submit" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe615;</i> 查询</button>
        </form>
    </div>

    <!-- 数据表格 -->
    <table class="layui-table" lay-skin="line" lay-size="sm">
        <thead>
        <tr style="background:#f8f8f8;">
            <th style="text-align:center;width:100px;white-space:nowrap;">用户名</th>
            <th style="text-align:center;width:130px;white-space:nowrap;">IP地址</th>
            <th>操作内容</th>
            <th style="text-align:center;width:150px;white-space:nowrap;">操作时间</th>
        </tr>
        </thead>
        <tbody id="idFrom">
        @foreach($list as $key=>$vo)
            <tr style="vertical-align:middle;">
                <td style="text-align:center;white-space:nowrap;">
                    <span style="font-size:13px;color:#555;">{{$vo->manager->name ?? '-'}}</span>
                </td>
                <td style="text-align:center;font-size:13px;color:#666;white-space:nowrap;">
                    <code style="background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Consolas,monospace;">{{$vo->ip}}</code>
                </td>
                <td>
                    <div style="max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6;color:#555;font-size:13px;" title="{{$vo->content}}">
                        {{$vo->content}}
                    </div>
                </td>
                <td style="text-align:center;font-size:12px;color:#666;white-space:nowrap;">{{$vo->create_time}}</td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('manager.include.pageBtn')

@stop