@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="micro[uid]" value="{{$agent->uid}}">
                                        <input type="text" name="agency" maxlength="30" value="@if ($agent->uid){{$agent->member->nickname}}[{{$agent->uid}}]@endif" 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>
                                    <span id="bossvalue" class='help-block' @if (!$agent->uid)style="display:none"@endif><img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$agent->member->avatar}}"/></span>
                                </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="micro[level_id]">
                                        @foreach ($levels as $level)
                                            <option value="{{$level->id}}" >{{$level->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) {
        $("#agencyid").val(o.uid);
        $("#agency").val("[" + o.uid + "]" + o.nickname);
        $("#realname").empty().append(o.realname);
        $("#mobile").empty().append(o.mobile);
        $("#bossvalue").find('img').attr('src', o.avatar);
        $("#modal-module-menus-agency .close").click();
    }
</script>