@extends('layouts.base')
<style>
    .user{
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
        height: 80px;
    }
    .user .user-avatar{
        height: 50px;
        width: 50px;
        margin-right: 5px;
        border-radius: 50%;
        overflow: hidden;
    }
    .user .user-avatar .avatar-image{
        width: 100% !important;
        height: 100% !important;
    }
    .user .user-info{
        height: 50px;
        text-align: left;
    }
    .user .user-info .user-nickname{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .user .user-info .user-status{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .level_0{
        background-color: #5bc0de!important;
    }
    .level_1{
        background-color: #f0ad4e!important;
    }
    .level_2{
        background-color: #5cb85c!important;
    }
    .level_3{
        background-color: #337ab7!important;
    }
    .level_4{
        background-color: #d9534f!important;
    }
</style>
@section('content')
<div class="w1200 m0a" id="terminalMerchantsIndex">
    {{--顶部搜索--}}
    <div class="panel panel-info">
        <div class="panel-body">
            <form action="" method="post" class="form-horizontal" role="form" id="form1">
                <div class="form-group">
                    <div class="col-sm-11 col-xs-12">
                        <div class="row row-fix tpl-category-container" >
                            <div class="col-xs-12 col-sm-8 col-lg-3">
                                <input class="form-control" name="search[member_id]" type="text" value="{{ $search['member_id'] }}" placeholder="用户ID">
                            </div>
                            <div class="col-xs-12 col-sm-8 col-lg-3">
                                <select class="form-control" name="search[team_dividend_agency_level_id]">
                                    <option value="0" @if (!$search['team_dividend_agency_level_id']) selected="selected" @endif>全部</option>
                                    @foreach($level_list as $levelItem)
                                        <option value="{{$levelItem['id']}}" @if ($search['team_dividend_agency_level_id'] == $levelItem['id']) selected="selected" @endif>
                                            {{$levelItem['level_name']}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12 col-sm-6 col-lg-6">
                        <button class="btn btn-success" id="search"><i class="fa fa-search"></i> 搜索</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    {{--信息列表--}}
    <div class="panel panel-default">
        <div class="panel-body" style="padding-top: 0;margin-bottom: 30px;overflow: auto;padding-right: 30px;">
            <table class="table" style="min-width:1500px;overflow: auto;">
                <thead>
                <tr>
                    <th style="text-align:center;width: 120px;">ID</th>
                    <th style="text-align:left;">用户信息</th>
                    <th style="text-align:center;">权重值类型</th>
                    <th style="text-align:center;">
                        <span class="label label-default">平台总数</span>
                        <span class="label label-info">用户持有</span>
                        <span class="label label-warning">占比(%)</span>
                    </th>
                    <th style="text-align:center;width: 350px;">操作</th>
                </tr>
                </thead>
                <tbody>
                    @foreach ($list as $item)
                        <tr style="height: 50px;">
                            <td style="text-align:center;">{{ $item['id'] }}</td>
                            <td style="text-align:left;" >
                                <div class="user">
                                    <div class="user-avatar">
                                        <img class="avatar-image" src="{{$item['member']['avatar_image']}}" />
                                    </div>
                                    <div class="user-info">
                                        <div class="user-nickname">昵称：{{ $item['member']['nickname'] }}</div>
                                        <div class="user-status">ID：{{ $item['member']['uid'] }}</div>
                                    </div>
                                </div>
                            </td>
                            <td style="text-align:center;">
                                <span class="label level_{{$item['sort']}}">
                                    {{ $item['level'] ? $item['level']['level_name'].'权重值' : '' }}
                                </span>
                            </td>
                            <td style="text-align:center;">
                                <span class="label label-default">{{ $item['total_quantity'] }}</span>
                                <span class="label label-info">{{ $item['quantity'] }}</span>
                                <span class="label label-warning">{{ $item['ratio'].'%' }}</span>
                            </td>
                            <td style="text-align:center;">
                                <button onclick="seeDetail({{$item['member_id']}},{{$item['team_dividend_agency_level_id']}})" type="button" class="btn btn-info btn-sm">
                                    变更明细
                                </button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {!! $pager !!}
        </div>
    </div>
</div>

<script type="text/javascript">
    // 查看销售信息统计
    function seeDetail(member_id,level_id){
        let link = "{{yzWebUrl('plugin.weight-value.admin.index.changeRecord')}}" + `&member_id=${member_id}&level_id=${level_id}`;
        let popup = util.ajaxshow(link,'权重值变更明细',{
            width: $(window).width() * 0.8 > 1200 ? $(window).width() * 0.8 : 1200,
            height: $(window).height() * 0.8 > 1200 ? $(window).height() * 0.8 : 1200,
        });
    }
</script>
@endsection