@extends('manager.layout.master')

@section('body')
    @php
        $promoteCount = 0;
        $normalCount = 0;
        foreach ($list as $u) {
            if ($u->is_promote == 2) {
                $normalCount++;
            } else {
                $promoteCount++;
            }
        }
    @endphp

    <style>
        .promote-page-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 16px;
            margin-bottom: 15px;
            background: #fff;
            border-left: 4px solid #009688;
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
        }
        .promote-page-header .title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
        }
        .promote-page-header .stats {
            margin-left: 15px;
            font-size: 13px;
            color: #666;
        }
        .promote-page-header .stats .layui-badge {
            margin: 0 3px;
        }
        .promote-search-bar {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding: 10px 0;
        }
        .promote-search-bar .layui-form-label {
            width: auto;
            padding: 8px 10px;
        }
        .promote-search-bar .layui-input-inline {
            vertical-align: middle;
        }
        .promote-search-bar .layui-btn {
            margin-left: 8px;
        }
        .promote-table th {
            background: #f2f2f2;
            color: #333;
            font-weight: 600;
            text-align: center;
            vertical-align: middle;
        }
        .promote-table td {
            text-align: center;
            vertical-align: middle;
        }
        .promote-table tbody tr:hover {
            background: #f8f8f8;
        }
        .promote-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #e6e6e6;
            object-fit: cover;
        }
        .promote-actions .layui-btn {
            margin: 2px;
            min-width: 90px;
        }
        .promote-actions .layui-btn i {
            margin-right: 3px;
            font-size: 12px;
        }
        .promote-badge {
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 12px;
        }
    </style>

    <div class="promote-page-header">
        <div>
            <span class="title">推广人员</span>
            <span class="stats">
                推广员 <span class="layui-badge layui-bg-green">{{$promoteCount}}</span>
                普通会员 <span class="layui-badge layui-bg-gray">{{$normalCount}}</span>
            </span>
        </div>
        <a class="layui-btn layui-btn-sm layui-btn-primary" id="reload"><i class="layui-icon">&#xe669;</i> 刷新</a>
    </div>

    <!-- 搜索区 -->
    <div class="promote-search-bar">
        <form class="layui-form layui-form-pane" action="" method="get">
            <span class="layui-form-label">性别：</span>
            <div class="layui-input-inline" style="width: 100px;">
                <select name="sex">
                    <option value="">全部</option>
                    @foreach(\App\Models\User::$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: 260px;">
                <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>
            <a href="{{route('promoteList')}}" class="layui-btn layui-btn-sm layui-btn-primary">重置</a>
        </form>
    </div>

    <table class="layui-table promote-table">
        <thead>
        <tr>
            <th style="width:70px;">头像</th>
            <th>昵称</th>
            <th>编号</th>
            <th>电话</th>
            <th style="width:70px;">性别</th>
            <th style="width:100px;">生日</th>
            <th style="width:120px;">VIP到期</th>
            <th style="width:150px;">注册时间</th>
            <th style="width:110px;">身份</th>
            <th style="width:130px;">操作</th>
        </tr>
        </thead>
        <tbody id="idFrom">
        @foreach($list as $key=>$vo)
            <tr>
                <td>
                    <img class="promote-avatar" src="{{$vo->head_img_url ?? asset('admin/img/ico.png')}}" alt="">
                </td>
                <td>{{$vo->nickname}}</td>
                <td>{{$vo->code}}</td>
                <td>{{$vo->tel ?: '-'}}</td>
                <td>{{$vo->sex_text}}</td>
                <td>{{$vo->birthday ?: '-'}}</td>
                <td>{{$vo->vip_end_time ?? '-'}}</td>
                <td>{{$vo->create_time}}</td>
                <td>
                    @if($vo->is_promote == 2)
                        <span class="layui-badge layui-bg-gray">普通会员</span>
                    @else
                        <span class="layui-badge layui-bg-green">推广员</span>
                    @endif
                </td>
                <td class="promote-actions">
                    @if($vo->is_promote == 2)
                        <a class="layui-btn layui-btn-sm layui-btn-normal" onclick="handle('{{route('userSetPromote', ['id' => $vo->id])}}','是否将【{{$vo->nickname}}】设为推广员？')" lay-event="edit"><i class="layui-icon">&#xe618;</i> 设为推广</a>
                    @else
                        <a class="layui-btn layui-btn-sm layui-btn-warm" onclick="handle('{{route('userSetPromote', ['id' => $vo->id])}}','是否将【{{$vo->nickname}}】取消推广员？')" lay-event="edit"><i class="layui-icon">&#x1006;</i> 取消推广</a>
                    @endif
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('manager.include.pageBtn')

@stop