@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" name="member_form" class="form-horizontal" 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="data[member_id]" 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">
                                    <input type='text' id="realname" readonly="readonly" class="form-control" value=""/>
                                </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">
                                    <input type='text'  id="mobile" class="form-control" readonly="readonly" value=""/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                                <div class="col-xs-6">
                                    <input type="submit" name="submit" value="提交" class="btn btn-success"/>
                                    <input type="button" name="back" onclick='history.back()' style=''
                                           value="返回列表"
                                           class="btn btn-default back"/>
                                </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 select_member(o) {
        console.log(o);
        $("#agencyid").val(o.uid);
        $("#agency").val("[" + o.uid + "]" + o.nickname);
        $("#realname").val(o.realname);
        $("#mobile").val(o.mobile);
        $("#modal-module-menus-agency .close").click();
    }

</script>