@extends('layouts.base')

@section('content')
@section('title', trans('主播管理'))
@include('layouts.tabs')
<style>
    select{width: 25%; height: 34px;}
    #saleravatar img{width: 200px; height: 200px;}
</style>
<div class='panel panel-default'>
    <form action="" method="post" class="form-horizontal" id="form1">
        <div class="panel panel-info">
            <div class="panel-body">

                <div class="form-group col-xs-12 col-sm-2">
                    <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">会员信息</label>-->
                    <!--<div class="col-xs-12 col-sm-8 col-lg-9">-->
                    <input class="form-control" name="search[member_id]" id="" type="text"
                           value="{{$search['member_id']}}" placeholder="会员ID">
                    <!--</div>-->
                </div>
                <div class="form-group col-xs-12 col-sm-2">
                    <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">会员信息</label>-->
                    <!--<div class="col-xs-12 col-sm-8 col-lg-9">-->
                        <input class="form-control" name="search[member]" id="" type="text"
                               value="{{$search['member']}}" placeholder="昵称/姓名/手机">
                    <!--</div>-->
                </div>


                <div class="form-group col-xs-12 col-sm-3">

                        <select name='search[member_level]' class='form-control'>
                            <option value=''>会员等级</option>
                            <option value='0' @if($search['member_level'] === '0') selected @endif>普通会员</option>
                            @foreach($member_level as $v)
                                <option value='{{$v['id']}}' @if($search['member_level'] == $v['id']) selected @endif>{{$v['level_name']}}</option>
                            @endforeach
                        </select>

                </div>

                <div class="form-group col-xs-12 col-sm-3">

                    <select name='search[anchor_level]' class='form-control'>
                        <option value=''>主播等级</option>
                        <option value='0' @if($search['anchor_level'] === '0') selected @endif>默认等级</option>
                        @foreach($anchor_level as $v)
                            <option value='{{$v['id']}}' @if($search['anchor_level'] == $v['id']) selected @endif>{{$v['name']}}</option>
                        @endforeach
                    </select>

                </div>

                <div class="form-group col-xs-12 col-sm-3">

                    <select name='search[status]' class='form-control'>
                        <option value=''>直播状态</option>
                        <option value='0' @if($search['status'] === '0') selected @endif>未直播</option>
                        <option value='1' @if($search['status'] == 1) selected @endif>直播中</option>
                    </select>

                </div>

                <div class="form-group col-xs-12 col-sm-8">
                    
                        <div class="col-sm-3">
                            <label class='radio-inline'>
                                <input type='checkbox' value='1' name='search[is_time]'
                                       @if($search['is_time'] == '1') checked @endif>成为主播时间
                            </label>
                        </div>
                        {!! app\common\helpers\DateRange::tplFormFieldDateRange(
                        'search[time]',
                         [
                             'starttime'=>$search['time']['start'],
                             'endtime'=>$search['time']['end'],
                             'start'=>$search['time']['start'],
                             'end'=>$search['time']['end']
                         ],
                          true
                          ) !!}

                </div>
                <div class="form-group  col-xs-12 col-sm-7 col-lg-4">
                    <div class="">
                        <input type="hidden" id="route" name="route" value="plugin.room.admin.anchor-manage.index"/>
                        <button class="btn btn-success "><i class="fa fa-search"></i> 搜索</button>
                        <input type="button" class="btn btn-success" id="export" value="导出">
                    </div>
                </div>
            </div>
        </div>
        </form>
</div>


