@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;
    }
</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 name="search[type]" class="form-control">
                                    <option value="-1">全部权重值类型</option>
                                    <option value="0" @if($search['type'] == '0')  selected="selected"@endif>经纪人权重值</option>
                                </select>
                            </div>
                            <div class="col-xs-12 col-sm-8 col-lg-3">
                                <select name="search[change_type]" class="form-control">
                                    <option value="-1">全部变更类型</option>
                                    <option value="0" @if($search['change_type'] == '0')  selected="selected"@endif>减少</option>
                                    <option value="1" @if($search['change_type'] == '1')  selected="selected"@endif>增加</option>
                                </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: 80px;">ID</th>
                    <th style="text-align:left;">用户信息</th>
                    <th style="text-align:center;">权重值类型</th>
                    <th style="text-align:center;">变更数量</th>
                    <th style="text-align:center;">变更后数量</th>
                    <th style="text-align:center;width: 300px;">备注</th>
                    <th style="text-align:center;">变更时间</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;">
                                @if($item['type'] == 0)
                                    经纪人权重值
                                @else

                                @endif
                            </td>
                            <td style="text-align:center;">
                                @if($item['change_type'] == 0)
                                    <span class="label label-danger">-{{$item['change_quantity']}}</span>
                                @else
                                    <span class="label label-success">+{{$item['change_quantity']}}</span>
                                @endif
                            </td>
                            <td style="text-align:center;">
                                <span class="label label-info">{{$item['change_after']}}</span>
                            </td>
                            <td style="text-align:center;">{{$item['remark']}}</td>
                            <td style="text-align:center;">{{$item['created_at']}}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {!! $pager !!}
        </div>
    </div>
</div>
<script type="text/javascript"></script>
@endsection