@extends('layouts.base')
@section('title', trans('添加团队代理'))
@section('content')
    <div class="w1200 ">
        <div class=" rightlist ">
            <div class="right-titpos">
                <ul class="add-snav">
                    <li class="active"><a href="#">添加团队代理</a></li>
                </ul>
            </div>

            <div class="right-addbox"><!-- 此处是右侧内容新包一层div -->
                <div class="panel panel-default">
                    <div class="panel-body">
                        <form action="" method="post" class="form-horizontal" name="form1" role="form" id="form1">
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">微信角色</label>
                                <div class="col-sm-6 col-xs-6">
                                    <div class="input-group">
                                        <input type="hidden" id="agencyid" name="team[uid]" value="">
                                        <input type="hidden" id="parentid" name="team[parent_id]" value="">
                                        <input type="hidden" id="relation" name="team[relation]" value="">
                                        <input type="text" name="agency" maxlength="30" value="" id="agency" class="form-control" readonly="">
                                        <div class="input-group-btn">
                                            <button class="btn btn-default" type="button" onclick="popwin = $('#modal-module-menus-agency').modal();">
                                                选择角色
                                            </button>
                                            <button class="btn btn-danger" type="button" onclick="$('#agencyid').val('');$('#agency').val('');">
                                                清除选择
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">真实姓名</label>
                                <div class="col-sm-6 col-xs-6">
                                    <p id="realname" class="form-control-static"></p>
                                    {{--<input type='text' name='team[realname]' id="realname" class="form-control" value="" readonly/>--}}
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">联系方式</label>
                                <div class="col-sm-6 col-xs-6">
                                    <p id="mobile" class="form-control-static"></p>
                                    {{--<input type='text' name='team[contact]' id="mobile" class="form-control" value="" readonly/>--}}
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">代理等级</label>
                                <div class="col-sm-6 col-xs-6">
                                    <select class="form-control tpl-category-parent" name="team[level]">
                                        <option value="0">请选择团队代理等级</option>
                                        @foreach ($level as $item)
                                        <option value="{{$item->id}}">{{$item->level_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                                <div class="col-sm-9 col-xs-12">
                                    <input type="submit" onclick="javascript:{this.disabled=true;document.form1.submit();}" value="提交" class="btn btn-success">
                                </div>
                            </div>
                        </form>
                   </div>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-9">
            <div id="modal-module-menus-agency" 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">
                            <div class="row">
                                <div class="input-group">
                                    <input type="text" class="form-control"
                                           name="keyword" value=""
                                           id="search-kwd-agencys"
                                           placeholder="请输入微信角色"/>
                                    <span class='input-group-btn'>
                                    <button type="button" class="btn btn-default"
                                            onclick="search_agencys();">搜索
                                    </button></span>
                                </div>
                            </div>
                            <div id="module-menus-agencys"
                                 style="padding-top:5px;"></div>
                        </div>
                        <div class="modal-footer">
                            <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
<script>
    function search_agencys() {
        if ($.trim($('#search-kwd-agencys').val()) == '') {
            Tip.focus('#search-kwd-agencys', '请输入关键词');
            return;
        }
        $("#module-menus-agencys").html("正在搜索....");
        $.get('{!! yzWebUrl('member.member.get-search-member') !!}', {
                keyword: $.trim($('#search-kwd-agencys').val())
            }, function (dat) {
                $('#module-menus-agencys').html(dat);
            }
        )
        ;
    }

    function onclick() {
        this.display = true;
    }

    function select_member(o) {
console.log(o);
        $("#agencyid").val(o.uid);
        $("#agency").val("[" + o.uid + "]" + o.nickname);
        $("#realname").empty().append(o.realname);
        $("#mobile").empty().append(o.mobile);
        $("#parentid").val(o.yz_member.parent_id);
        $("#relation").val(o.yz_member.relation);
        $("#modal-module-menus-agency .close").click();
    }
</script>