@extends('layouts.base')
@section('title', trans('基础设置'))
@section('content')
    <div class="w1200 m0a">
        <div class="rightlist">
            <!-- 新增加右侧顶部三级菜单 -->
            <form action="" method="post" class="form-horizontal"  id="form1">
                <div class="panel panel-info">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            认证码充值
                        </div>
                        <div class='panel-body'>
                            <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="text" name="agency" maxlength="30" value="{{ $memberInfo['nickname'] }}" 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-9 col-xs-12">
                                    <img src='{{ $memberInfo['avatar'] }}' style='width:100px;height:100px;padding:1px;border:1px solid #ccc' />
                                </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">
                                    <div class="form-control-static">姓名: {{ $memberInfo['realname'] ?? $memberInfo['nickname'] }} / 手机号: {{ $memberInfo['mobile'] }}
                                    </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-9 col-xs-12">
                                    <div class="form-control-static">
                                        @if($agent['province_name'])
                                            {{$agent['province_name']}}
                                        @endif
                                        @if($agent['city_name'])
                                            - {{$agent['city_name']}}
                                        @endif
                                        @if($agent['district_name'])
                                            - {{$agent['district_name']}}
                                        @endif
                                        @if($agent['street_name'])
                                            - {{$agent['street_name']}}
                                        @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-sm-6 col-xs-6">
                                    <div class="form-control-static">{{ $agent->legalize_num }}</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 class="form-control" type="text" name="legalize_num">
                                </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" name="submit" value="充值" class="btn btn-primary" >
                                    <input type="hidden" name="token" value="{$_W['token']}">
                                </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>
            </form>
        </div>
    </div>
    <script>
        function search_agencys() {
            if ($.trim($('#search-kwd-agencys').val()) == '') {
                Tip.focus('#search-kwd-agencys', '请输入关键词');
                return;
            }
            $("#module-menus-agencys").html("正在搜索....");
            $.get('{!! yzWebUrl('plugin.auction.admin.legalize-recharge.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>
@endsection