@extends('layouts.base')
@section('title', '数据列表')
@section('content')
    <style>
        .textarea_bottom_btn{
            margin-top: 20px;
            border: 1px solid #abafb1;
            cursor: pointer;
            font-size: 13px;
            width: 150px;
            height: 30px;
            display: inline-block;
            text-align: center;
            line-height: 28px;
        }
        .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
            white-space: normal;
            overflow: visible;
        }

</style>

    <link href="{{static_url('yunshop/css/member.css')}}" media="all" rel="stylesheet" type="text/css"/>
    <div class="w1200 m0a"  style="padding-bottom:80px">
        <div class="rightlist" style="padding-bottom:100px">
            <!-- 新增加右侧顶部三级菜单 -->
            <div class="right-titpos">
                <ul class="add-snav">
                    <li class="active"><a href="{{yzWebUrl('plugin.forwarding-treasure.admin.forwarding-treasure.index')}}">转发宝</a></li>
                    <li><a href="javascript:void"> &nbsp;<i class="fa fa-angle-double-right"></i> &nbsp;数据列表</a></li>
                </ul>
            </div>
            <!-- 新增加右侧顶部三级菜单结束 -->
            <div class="panel panel-info"><!--
                <div class="panel-heading">筛选</div>-->
                <div class="panel-body">
                    <form action="" method="get" class="form-horizontal" role="form" id="form1">
                        <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="{{$request['do']}}" id="form_do"/>

                        <input type="hidden" name="route" value="plugin.forwarding-treasure.admin.forwarding-treasure-member.index" id="route"/>
                        <input type="hidden" name="forwarding_treasure_id" value="{{$request['forwarding_treasure_id']}}"/>
                        <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">ID</label>-->
                            <div class="">
                                <input type="text" placeholder="会员id" class="form-control" name="member_id"
                                       value="{{$request['member_id']}}"/>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">ID</label>-->
                            <div class="">
                                <input type="text" placeholder="会员昵称/姓名/手机号" class="form-control" name="title"
                                       value="{{$request['title']}}"/>
                            </div>
                        </div>

                        <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2">
                            <!--      <label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">是否关注</label>-->
                            <div class="">
                                <select name='status' class='form-control'>
                                    <option value=''>状态</option>
                                    </option>
                                    <option value='1'
                                            @if($request['status']=='1')
                                            selected
                                            @endif
                                    >未转发
                                    </option>
                                    <option value='2'
                                            @if($request['status']=='2')
                                            selected
                                            @endif
                                    >未通过
                                    </option>
                                    <option value='3'
                                            @if($request['status']=='3')
                                            selected
                                            @endif
                                    >已通过
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group  col-xs-12 col-md-12 col-lg-6">

                            <div class="">
                                <button class="btn btn-success "><i class="fa fa-search"></i> 搜索</button>

                            </div>
                        </div>

                    </form>

                </div>
            </div>
            <div class="clearfix panel-heading">

            </div>
            <div class="clearfix">
                <div class="panel panel-default">
                    <div class="panel-heading">活动数据列表:
                        数量：<span  style="cursor: pointer" >{{$statistics['count']}}</span>

                        未转发：<span  style="cursor: pointer" >{{$statistics['not_forward']}}</span>
                        未通过：<span  style="cursor: pointer" >{{$statistics['not_pass']}}</span>
                        成功：<span  style="cursor: pointer" >{{$statistics['pass']}}</span>

                        累计群聊人数：<span  style="cursor: pointer" >{{$statistics['group_num']}}人</span>

                        <span style="color: red;margin-left: 20px;">*识别的信息不能有特殊字符、表情等信息</span>
                    </div>
                    <div class="panel-body" style="margin-bottom:200px">
                        <table class="table table-hover " style="overflow:visible">
                            <thead class="navbar-inner">
                            <tr>
                                <th style='width:6%;text-align: center;'>ID</th>
                                <th style='width:8%;text-align: center;'>参与时间</th>
                                <th style='width:5%;text-align: center;'>会员</th>
                                <th style='width:8%;text-align: center;'>状态</th>
                                <th style='width:8%;text-align: center;'>群聊人数</th>
                                <th style='width:8%;text-align: center;'>奖励类型</th>
                                <th style='width:8%;text-align: center;'>奖励信息</th>
                                <th style='width:13%'>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($list['data'] as $row)
                                <tr>
                                    <td style="text-align: center;">   {{$row['id']}}</td>
                                    <td style="text-align: center;">   {{$row['created_at']}}</td>
                                    <td style="text-align: center;">
                                        @if(!empty($row['avatar']))
                                            <img src='{{$row['avatar']}}'
                                                 style='width:30px;height:30px;padding:1px;border:1px solid #ccc'/><br/>
                                        @endif
                                        @if(empty($row['nickname']))
                                            未更新
                                        @else
                                            {{$row['nickname']}}
                                        @endif
                                    </td>
                                    <td style="text-align: center;">   {{$row['status_name']}}</td>
                                    <td style="text-align: center;">   {{$row['group_num']}}</td>
                                    <td style="text-align: center;">   {{$row['award_type']}}</td>
                                    <td style="text-align: center;">   {{$row['reward_information']}}</td>

                                    <td  style="overflow:visible;">
                                        <div class="btn-group btn-group-sm" >
                                            @if($row['status']>'1')
                                                <a class="btn btn-info see_image" style="margin-left: 10px;" data-image="{{yz_tomedia($row['screenshot'])}}"  href="javascript:;">查看截图 <span class="caret"></span></a>
                                            @endif

                                            @if($row['status']=='2')
                                                 <a class="btn btn-info" style="margin-left: 10px;"  href="{{yzWebUrl('plugin.forwarding-treasure.admin.forwarding-treasure-member.pass', ['id' => $row['id']])}}" onclick="return confirm('确实审核通过？')">确认通过 <span class="caret"></span></a>
                                            @endif
                                            <a class="btn btn-info send_message" style="margin-left: 10px;" data-uid="{{$row['uid']}}"  data-nickname="{{$row['nickname']}}" href="javascript:;">发送消息 <span class="caret"></span></a>
                                        </div>
                                    </td>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        {!!$pager!!}
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div id="modal-send-message" class="modal fade" role="dialog" style="width:800px;margin:0px auto;">
        <form class="form-horizontal form" action="" method="get"
              enctype="multipart/form-data">

            <div class="modal-dialog" style="width:800px;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                        <h3>发送消息</h3>
                    </div>
                    <div class="modal-body " >
                        <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">
                                <div class="form-control-static nickname" >
                                    粉丝昵称
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 col-md-2 control-label"><b>奖励通知</b>
                            </label>
                            <div class="col-sm-9 col-xs-12">
                                <textarea class="form-control" id="message"  rows="10" style="min-width: 90%"></textarea>
                                <span class="textarea_bottom_btn add_nickname" data-textarea="message" data-add_nickname_str="{我的昵称}">会员昵称</span>
                                <span class="textarea_bottom_btn add_url" >链接</span>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" value="" id="uid" name="uid">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary span2" onclick="confirmSendMessage()"
                                value="yes">确认
                        </button>
                        <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
                    </div>
                </div>
            </div>
        </form>
    </div>


    <div id="modal-see-image" class="modal fade" role="dialog" style="width:800px;margin:0px auto;">
        <form class="form-horizontal form" action="" method="get"
              enctype="multipart/form-data">

            <div class="modal-dialog" style="width:800px;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                        <h3>查看截图</h3>
                    </div>
                    <div class="modal-body " >
                        <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">
                                <div class="form-control-static">
                                   <img src="" width="300" height="500" id="jietu">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div id="modal-insert-url"  class="modal fade" tabindex="-1">
        <div class="modal-dialog" style='width: 920px;'>
            <div class="modal-content">
                <div class="modal-header"><button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button><h3>填写插入的链接</h3>
                </div>
                <div class="modal-body" style='height:200px;' >
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label"><b>链接</b>
                            <i class="iconfont icon-ht_tips" data-toggle="tooltip" title="分享链接需要在前面加上http://或https://" style="font-size:16px;color:#ff9b19;margin-left:16px;" slot="reference" >
                            </i>
                        </label>
                        <div class="col-sm-9 col-xs-12">
                            <input type="text"  id="insert_url" placeholder="分享链接需要在前面加上http://或https://"  class="form-control" value="" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 col-md-2 control-label"><b>链接名称</b>
                        </label>
                        <div class="col-sm-9 col-xs-12">
                            <input type="text"  id="insert_url_title"   class="form-control" value="" />
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <a href="javascript:;" id='btnAddUrl' class="btn btn-primary" data-dismiss="modal" aria-hidden="true">确定</a>
                    <a href="javascript:;" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(".send_message").click(function () {
            var nickname = $(this).data('nickname');
            var uid = $(this).data('uid');
            $(".nickname").text(nickname);
            $("#uid").val(uid);
            $("#modal-send-message").modal();
        });
        $(".see_image").click(function () {
            var image = $(this).data('image');
            $('#jietu').attr('src',image);
            $("#modal-see-image").modal();
        });
        function confirmSendMessage() {
            var message = $("#message").val();
            var uid = $("#uid").val();
            if(message == ''){
                alert('请填写发送消息');
                return false;
            }
            $.get("{!! yzWebUrl('plugin.forwarding-treasure.admin.forwarding-treasure-member.send-message') !!}",{uid:uid,message:message},function(data){
                  if(data.result == 1){
                      alert('发送成功');
                  }else{
                      alert(data.msg);
                  }
            }, "json");

        }
        $(".add_url").click(function () {
            $("#modal-insert-url").modal();
        });
        $("#btnAddUrl").click(function () {
            var insert_url = $("#insert_url").val();
            var insert_url_title = $("#insert_url_title").val();
            if(insert_url == ""){
                alert('请填写链接');
                return false;
            }
            if(insert_url_title == ""){
                alert('请填写链接名称');
                return false;
            }
            var str = "<a href='"+insert_url+"'>"+insert_url_title+"</a>";
            add_textarea($("#message"),str);
        });
        //光标处添加指定字符串
        $(".add_nickname").click(function () {
            var name = $(this).data('textarea');
            var add_nickname_str = $(this).data('add_nickname_str');

            add_textarea($("#"+name),add_nickname_str);

        });
        //获取鼠标位置在文本域中添加指定内容
        function  add_textarea(t,myValue){
            var $t = t[0];
            if (document.selection) { //ie
                this.focus();
                var sel = document.selection.createRange();
                sel.text = myValue;
                this.focus();
                sel.moveStart('character', -l);
                var wee = sel.text.length;
                if (arguments.length == 2) {
                    var l = $t.value.length;
                    sel.moveEnd("character", wee + t);
                    t <= 0 ? sel.moveStart("character", wee - 2 * t - myValue.length) : sel.moveStart("character", wee - t - myValue.length);

                    sel.select();
                }
            } else if ($t.selectionStart || $t.selectionStart == '0') {
                var startPos = $t.selectionStart;

                var endPos = $t.selectionEnd;
                var scrollTop = $t.scrollTop;
                $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
                this.focus();
                $t.selectionStart = startPos + myValue.length;
                $t.selectionEnd = startPos + myValue.length;
                $t.scrollTop = scrollTop;
                if (arguments.length == 2) {

                    $t.setSelectionRange(startPos - t, $t.selectionEnd + t);
                    this.focus();
                }
            }
            else {
                this.value += myValue;
                this.focus();
            }
            // var html = t.val();
            // console.log(html);
            //
            // t.val($(html).text());
        }
    </script>
@endsection