<div class='panel panel-default'>
    <div class='panel-heading'>
        <div>
            主播数量:{{$count}}个 累计分红金额:{{$bonus}} 累计带货金额:{{$order}} 累计打赏次数:{{$record}}次
        </div>
    </div>
		    
    <div class='panel-body'>
        <table class="table table-hover" style="overflow:visible;">
            <thead>
            <tr>
                <th style='width:6%;'>ID</th>
                <th style='width:15%;'>成为主播时间</th>
                <th style='width:8%;'>头像/昵称</th>
                <th style='width:10%;'>姓名/手机</th>
                <th style='width:10%;'>主播等级</th>
                <th style='width:10%;'>直播间数量</th>
                <th style='width:10%;'>直播状态</th>
                <th style='width:10%;'>分红金额</th>
                <th style='width:8%;'>带货金额</th>
                <th style='width:10%;'>打赏次数</th>
                <th style='width:10%;'>操作</th>

            </tr>
            </thead>
            <tbody>
            @foreach($list as $row)
                <tr>
                    <td>{{$row['id']}}</td>
                    <td>{{$row['created_at']}}</td>
                    <td>
                        <a target="_blank"
                           href="{{yzWebUrl('member.member.detail',['id'=>$row['hasOneMember']['uid']])}}">
                            <img src="{{tomedia($row['hasOneMember']['avatar'])}}"
                                 style="width: 30px; height: 30px;border:1px solid #ccc;padding:1px;">
                            </br>
                            {{$row['hasOneMember']['nickname']}}
                        </a>

                    </td>

                    <td>{{$row['realname']}}<br>
                        {{$row['mobile']}}
                    </td>
                    <td title="{{$row['hasOneAnchorLevel']['name']?:'默认等级'}}" class='tdedit' width="26%">
                                        <span class=' fa-edit-item' style='cursor:pointer'>
                                            <span class="title">{{$row['hasOneAnchorLevel']['name']?:'默认等级'}}</span>
                                            <i class='fa fa-pencil' style="display:none"></i>
                                        </span>

                        <div class="input-group level" style="display:none">
                            <select class="form-control tpl-agent-level" name="level_id" data-agencyid="{{$row['id']}}">
                                <option>请选择等级</option>
                                @foreach($anchor_level as $value)
                                    <option value="{{$value->id}}"
                                            @if($row['level_id']==$value->id)
                                            selected
                                            @endif
                                    >{{$value->name}}</option>
                                @endforeach
                            </select>
                        </div>

                    </td>


                    <td>{{$row['room_count']}}个</td>

                    <td>{{$row['status_name']}}</td>
                    <td>{{empty($row['bonus_count'])?0:$row['bonus_count']}}元</td>

                    <td>
                        {{empty($row['order_count'])?0:$row['order_count']}}元
                    </td>
                    <td>{{$row['reward_count']}}次</td>
                    <td  style="overflow:visible;">
                        <div class="btn-group btn-group-sm" >
                            <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="javascript:;">操作 <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-menu-left" role="menu" style='z-index: 9999'>
                                <li><a href="{{yzWebUrl('plugin.room.admin.room-manage.index', ['search[member_id]' => $row['member_id']])}}" title="直播间"><i class='fa fa-list'></i> 直播间</a></li>

                                <li><a href="{{yzWebUrl('plugin.room.admin.anchor-dividend.index',['search[member_id]'=>$row['member_id']])}}" title='分红记录'><i class='fa fa-credit-card'></i> 分红记录</a></li>
                                <li><a href="{{yzWebUrl('plugin.room.admin.reward-record.index', ['search[recipient_id]'=>$row['member_id']])}}" title='打赏记录'><i class='fa fa-money'></i> 打赏记录 </a></li>
                                <li onclick="loadFansData({{$row}})"><a title='新增粉丝' id="add_fans"><i class='fa fa-money'></i> 新增粉丝 </a></li>
                                {{--href="{{yzWebUrl('plugin.room.admin.anchor-manage.add-fans', ['member_id'=>$row['member_id']])}}"--}}
                                @if($row['is_black'] == 0)
                                    <li><a href="{{yzWebUrl('plugin.room.admin.anchor-manage.black', ['id'=>$row['id']])}}" onclick="return confirm('是否确认加入黑名单?');return false;" title='加入黑名单'><i class='fa fa-minus-circle'></i> 加入黑名单 </a></li>
                                @else
                                    <li><a href="{{yzWebUrl('plugin.room.admin.anchor-manage.cancel-black', ['id'=>$row['id']])}}" onclick="return confirm('是否确认解除黑名单?');return false;" title='解除黑名单'><i class='fa fa-minus-circle'></i> 解除黑名单 </a></li>
                                @endif
                            </ul>
                        </div>
                    </td>
                </tr>

            @endforeach
            </tbody>
        </table>

        {!! $pager !!}

        <div id="modal-module-menus-room" class="modal fade" tabindex="-1">
            <div class="modal-dialog" style="width:1000px">
                <div class="modal-content">
                    <div class="modal-header" style = "text-align: center">
                        <p style="font-weight: bold;">新增粉丝</p>
                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                        <span style="padding-left: 15px;padding-right: 15px;" id="anchor_nickname"></span>
                        <span style="padding-left: 15px;padding-right: 15px;" id="fans"></span>
                        <span style="padding-left: 15px;padding-right: 15px;" id="member"></span>
                        <span style="padding-left: 15px;padding-right: 15px;" id="sure"></span>
                        <input  type="hidden" id="sure_number" value="" />
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div>
                                <input  type="text" class="form-control" id="fans_number" name="fans_number" value="" style="width:100%" id="search-kwd-room" placeholder="请输入新增粉丝数量"/>
                                <input  type="hidden" id="anchor_member_id" value="" />
                                <span style="text-align: center;display:block; padding-top: 15px;">注：粉丝数量不能超过平台会员总数</span>
                            </div>
                        </div>
                        <div id="module-menus-room"></div>
                    </div>
                    <div class="modal-footer">
                        <a href="#" onclick="addFan()" class="btn btn-default" data-dismiss="modal" aria-hidden="true" >确认</a>
                        <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div style="width:100%;height:150px;"></div>
