@extends('layouts.base')
@section('title', trans('添加代理商'))

@section('content')
    <style>
        select {
            width: 25%;
            height: 34px;
        }

        #saleravatar img {
            width: 200px;
            height: 200px;
        }

        .col-xs-6 {
            width: 60%;
        }
    </style>

    <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="agent[uid]"
                                               value="{{ $agent['uid'] }}">
                                        <input type="text" name="agency" maxlength="30"
                                               value="{{ $agent['nickname'] }}" id="agency"
                                               class="form-control" readonly="">
                                        @if(empty($agent))
                                            <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>
                                        @endif
                                    </div>
                                </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">
                                    <select name="agent[level_id]">
                                        <option>请选择代理商等级</option>
                                        @foreach($level as $item)
                                            <option value="{{$item['id']}}"
                                                    @if ($item['id']==$agent['level_id']) selected @endif>{{$item['title']}}</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-xs-6">
                                    <input type="hidden" id="agencyid" name="id" value="{{ $agent['id'] ?: '' }}">
                                    <input type="button" name="submit" value="提交" class="btn btn-success"
                                           onclick="sub()"/>
                                    <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">
                                    <label>
                                        <input type="text" class="form-control"
                                               name="keyword" value=""
                                               id="search-kwd-agencys"
                                               placeholder="请输入微信角色"/>
                                    </label>
                                    <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>

    <script language='javascript'>
        function sub() {
            document.form1.submit.disabled = true;
            var form_data = $($('#form1')[0]).serialize();
            var html = '';
            var url = "{!! yzWebUrl('plugin.agency.admin.agency.index') !!}";
            $.post({
                url: '{!! yzWebUrl($url) !!}',
                dataType: "json",
                data: form_data,
                success: function (strValue) {
                    if (strValue.result == "0") {
                        confirm(strValue.msg);
                        document.form1.submit.disabled = false;
                    } else if (strValue.result == "1") {
                        confirm(strValue.msg);
                        window.location.href = url;
                    } else if (strValue.status == "-1") {
                        confirm(strValue.result.msg);
                        document.form1.submit.disabled = false;
                    }
                }
            })
        }
    </script>
    <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);
            $("#modal-module-menus-agency .close").click();
        }
    </script>

@endsection