@extends('layouts.base')

@section('content')
@section('title', trans('报名数据'))

<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-treegrid/0.2.0/css/jquery.treegrid.min.css">
<script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.12.0/extensions/treegrid/bootstrap-table-treegrid.js"></script>
<script src="https://cdn.bootcss.com/jquery-treegrid/0.2.0/js/jquery.treegrid.min.js"></script>

<div class="right-titpos">
    <ul class="add-snav">
        <li class="active"><a href="#">报名数据</a></li>

    </ul>
</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-3">
                    <input class="form-control" name="search[member_id]" type="text"
                           value="{{$search['member_id']}}" placeholder="会员ID">
                </div>
                <div class="form-group col-xs-12 col-sm-3">
                    <input class="form-control" name="search[member]" type="text"
                           value="{{$search['member']}}" placeholder="可输入会员昵称/姓名、手机号">
                </div>
                <div class="form-group col-xs-12 col-sm-3">
                    {{--取消总店搜索--}}
                {{--<div class="form-group col-xs-12 col-sm-8">--}}

                    {{--<div class="col-sm-3">--}}
                        {{--<select class="form-control tpl-category-parent" name="search[is_parent]">--}}
                            {{--<option value="">不搜索</option>--}}
                            {{--<option value="0" @if($search['is_parent']== '0') selected @endif >总店</option>--}}
                            {{--<option value="1" @if($search['is_parent']== '1') selected @endif >推荐人</option>--}}
                        {{--</select>--}}
                    {{--</div>--}}
                    {{--<div class="form-group col-xs-12 col-sm-3">--}}
                        <input class="form-control" name="search[parent]" type="text"
                               value="{{$search['parent']}}" placeholder="推荐人昵称/姓名、手机号">
                    {{--</div>--}}
                </div>

                <div class="form-group col-xs-12 col-sm-8">
                    {{--<div class="col-sm-8">--}}
                        <label class='radio-inline'>
                            <input type='radio' value='0' name='search[is_time]'
                                   @if($search['is_time'] == '0') checked @endif>不按时间
                        </label>
                        <label class='radio-inline'>
                            <input type='radio' 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-3">
                    <input type="hidden" name="id" value="{{ $conference_id }}">
                    <input type="submit" class="btn btn-success" id="search" value="搜索">
                    <input type="button" class="btn btn-success pull-right" id="export" value="导出">
                </div>

            </div>
        </div>
    </form>
</div>
<div class='panel panel-default'>
    <div class="panel-heading">统计：报名人数：{{$total}}人，已签到人数{{$sign}}人，未签到人数{{$noSign}}人</div>

    <div class='panel-body' >
        <table id="table">

        </table>
        <table id="basis-data" class="table table-hover" style="overflow:visible;">
            <thead>
            <tr>
                <th style='width:5%;'>会员ID</th>
                <th style='width:15%;'>推荐人</th>
                <th style='width:15%;'>会员</th>
                <th style='width:15%;'>姓名</br>手机号码</th>
                <th style='width:10%;'>报名信息</th>
                <th style='width:20%;'>报名日期</th>
                <th>状态</th>
            </tr>
            </thead>
            <tbody>

            @foreach($list['data'] as $row)
                <tr>
                    <td>{{$row['member_id']}}</td>
                    <td>
                        @if($row['parent_id'] == '0') 总店 @else
                            <a target="_blank"
                               href="{{yzWebUrl('member.member.detail',['id'=>$row['has_one_parent']['uid']])}}">
                                <img src="{{tomedia($row['has_one_parent']['avatar'])}}"
                                     style="width: 30px; height: 30px;border:1px solid #ccc;padding:1px;"> </br>
                                {{$row['has_one_parent']['nickname']}}
                            </a>
                        @endif
                    </td>

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

                    <td>
                        <a target="_blank"
                           href="{{yzWebUrl('member.member.detail',['id'=>$row['has_one_member']['uid']])}}">
                            {{$row['has_one_member']['realname']}}
                            </br>
                            {{$row['has_one_member']['mobile']}}
                        </a>
                    </td>
                    <td>
                        <a href="{{yzWebUrl('plugin.diyform.admin.diyform-data.get-form-data',['id'=>$row['form_id'],'form_data_id'=>$row['form_data_id']])}}">
                            详情
                        </a>
                    </td>

                    <td> {{$row['created_at']}} </td>
                    <td> {{$row['status_name']}} </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        {!! $pager !!}
    </div>
