@extends('manager.layout.master')

@section('body')
    <!-- 页头 -->
    <div class="mascot-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('mascotAdd')}}','添加吉祥物','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="mascot-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:140px;">
                <select name="mascot_type_id">
                    <option value="">选择分类</option>
                    @foreach(\App\Models\MascotType::all() as $key=>$vo)
                        <option value="{{$vo->id}}" @if(request('mascot_type_id')==$vo->id) selected @endif>{{$vo->title}}</option>
                    @endforeach
                </select>
            </div>
            <div class="layui-input-inline" style="width:120px;">
                <select name="status">
                    <option value="">选择状态</option>
                    @foreach(\App\Models\Article::$statusList as $key=>$vo)
                        <option value="{{$key}}" @if(request('status')==$key) selected @endif>{{$vo}}</option>
                    @endforeach
                </select>
            </div>
            <div class="layui-input-inline" style="width:200px;">
                <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:70px;">图片</th>
            <th>名称</th>
            <th style="width:120px;">分类</th>
            <th style="width:70px;text-align:center;">状态</th>
            <th style="width:80px;text-align:right;">价格</th>
            <th style="width:80px;text-align:center;">库存/销量</th>
            <th style="width:90px;text-align:center;">推荐</th>
            <th style="width:55px;text-align:center;">排序</th>
            <th style="width:160px;text-align:center;">操作</th>
        </tr>
        </thead>
        <tbody id="idFrom">
        @foreach($list as $key=>$vo)
            <tr style="vertical-align:middle;">
                <td style="text-align:center;">
                    <img style="width:40px;height:40px;border-radius:4px;object-fit:cover;border:1px solid #eee;" src="{{$vo->img->url ?? ''}}" alt="">
                </td>
                <td>
                    <div style="font-weight:500;color:#333;">{{$vo->title}}</div>
                </td>
                <td>
                    <div style="display:flex;align-items:center;gap:6px;">
                        <img style="width:20px;height:20px;border-radius:3px;object-fit:cover;" src="{{$vo->mascotType->img->url ?? asset('admin/img/ico.png')}}" alt="">
                        <span style="font-size:13px;color:#555;">{{$vo->mascotType->title ?? '-'}}</span>
                    </div>
                </td>
                <td style="text-align:center;">
                    @if($vo->status == 1)
                        <span class="layui-badge layui-bg-green">{{$vo->status_text}}</span>
                    @else
                        <span class="layui-badge layui-bg-gray">{{$vo->status_text}}</span>
                    @endif
                </td>
                <td style="text-align:right;font-weight:600;color:#ff5722;">
                    {{$vo->price}}<span style="font-size:12px;color:#999;font-weight:400;">缘</span>
                </td>
                <td style="text-align:center;font-size:13px;color:#666;">{{$vo->inventory}} / {{$vo->sales_volume}}</td>
                <td style="text-align:center;">
                    <div style="display:flex;flex-direction:column;align-items:center;gap:4px;">
                        @if($vo->is_index == 1)
                            <span class="layui-badge layui-bg-green" style="cursor:pointer;" title="点击取消 APP 首页推荐" onclick="handle('{{route('mascotSetIndex', ['id' => $vo->id])}}','是否把该吉祥物取消(APP)首页推荐？')">APP首页</span>
                        @else
                            <span class="layui-badge layui-bg-gray" style="cursor:pointer;" title="点击推荐到 APP 首页" onclick="handle('{{route('mascotSetIndex', ['id' => $vo->id])}}','是否把该吉祥物推荐(APP)首页？')">APP未推</span>
                        @endif
                        @if($vo->is_mascot == 1)
                            <span class="layui-badge layui-bg-orange" style="cursor:pointer;" title="点击取消吉祥物首页推荐" onclick="handle('{{route('mascotSetMascot', ['id' => $vo->id])}}','是否把该吉祥物取消(吉祥物)首页推荐？')">吉祥首页</span>
                        @else
                            <span class="layui-badge layui-bg-gray" style="cursor:pointer;" title="点击推荐到吉祥物首页" onclick="handle('{{route('mascotSetMascot', ['id' => $vo->id])}}','是否把该吉祥物推荐(吉祥物)首页？')">吉祥未推</span>
                        @endif
                    </div>
                </td>
                <td style="text-align:center;">{{$vo->sort}}</td>
                <td style="text-align:center;">
                    <div style="display:flex;justify-content:center;gap:6px;">
                        @if($vo->status == 2)
                            <a class="layui-btn layui-btn-xs layui-btn-warm" title="上架" onclick="handle('{{route('mascotHandle', ['id' => $vo->id])}}','是否把该吉祥物设为上架？')" lay-event="edit"><i class="layui-icon">&#xe60c;</i>上架</a>
                        @else
                            <a class="layui-btn layui-btn-xs layui-btn-danger" title="下架" onclick="handle('{{route('mascotHandle', ['id' => $vo->id])}}','是否把该吉祥物设为下架？')" lay-event="edit"><i class="layui-icon">&#xe60c;</i>下架</a>
                        @endif
                        <a class="layui-btn layui-btn-xs layui-btn-normal" title="编辑" onclick="openView('{{route('mascotEdit',['id' => $vo->id])}}','编辑','980px')" lay-event="edit"><i class="layui-icon">&#xe642;</i>编辑</a>
                        <a class="layui-btn layui-btn-xs layui-btn-danger" title="删除" onclick="del('{{ route('mascotDel', ['id' => $vo->id]) }}')" lay-event="del"><i class="layui-icon">&#xe640;</i>删除</a>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('manager.include.pageBtn')

@stop