@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;
    }
    .area-sum-amount{
        font-size: 15px;
    }
</style>
@section('content')
<div class="w1200 m0a" id="storeManagerIndex">
    {{--顶部搜索--}}
    <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[uid]" id="" type="text" value="{{ $search['uid'] }}" placeholder="用户ID">
                            </div>
                            <div class="col-xs-12 col-sm-8 col-lg-3">
                                <input class="form-control" name="search[nickname]" id="" type="text" value="{{ $search['nickname'] }}" placeholder="用户昵称|真实姓名">
                            </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;">
            <div class="area-sum-amount">小区总业绩：{{ $min_area_sum_amount }}</div>
            <table class="table" style="min-width:1500px;overflow: auto;">
                <thead>
                <tr>
                    <th style="text-align:center;width: 80px;">UID</th>
                    <th style="text-align:center;">店长信息</th>
                    <th style="text-align:center;">总业绩</th>
                    <th style="text-align:center;">小区业绩 / 平台小区业绩占比</th>
                    <th style="text-align:center;">大区业绩</th>
                    <th style="text-align:center;">操作</th>
                </tr>
                </thead>
                <tbody>
                    @foreach ($list as $item)
                        <tr style="height: 50px;">
                            <td style="text-align:center;">{{ $item['uid'] }}</td>
                            <td style="text-align:center;" >
                                <div class="user">
                                    <div class="user-avatar">
                                        <img class="avatar-image" src="{{$item['has_one_member']['avatar_image']}}" />
                                    </div>
                                    <div class="user-info">
                                        <div class="user-nickname">{{ $item['has_one_member']['username'] ? : $item['has_one_member']['nickname'] }}</div>
                                        <div class="user-status">ID：{{ $item['has_one_member']['uid'] }}</div>
                                    </div>
                                </div>
                            </td>
                            <td style="text-align:center;">{{ $item['team_performance']['team_amount'] ?? '0.00' }}</td>
                            <td style="text-align:center;">{{ $item['team_performance']['area_amount'] ?? '0.00'}} / {{ $item['team_performance']['area_amount_rate'] ?? '0'}}%</td>
                            <td style="text-align:center;">{{ $item['team_performance']['max_amount'] ?? '0.00' }}</td>
                            <td style="text-align:center;">
                                <button onclick="seeInfo({{$item['uid']}})" type="button" class="btn btn-info btn-sm">团队业绩明细</button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {!! $pager !!}
        </div>
    </div>
</div>
<script type="text/javascript">
    // 查看店长业绩及补助信息
    function seeInfo(uid){
        let link = "{{yzWebUrl('plugin.team-dividend.admin.team.teamPerformanceList')}}" + `&uid=${uid}`;
        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