@extends('layouts.base')

@section('content')
@section('title', trans('直播间管理'))
@include('layouts.tabs')
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/goods.css')}}"/>
<div id="qrcode" ref="qrcode" style="display:none;"></div>
<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[room_name]" id="" type="text"
                           value="{{$search['room_name']}}" placeholder="直播间名称">
                    <!--</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[room_id]" id="" type="text"
                           value="{{$search['room_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]" 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-6 col-sm-2">

                    <select name='search[status]' class='form-control'>
                        <option value=''>直播间状态</option>
                        <option value='1' @if($search['status'] === 1) selected @endif>待审核</option>
                        <option value='2' @if($search['status'] == 2) selected @endif>等待直播</option>
                        <option value='3' @if($search['status'] == 3) selected @endif>直播中</option>
                        <option value='4' @if($search['status'] == 4) selected @endif>已结束</option>
                    </select>

                </div>

                <div class="form-group col-xs-6 col-sm-2">

                    <select name='search[category_id]' class='form-control'>
                        <option value=''>分类</option>
                        @foreach($category as $key=>$val)
                            <option value="{{$val['id']}}" @if($search['category_id'] == $val['id']) selected @endif>
                                {{$val['name']}}
                            </option>
                        @endforeach
                    </select>

                </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.room-manage.index"/>
                        <button class="btn btn-success "><i class="fa fa-search"></i> 搜索</button>
                        <button type="submit" name="export" value="1" id="export" class="btn btn-info">导出
                            Excel
                        </button>
                    </div>
                </div>
            </div>
        </div>
        </form>
</div>


