@extends('manager.layout.master')

@section('body')
    <!-- 页头 -->
    <div class="font-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('fontAdd')}}','添加字','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="font-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:110px;">
                <select name="wx">
                    <option value="">五行</option>
                    @foreach(\App\Models\Font::$wxList as $key=>$vo)
                        <option value="{{$vo}}" @if(request('wx')==$vo) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>

            <div class="layui-input-inline" style="width:90px;">
                <select name="xiongji">
                    <option value="">吉凶</option>
                    @foreach(\App\Models\Font::$xiongjiList as $key=>$vo)
                        <option value="{{$key}}" @if(request('xiongji')==$key) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>

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

            <div class="layui-input-inline" style="width:90px;">
                <select name="is_xing">
                    <option value="">姓氏</option>
                    @foreach(\App\Models\Font::$isXingList as $key=>$vo)
                        <option value="{{$key}}" @if(request('is_xing')==$key) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>

            <div class="layui-input-inline" style="width:100px;">
                <select name="is_you">
                    <option value="">是否优</option>
                    @foreach(\App\Models\Font::$isYouList as $key=>$vo)
                        <option value="{{$key}}" @if(request('is_you')==$key) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>

            <div class="layui-input-inline" style="width:90px;">
                <input type="text" name="font" value="{{request()->get('font')}}" autocomplete="off" placeholder="字" class="layui-input">
            </div>
            <div class="layui-input-inline" style="width:100px;">
                <input type="text" name="kxbh" value="{{request()->get('kxbh')}}" 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="width:90px;">拼音</th>
            <th style="width:110px;text-align:center;">部首(笔画)</th>
            <th style="width:70px;text-align:center;">总笔画</th>
            <th style="width:130px;text-align:center;">康熙字典(笔画)</th>
            <th style="width:70px;text-align:center;">五行</th>
            <th style="text-align:center;">属性</th>
            <th style="width:120px;text-align:center;">操作</th>
        </tr>
        </thead>
        <tbody id="idFrom">
        @foreach($list as $key=>$vo)
            <tr style="vertical-align:middle;">
                <td style="text-align:center;">
                    <span style="font-size:18px;font-weight:600;color:#333;">{{$vo->font}}</span>
                </td>
                <td>
                    @if($vo->pinyin)
                        <span style="font-size:13px;color:#555;">{{$vo->pinyin}}</span>
                    @else
                        <span style="font-size:12px;color:#bbb;">-</span>
                    @endif
                </td>
                <td style="text-align:center;font-size:13px;color:#555;">
                    @if($vo->bs)
                        {{$vo->bs}}({{$vo->bsbh}})
                    @else
                        <span style="color:#bbb;">-</span>
                    @endif
                </td>
                <td style="text-align:center;font-size:13px;color:#555;">
                    @if($vo->zbh)
                        {{$vo->zbh}}
                    @else
                        <span style="color:#bbb;">-</span>
                    @endif
                </td>
                <td style="text-align:center;font-size:13px;color:#555;">
                    @if($vo->kx_font || $vo->kxbh)
                        <span>{{$vo->kx_font ?: '-'}}<span style="color:#999;font-size:12px;">({{$vo->kxbh ?: '-'}})</span></span>
                    @else
                        <span style="color:#bbb;">-</span>
                    @endif
                </td>
                <td style="text-align:center;">
                    @if($vo->wx)
                        <span class="layui-badge layui-bg-cyan">{{$vo->wx}}</span>
                    @else
                        <span class="layui-badge layui-bg-gray" style="font-size:12px;">未设</span>
                    @endif
                </td>
                <td style="text-align:center;">
                    <div style="display:flex;justify-content:center;gap:4px;flex-wrap:wrap;align-items:center;">
                        @if($vo->xiongji == 1)
                            <span class="layui-badge layui-bg-green">吉</span>
                        @else
                            <span class="layui-badge layui-bg-orange">凶</span>
                        @endif

                        @if($vo->changyong == 1)
                            <span class="layui-badge layui-bg-green">常用</span>
                        @else
                            <span class="layui-badge layui-bg-gray">不常用</span>
                        @endif

                        @if($vo->is_xing == 1)
                            <span class="layui-badge layui-bg-blue">姓</span>
                        @else
                            <span class="layui-badge layui-bg-gray">非姓</span>
                        @endif

                        @if($vo->is_you == 1)
                            <a class="layui-badge layui-bg-orange" style="cursor:pointer;" onclick="handle('{{route('fontSetYou', ['id' => $vo->id])}}','是否把该记录设为非优？')" title="点击设为非优">优</a>
                        @else
                            <a class="layui-badge layui-bg-gray" style="cursor:pointer;" onclick="handle('{{route('fontSetYou', ['id' => $vo->id])}}','是否把该记录设为优？')" title="点击设为优">非优</a>
                        @endif
                    </div>
                </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('fontEdit',['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('fontDel', ['id' => $vo->id]) }}')" lay-event="del"><i class="layui-icon">&#xe640;</i>删除</a>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('manager.include.pageBtn')

@stop