</div>
<div style="width:100%;height:150px;"></div>
<script language='javascript'>
    //鼠标划过显示商品链接二维码
    $('.umphp').hover(function () {
            var url = $(this).attr('data-url');
            $(this).addClass("selected");
        },
        function () {
            $(this).removeClass("selected");
        });


    $(function () {
        $('#export').click(function () {
            $('#form1').attr('action', '{!! yzWebUrl('plugin.conference.admin.conference-enrol.export') !!}');
            $('#form1').submit();
        });
        $('#search').click(function () {
            $('#form1').attr('action', '{!! yzWebUrl('plugin.conference.admin.conference-enrol.enrol-data') !!}');
            $('#form1').submit();
        });
    });
</script>
<script type="text/javascript">
    var $table = $('#table');
    var data = JSON.parse('{!! $searchMember !!}');

    $(function() {
        if (data == null) {
            $('#search-data').hide();
        } else {
            $("#basis-data").hide();
        }
        //控制台输出一下数据
        console.log(data);
        $table.bootstrapTable({
            data:data,
            idField: 'member_id',
            dataType:'jsonp',
            columns: [
                { field: 'member_id',  title: '会员ID' },
                { field: 'has_one_parent.nickname',  title: '推荐人' , formatter:'parentFormatter'},
                { field: 'has_one_member.nickname',  title: '会员' ,formatter: 'memberFormatter'},
                { field: 'has_one_member.realname',  title: '姓名手机号' ,formatter: 'phoneFormatter'},
                { field: 'member_data',  title: '报名信息' , events : operateEvents, formatter: 'operateFormatter'},
                { field: 'created_at',  title: '报名日期' },
                { field: 'status_name',  title: '状态' },
                { field: 'has_one_team_dividend.has_one_level.level_name',  title: '经销商等级' },
            ],
            //在哪一列展开树形
            treeShowField: 'member_id',
            //指定父id列
            parentIdField: 'parent_id',
            onResetView: function(data) {
                $table.treegrid({
                    initialState: 'collapsed',// 所有节点都折叠
                    treeColumn: 0,
                    onChange: function() {
                        $table.bootstrapTable('resetWidth');
                    }
                });
            },
        });
    });

    // 格式化按钮
    function operateFormatter(value, row, index) {
        return [
            '<a class="Enrol" href="javascript:">详情</a>',
        ].join('');
    }

    function memberFormatter(value, row, index) {
        return [
            '<img src="'+row.has_one_member.avatar_image+'" style="width: 30px; height: 30px;border:1px solid #ccc;padding:1px;"></br>'+row.has_one_member.nickname+' ',
        ].join('');
    }

    function phoneFormatter(value, row, index) {
        return [
            row.has_one_member.realname+'</br>'+row.has_one_member.mobile,
        ].join('');
    }

    function parentFormatter(value, row, index) {
        if (row.parent_id == 0) {
            return ['总店/最高级'];
        }
        return [row.has_one_parent.nickname].join('');


    }

    //初始化操作按钮的方法
    window.operateEvents = {
        'click .Enrol': function (e, value, row, index) {
            console.log(row);
            window.location.href="{!! yzWebUrl('plugin.diyform.admin.diyform-data.get-form-data') !!}"+"&id="+row.form_id+"&form_data_id="+row.form_data_id;
        },
    };
</script>
@endsection