<div class='panel panel-default'>
    <div class='panel-heading'>
        <div>
            直播间总数：{{$all['count']}}，总流量：{{$all['flux']}}MB ，累计带货订单数：{{$all['order_count']}} ，累计带货订单总额：{{$all['order']}}元
        </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:10%;'>直播间名称</th>
                <th style='width:8%;'>主播</th>
                <th style='width:10%;'>姓名<br>手机</th>
                <th style='width:10%;'>分类</th>
                <th style='width:10%;'>直播间状态</th>
                <th style='width:10%;'>累计时长(分钟)<br>总观看人数<br>总点赞人数</th>
                <th style='width:10%;'>商品数量</th>
                <th style='width:8%;'>带货订单数量<br>商品查看次数</th>
                <th style='width:10%;'>带货转化率</th>
                <th style='width:10%;'>带货订单金额</th>
                <th style='width:10%;'>峰值带宽<br>总流量</th>
                <th style='width:10%;'>虚拟人数</th>
                <th style='width:10%;'>打赏</th>
                <th style='width:10%;'>评论<br>状态</th>
                <th style='width:10%;'>推荐</th>
                <th style='width:8%;'>链接</th>
                <th style='width:8%;'>小程序链接</th>
                <th style='width:10%;'>操作</th>

            </tr>
            </thead>
            <tbody>
            @foreach($list as $row)
                <tr>
                    <td>{{$row['id']}}</td>
                    <td>{{$row['title']}}</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['hasOneAnchor']['realname']}}<br>
                        {{$row['hasOneAnchor']['mobile']}}
                    </td>
                    <td>
                        {{$row['hasOneCategory']['name']}}
                    </td>

                    <td>
                        @if($row['ban'] == 1)
                            <label class="label" style="background-color: #000000">{{$row['status_name']}}</label>
                        @else
                            @if($row['status'] == 1)
                                <label class="label" style="background-color: #FFA550">{{$row['status_name']}}</label>
                            @elseif($row['status'] == 2)
                                <label class="label" style="background-color: #5095FF">{{$row['status_name']}}</label>
                            @elseif($row['status'] == 3)
                                <label class="label" style="background-color: #FF3024">{{$row['status_name']}}</label>
                            @else
                                <label class="label" style="background-color: #888888">{{$row['status_name']}}</label>
                            @endif
                        @endif
                    </td>

                    <td>@if($row['status'] == 3)
                            {{intval((time()-$row['start_time'])/60)}}
                            @else
                        {{intval(($row['end_time']-$row['start_time'])/60)}}
                        @endif
                        <br>{{$row['view_count']}}
                        <br>{{$row['like_count']}}
                    </td>
                    <td>
                        @if($row['goods'])
                        {{count(explode(',',$row['goods']))}}
                        @else
                        0
                        @endif
                    </td>

                    <td>
                        {{$row['order_count']}}<br>{{$row['check_count']}}
                    </td>
                    <td>
                        @if(!empty($row['check_count']))
                        {{(number_format(intval($row['order_count'])/intval($row['check_count']) * 100 , 2))}}%
                        @else
                        0%
                        @endif
                    </td>
                    <td>
                        {{(float)$row['order_sum_count']}}元</td>
                    <td>
                        @if(!empty($row['bandwidth']))
                        {{$row['bandwidth']}}Mbps
                        @else
                            0Mbps
                        @endif
                        <br>
                            @if(!empty($row['flux']))
                                {{$row['flux']}}Mbps
                            @else
                                0MB
                            @endif
                       </td>
                    <td class="clickEdit">
                        <a href="javascript:;" class="editss" onclick="showEdit('edit_{{$row['id']}}');"><i title="点击编辑" class="el-icon-edit edit-i"></i></a>
                        <div role="tooltip" id="edit_{{$row['id']}}"  aria-hidden="true" class="el-popover el-popper edits" tabindex="0" style="transform-origin: center bottom; z-index: 2007; position: absolute; display: none" x-placement="top">
                            <div style="text-align: center;"><div class="el-input el-input--small" style="width: 100px;">
                                    <input type="text" name="nums_{{$row['id']}}" class="el-input__inner">
                                </div>
                                <button type="button" onclick="ajaxEdit('nums_{{$row['id']}}',{{$row['id']}})" class="el-button el-button--default el-button--small">
                                    <span>确定</span>
                                </button>
                            </div>
                            <div x-arrow="" class="popper__arrow" style="left: 85.5px;"></div>
                        </div>
                            {{$row['virtual']}}
                    </td>
                    <td style="overflow:visible;">
                        <div class="col-sm-2 col-xs-6">
                            <input class="mui-switch " id="reward{{$row['id']}}" type="checkbox" style="overflow: auto"
                                   @if($row['close_reward'] != 1))
                                   checked
                                   @endif
                                   onclick="recommend({{$row['id']}},'reward')"/>
                        </div>
                    </td>
                    <td style="overflow:visible;">
                        <div class="col-sm-2 col-xs-6">
                            <input class="mui-switch " id="chat{{$row['id']}}" type="checkbox" style="overflow: auto"
                                   @if($row['close_chat'] != 1))
                                   checked
                                   @endif
                                   onclick="recommend({{$row['id']}},'chat')"/>
                        </div>
                    </td>
                    <td style="overflow:visible;">
                        @if($row['status'] == 2 or $row['status'] == 3)
                        <div class="col-sm-2 col-xs-6">
                            <input class="mui-switch " id="recommend{{$row['id']}}" type="checkbox" style="overflow: auto"
                                   @if($row['recommend'] == 1))
                                   checked
                                   @endif
                                   onclick="recommend({{$row['id']}},'recommend')"/>
                        </div>
                        @endif
                    </td>
                    @if($row['status'] == 2)
                    <td style="position: relative;overflow: visible;">
                        <a class="btn btn-sm btn-default umphp" title=""
                           data-url="{{yzAppFullUrl('foreshow'.'/'.$row['id'])}}"
                           data-goodsid="{{$row->id}}">
                            <div class="img">
                                <img style="width: 120px;high:120px;" src="">
                            </div>
                            <i class="fa fa-qrcode"></i>
                        </a>
                        <br>
                        <a href="javascript:;" data-clipboard-text="{!! yzAppFullUrl('foreshow'.'/'.$row['id']) !!}" data-url="{!! yzAppFullUrl('foreshow'.'/'.$row['id']) !!}" class="js-clip" title="复制链接">复制链接</a>
                        </td>
                    @elseif($row['status'] == 3)
                    <td style="position: relative;overflow: visible;">
                        <a class="btn btn-sm btn-default umphp" title=""
                           data-url="{{yzAppFullUrl('livePage',['shareType'=>'livePlay','room_id'=>$row['id']])}}"
                           data-goodsid="{{$row->id}}">
                            <div class="img">
                                <img style="width: 120px;high:120px;" src="">
                            </div>
                            <i class="fa fa-qrcode"></i>
                        </a>
                        <br>
                        <a href="javascript:;" data-clipboard-text="{!! yzAppFullUrl('livePage',['shareType'=>'livePlay','room_id'=>$row['id']]) !!}" data-url="{!! yzAppFullUrl('livePage',['shareType'=>'livePlay','room_id'=>$row['id']]) !!}" class="js-clip" title="复制链接">复制链接</a>
                    </td>
                    @else
                        <td></td>
                    @endif

                    @if($row['status'] == 2)
                        <td style="position: relative;overflow: visible;">
                            <a class="btn btn-sm btn-default umphps" title=""
                               data-url="{{$row->id}}"
                               data-status="{{$row->status}}"
                               data-goodsid="{{$row->id}}">
                                <div class="img">
                                    <img style="width: 120px;high:120px;" src="">
                                </div>
                                <i class="fa fa-qrcode"></i>
                            </a>
                            <br>
                            <a href="javascript:;" data-clipboard-text="/packageD/directSeeding/foreshow/foreshow?id={{$row['id']}}" data-url="/packageD/directSeeding/foreshow/foreshow?id={{$row['id']}}" class="js-clip" title="复制链接">复制链接</a>
                        </td>
                    @elseif($row['status'] == 3)
                        <td style="position: relative;overflow: visible;" >
                            <a class="btn btn-sm btn-default umphps" title=""
                               data-url="{{$row->id}}"
                               data-status="{{$row->status}}"
                               data-goodsid="{{$row->id}}">
                                <div class="img">
                                    <img style="width: 120px;high:120px;" src="">
                                </div>
                                <i class="fa fa-qrcode"></i>
                            </a>
                            <br>
                            <a href="javascript:;" data-clipboard-text="packageD/directSeeding/livePage/livePage?id={{$row['id']}}&playerType=live" data-url="packageD/directSeeding/livePage/livePage?id={{$row['id']}}&playerType=live" class="js-clip" title="复制链接">复制链接</a>
                        </td>
                    @else
                        <td></td>
                    @endif

                    <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;position: absolute;top: 100%;left: -100%;'>
                                <li><a href="{{yzWebUrl('plugin.room.admin.room-manage.goods', ['id' => $row['id']])}}" title="直播间商品"><i class='fa fa-shopping-bag'></i> 直播间商品</a></li>
                                <li><a href="javascript:;" data-toggle="modal" data-target="#modal-confirmsend{{$row['id']}}" ><i class='fa fa-pencil'></i> 审核</a></li>
                                <li><a href="{{yzWebUrl('plugin.room.admin.room-manage.order', ['id' => $row['id']])}}" title="直播带货订单"><i class='fa fa-list'></i> 直播带货订单</a></li>

                                <li><a href="{{yzWebUrl('plugin.room.admin.room-manage.dividend',['id'=>$row['id']])}}" title='直播分红'><i class='fa fa-credit-card'></i> 直播分红</a></li>
                                <li><a href="{{yzWebUrl('plugin.room.admin.reward-record.index', ['room_id'=>$row['id']])}}" title='打赏记录'><i class='fa fa-money'></i> 打赏记录 </a></li>
                                <li><a href="{{yzWebUrl('plugin.room.admin.pop-code-logs', ['search'=>['room_id' => $row['id']]])}}" title='统计列表'><i class='fa fa-list'></i> 统计列表 </a></li>
                            @if($row['ban'] == 0)
                                <li><a href="{{yzWebUrl('plugin.room.admin.room-manage.ban', ['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.room-manage.cancel-ban', ['id'=>$row['id']])}}" onclick="return confirm('是否确认解禁?');return false;"><i class='fa fa-minus-circle'></i>解禁</a></li>
                                @endif
                                @if($row['status'] == 3)
                                <li><a href="{{yzWebUrl('plugin.room.admin.room-manage.close-room', ['id'=>$row['id']])}}" onclick="return confirm('是否确认关闭?');return false;"><i class='fa fa-warning'></i>关闭直播</a></li>
                                @endif
                            </ul>
                        </div>
                    </td>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>

        {!! $pager !!}
    </div>
    @foreach($list as $row)
        <div id="modal-confirmsend{{$row['id']}}" class="modal fade" role="dialog" style="">
            <form class="form-horizontal form" action="" method="get"
                  enctype="multipart/form-data">
                <input type='hidden' name='c' value='site'/>
                <input type='hidden' name='a' value='entry'/>
                <input type='hidden' name='m' value='yun_shop'/>
                <input type='hidden' name='do' value='{{YunShop::request()->do}}'/>
                <input type='hidden' name='route' value='plugin.room.admin.room-manage.apply' id="send_form"/>
                <input type='hidden' name='apply_id' value='{{$row['id']}}'/>
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 style="">详情</h5>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-10 col-sm-3 col-md-3 control-label">ID</label>
                            <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
                                <label class="control-label">{{$row['id']}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-10 col-sm-3 col-md-3 control-label">直播间名称</label>
                            <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
                                <label class="control-label">{{$row['title']}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-10 col-sm-3 col-md-3 control-label">主播</label>
                            <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
                                <label class="control-label">
                                    <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;">
                                        {{$row['hasOneMember']['nickname']}}
                                    </a></label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-10 col-sm-3 col-md-3 control-label">姓名</label>
                            <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
                                <label class="control-label">{{$row['hasOneAnchor']['realname']}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-10 col-sm-3 col-md-3 control-label">手机号</label>
                            <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
                                <label class="control-label">{{$row['hasOneAnchor']['mobile']}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-10 col-sm-3 col-md-3 control-label">申请时间</label>
                            <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
                                <label class="control-label">{{$row['created_at']}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-10 col-sm-3 col-md-3 control-label">直播时间</label>
                            <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
                                <label class="control-label">{{date('Y-m-d H:i:s',$row['live_time'])}}</label>
                            </div>
                        </div>
                        <div class="modal-footer">
                            @if($row['status'] == 1)
                            <button type="submit" class="btn btn-primary span2">通过审核
                            </button>
                            @endif
                            <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">返回列表</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    @endforeach
</div>
<div style="width:100%;height:150px;"></div>
<script language='javascript'>
    $(function () {
        // $('#export').click(function () {
            // $('#form1').attr('action', '{!! yzWebUrl('plugin.room.admin.room-manage.export') !!}');
            // $('#form1').submit();

            // $('#route').val('plugin.room.admin.room-manage.export');
            // $('#form1').submit();
            // $('#route').val('plugin.room.admin.room-manage.index');
        // });
        $('#search').click(function () {
            $('#form1').attr('action', '{!! yzWebUrl('plugin.area-dividend.admin.dividend.get-list') !!}');
            $('#form1').submit();
        });
    });
    function qrcodeScan(url) {//生成二维码
        let qrcode = new QRCode('qrcode', {
            width: 100,  // 二维码宽度
            height: 100, // 二维码高度
            render: 'image',
            text: url
        });
        var data = $("canvas")[$("canvas").length - 1].toDataURL().replace("image/png", "image/octet-stream;");
        console.log(this)
        this.img = data;
    }
    // 活动二维码
    function listCode(url) {
        this.qrcodeScan(url);
    }
    $('.umphp').hover(function () {
            var url = $(this).attr('data-url');
            console.log(url);
            let qrcode = new QRCode('qrcode', {
                width: 100,  // 二维码宽度
                height: 100, // 二维码高度
                render: 'image',
                text: url
            });
            var data = $("canvas")[$("canvas").length - 1].toDataURL().replace("image/png", "image/octet-stream;");

            console.log(data);
            $(this).find('.img img').attr('src',data)
            $(this).addClass("selected");
        },
        function () {
            $(this).removeClass("selected");
        })
    $('.umphps').hover(function () {
            var url = $(this).attr('data-url');
            var status = $(this).attr('data-status');
            var img = $(this);
            $.ajaxSettings.async = false;
            $.get("{!! yzWebUrl('plugin.room.admin.room-manage.get-qrcode') !!}", {
                id:url,
                status:status
            }, function (dat) {
                img.find('.img img').attr('src',dat.data.qr_code)
                img.addClass("selected");
            });

        },
        function () {
            $(this).removeClass("selected");
        })
    function showEdit(id) {
        $('.edits').hide();
        $('#'+id).show();
        console.log(id)
    }
    function ajaxEdit(put,id)
    {
       var a = $('input[name='+put+']').val();

        $.ajaxSettings.async = false;
        $.get("{!! yzWebUrl('plugin.room.admin.room-manage.edit-nums') !!}", {
            nums:a,
            id:id
        }, function (dat) {
            if (dat.result == 1) {
                window.location.reload();
            }
        });

    }

    $(document).click(function(e) {
        var divTop = $('.clickEdit');   // 设置目标区域
        console.log(divTop.is(e.target))
        if ((!divTop.is(e.target) && divTop.has(e.target).length === 0)) {
            $('.edits').hide();
        }
    })

    function recommend(id,type) {
        var url_open = "{!! yzWebUrl('plugin.room.admin.room-manage.') !!}" + type;
        var url_close = "{!! yzWebUrl('plugin.room.admin.room-manage.close-') !!}" + type
        var postdata = {
            id: id,
        };
        var recommend = "#" + type + id;
        if ($(recommend).is(':checked')) {
            //开
            $.post(url_open,postdata,function(data){
                if (data.result == 1) {
                    $(recommend).attr("checked",true);
                    showPopover($(recommend),"开启成功")
                } else {
                    showPopover($(recommend),"开启失败")
                    $(recommend).attr("checked",false);
                }
            }, "json");
        } else {
            //关
            $.post(url_close,postdata,function(data){
                showPopover($(recommend),"关闭成功")
            }, "json");
        }
    }
    function showPopover(target, msg) {
        target.attr("data-original-title", msg);
        $('[data-toggle="tooltip"]').tooltip();
        target.tooltip('show');
        target.focus();
        //2秒后消失提示框
        setTimeout(function () {
                target.attr("data-original-title", "");
                target.tooltip('hide');
            }, 2000
        );
    }


</script>
<script src="{{resource_get('static/js/qrcode.min.js')}}"></script>
@endsection