@extends('layouts.base')
@section('title', '招商员管理')
@section('content')

    <link href="{{static_url('yunshop/css/member.css')}}" media="all" rel="stylesheet" type="text/css"/>
    <div class="w1200 m0a">
        <div class="rightlist">
            <div class="right-titpos">
                <ul class="add-snav">
                    <li class="active">招商员管理 </li>
                    <a class='btn btn-primary' href="{{yzWebUrl('plugin.merchant.backend.operation-merchant.add-staff')}}" style="margin-bottom:5px;"><i class='fa fa-plus'></i> 添加招商员</a>
                </ul>
            </div>
            <!-- 新增加右侧顶部三级菜单结束 -->
            <div class="panel panel-info"><!--
                <div class="panel-heading">筛选</div>-->
                <div class="panel-body">
                    <form action="" method="post" class="form-horizontal" role="form" id="form1">
                        <input type="hidden" name="route" value="plugin.merchant.backend.merchant-list.staff" id="route" />

                        <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="">
                                <input type="text" class="form-control"  name="search[member]" value="{{$request['member']}}" placeholder="可搜索昵称/姓名/手机号"/>
                            </div>
                        </div>

                        <div class="form-group  col-xs-12 col-sm-7 col-lg-4">
                            <!--<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label"></label>-->
                            <div class="">
                                <button type="button" name="export" value="1" id="export" class="btn btn-default excel back ">导出 Excel</button>
                                <input type="hidden" name="token" value="{{$var['token']}}" />
                                <button class="btn btn-success "><i class="fa fa-search"></i> 搜索</button>

                            </div>
                        </div>

                    </form>
                </div>
            </div><div class="clearfix">
                <div class="panel panel-default">
                    <div class="panel-heading">总数：{{$list->total()}}   </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:4%;text-align: center;'>ID</th>
                                <th style='width:10%;text-align: center;'>会员</th>
                                <th style='width:10%;text-align: center;'>姓名<br>手机号</th>
                                <th style='width:14%;text-align: center;'>成为时间</th>
                                <th style='width:10%;text-align: center;'>等级<br>分红比例</th>
                                <th style='width:12%;'>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($list as $row)
                                <tr>
                                    <td style="text-align: center;">
                                        {{$row->id}}
                                    </td>
                                    <td style="text-align: center;">
                                        <img src='{{$row->hasOneMember->avatar}}' style='width:30px;height:30px;padding:1px;border:1px solid #ccc' />
                                        <br/>
                                        <a href="{!! yzWebUrl('member.member.detail',['id' => $row->hasOneMember->uid])!!}">@if ($row->hasOneMember->nickname) {{$row->hasOneMember->nickname}} @else {{$row->hasOneMember->mobile}} @endif</a>
                                    </td>
                                    <td style="text-align: center;">
                                        {{$row->realname}}<br>
                                        {{$row->mobile}}
                                    </td>
                                    <td style="text-align: center;">{{$row->created_at}}</td>
                                    <td title="{{$row->bonus_ratio}}" class='tdedit' style='width:26%;text-align: center;'>
                                        @if($row->hasOneStaffLevel)
                                            {{$row->hasOneStaffLevel->level_name}}<br>
                                            {{$row->hasOneStaffLevel->bonus_ratio}}%
                                        @else
                                            默认等级<br>
                                            <span class=' fa-edit-item' style='cursor:pointer'><i class='fa fa-pencil'
                                                                                                  style="display:none"></i> <span
                                                        class="title">{{$row->bonus_ratio}}</span> </span>
                                            <div class="input-group goodstitle" style="display:none"
                                                 data-staffid="{{$row->id}}">
                                                <input type='text' class='form-control' value="{{$row->bonus_ratio}}"/>
                                                <div class="input-group-btn">
                                                    <button type="button" class="btn btn-default"
                                                            data-staffid='{{$row->id}}' data-type="bonus_ratio"><i
                                                                class="fa fa-check"></i></button>
                                                </div>
                                            </div>
                                        @endif
                                    </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.merchant.backend.staff.index', ['id' => $row->id]) !!}" title='编辑'><i class='fa fa-pencil'></i> 编辑</a></li>
                                                <li><a href="{{yzWebUrl('plugin.merchant.backend.updatePassword.staff', ['id' => $row->id])}}" title='修改密码'><i class='fa fa-eraser'></i> 修改密码</a></li>
                                                <li>
                                                    @if(!$row->hasOneBlack)
                                                        <a href="{!! yzWebUrl('plugin.merchant.backend.merchant-list.black', ['id' => $row->id]) !!}" title='设置黑名单'><i class='fa fa-minus-circle'></i> 设置黑名单</a>
                                                    @else
                                                        <a href="{!! yzWebUrl('plugin.merchant.backend.merchant-list.del-black', ['id' => $row->id]) !!}" title='取消黑名单'><i class='fa fa-plus-circle'></i> 取消黑名单</a>
                                                    @endif
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        {!!$pager!!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script language='javascript'>
        function fastChange(id, type, value) {
            $.ajax({
                url: "{!! yzWebUrl('plugin.merchant.backend.merchant-list.change') !!}",
                type: "post",
                data: {id: id, type: type, value: value},
                cache: false,
                success: function ($data) {
                    location.reload();
                }
            })
        }
        $('.tdedit input').keydown(function (event) {
            if (event.keyCode == 13) {
                var group = $(this).closest('.input-group');
                var type = group.find('button').data('type');
                var staffid = group.find('button').data('staffid');
                var val = $.trim($(this).val());
                if (type == 'title' && val == '') {
                    return;
                }
                group.prev().show().find('span').html(val);
                group.hide();
                fastChange(staffid, type, val);
            }
        })
        $('.tdedit').mouseover(function () {
            $(this).find('.fa-pencil').show();
        }).mouseout(function () {
            $(this).find('.fa-pencil').hide();
        });
        $('.fa-edit-item').click(function () {
            var group = $(this).closest('span').hide().next();

            group.show().find('button').unbind('click').click(function () {
                var type = $(this).data('type');
                var staffid = $(this).data('staffid');
                var val = $.trim(group.find(':input').val());
                if (type == 'title' && val == '') {
                    Tip.show(group.find(':input'), '请输入名称!');
                    return;
                }
                group.prev().show().find('span').html(val);
                group.hide();
                fastChange(staffid, type, val);
            });
        })
        $('.umphp').hover(function () {
                    var url = $(this).attr('data-url');
                    $(this).addClass("selected");
                },
                function () {
                    $(this).removeClass("selected");
                })
        $('.js-clip').each(function () {
            util.clip(this, $(this).attr('data-url'));
        });
        $(function () {
            $('#export').click(function(){
                $('#route').val("plugin.merchant.backend.merchant-list.staff-export");
                $('#form1').submit();
                $('#route').val("plugin.merchant.backend.merchant-list.staff");
            });
        });
    </script>
@endsection