<script language='javascript'>

    $(document).on('click', '#add_fans', function() {
        $('#modal-module-menus-room').modal();
    });

    $(function () {
        $('#export').click(function () {
            $('#route').val("plugin.room.admin.anchor-manage.export");
            $('#form1').submit();
            $('#route').val("plugin.room.admin.anchor-manage.index");
        });

    });
    $('.tdedit').mouseover(function () {
        $(this).find('.fa-pencil').show();
    }).mouseout(function () {
        $(this).find('.fa-pencil').hide();
    });

    $('.fa-edit-item').click(function () {
        $(this).closest('span').hide();
        $(this).next('.level').show();

    });

    $('.tpl-agent-level').change(function () {
        var agencyId = $(this).data('agencyid');
        var levelId = $(this).val();
        fastChange(agencyId, levelId);
    });
    function fastChange(id, value) {
        $.ajax({
            url: "{!! yzWebUrl('plugin.room.admin.anchor-manage.change') !!}",
            type: "post",
            data: {id: id, value: value},
            cache: false,
            success: function ($data) {
                console.log($data);
                location.reload();
            }
        })
    }

    function loadFansData(anchor) {
        console.log(anchor.member_id)
        let member_id = anchor.member_id;
        $.ajax({
            url: "{!! yzWebUrl('plugin.room.admin.anchor-manage.load-fans-data') !!}",
            type: "get",
            data: {member_id: member_id},
            cache: false,
            success: function (data) {
                console.log(data);
                // console.log($('#modal-module-menus-room').children().children().children().find('#member').text('455455545454545454545'))
                let modal = $('#modal-module-menus-room').children().children().children();
                modal.find('#anchor_nickname').text('主播昵称: '+data.data.anchor_nickname);
                modal.find('#fans').text('粉丝人数: '+data.data.fans_count);
                modal.find('#member').text('会员人数: '+data.data.member_count);
                modal.find('#sure').text('可添加人数: '+data.data.sure_count);
                modal.find('#sure_number').val(data.data.sure_count);
                console.log(modal.next().children().children().find('#anchor_member_id'),data.data.anchor_member_id)
                modal.next().children().children().find('#anchor_member_id').val(data.data.anchor_member_id);
                let virtual_quantity = data.data.anchor.virtual_quantity ? data.data.anchor.virtual_quantity :0;
                $('#fans_number').val(virtual_quantity);
            }
        })

    }

    function addFan() {
        let anchor_member_id = $('#anchor_member_id').val();
        let fans_number = $('#fans_number').val();
        let sure = $('#sure_number').val();
        console.log(sure,'dddddd',fans_number)
        if((sure - fans_number) < 0){
            alert('输入新增粉丝数量不能大于平台会员数量');
            return;
        }

        $.ajax({
            url: "{!! yzWebUrl('plugin.room.admin.anchor-manage.add-fans') !!}",
            type: "post",
            data: {anchor_member_id: anchor_member_id,fans_number:fans_number},
            cache: false,
            success: function (data) {
                console.log(data.msg);
                alert(data.msg);
            }
        })
    }
</script>
@endsection