@extends('manager.layout.master')

@section('body')
    <!-- 页头 -->
    <div class="wuge-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" onclick="openView('{{route('wugeAdd')}}','添加五格解释','980px')">
                <i class="layui-icon">&#xe608;</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="wuge-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:100px;">
                <select name="sex">
                    <option value="">性别</option>
                    @foreach(\App\Models\Wuge::$sexList as $key=>$vo)
                        <option value="{{$key}}" @if(request('sex')==$key) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>

            <div class="layui-input-inline" style="width:100px;">
                <select name="type">
                    <option value="">类型</option>
                    @foreach(\App\Models\Wuge::$typeList as $key=>$vo)
                        <option value="{{$key}}" @if(request('type')==$key) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>

            <div class="layui-input-inline" style="width:220px;">
                <input type="text" name="keyword" value="{{request()->get('keyword')}}" autocomplete="off" placeholder="解释内容关键词" 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:60px;">性别</th>
            <th style="text-align:center;width:70px;">类型</th>
            <th style="text-align:center;width:60px;">笔画</th>
            <th>解释</th>
            <th style="text-align:center;width:70px;">分数</th>
            <th style="text-align:center;width:140px;">创建时间</th>
            <th style="text-align:center;width:130px;">操作</th>
        </tr>
        </thead>
        <tbody id="idFrom">
        @foreach($list as $key=>$vo)
            <tr style="vertical-align:middle;">
                <td style="text-align:center;">
                    @if($vo->sex == 1)
                        <span class="layui-badge layui-bg-blue">男版</span>
                    @else
                        <span class="layui-badge layui-bg-pink">女版</span>
                    @endif
                </td>
                <td style="text-align:center;">
                    @if(in_array($vo->type, [2,5]))
                        <span class="layui-badge layui-bg-green">{{$vo->type_text}}</span>
                    @elseif($vo->type == 1)
                        <span class="layui-badge layui-bg-cyan">{{$vo->type_text}}</span>
                    @elseif($vo->type == 3)
                        <span class="layui-badge layui-bg-orange">{{$vo->type_text}}</span>
                    @else
                        <span class="layui-badge layui-bg-gray">{{$vo->type_text}}</span>
                    @endif
                </td>
                <td style="text-align:center;font-size:13px;color:#555;">{{$vo->value}}</td>
                <td>
                    <div style="max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6;color:#555;font-size:13px;" title="{{$vo->spk}}">
                        {{$vo->spk}}
                    </div>
                </td>
                <td style="text-align:center;">
                    @if($vo->score >= 80)
                        <span class="layui-badge layui-bg-green">{{$vo->score}}</span>
                    @elseif($vo->score >= 60)
                        <span class="layui-badge layui-bg-orange">{{$vo->score}}</span>
                    @else
                        <span class="layui-badge layui-bg-red">{{$vo->score}}</span>
                    @endif
                </td>
                <td style="text-align:center;font-size:12px;color:#666;">{{$vo->create_time}}</td>
                <td style="text-align:center;">
                    <div style="display:flex;justify-content:center;gap:6px;">
                        <a class="layui-btn layui-btn-xs layui-btn-normal" onclick="openView('{{route('wugeEdit',['id' => $vo->id])}}','编辑','980px')" lay-event="edit"><i class="layui-icon">&#xe642;</i>编辑</a>
                        <a class="layui-btn layui-btn-xs layui-btn-danger" onclick="del('{{ route('wugeDel', ['id' => $vo->id]) }}')" lay-event="del"><i class="layui-icon">&#xe640;</i>删除</a>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('manager.include.pageBtn')

@stop