@extends('layouts.base')

@section('content')
@section('title', '编辑信息')
<div class="rightlist">
    <div id="editAgentContent">
        {{--表单内容--}}
        <form action="" method='post' class='form-horizontal' id="editAgent" enctype="multipart/form-data">
            <div class='panel panel-default'>
                <el-tabs>
                    <el-tab-pane label="基本信息">
                        <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="text" name="title" class="form-control" value="{{$agency['title']}}"  />
                            </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">
                                <label class="radio-inline">
                                    <input type="radio" name="order_manage" value="0" @if(!$agency['manage']) checked="checked" @endif /> 关闭
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="order_manage" value="1" @if($agency['manage'] == 1) checked="checked" @endif /> 开启
                                </label>
                            </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">
                                <label class="radio-inline">
                                    <input type="radio" name="has_ratio" value="0" @if(!$agency['has_ratio']) checked="checked" @endif /> 关闭</label>
                                <label class="radio-inline">
                                    <input type="radio" name="has_ratio" value="1" @if($agency['has_ratio'] == 1) checked="checked" @endif/> 开启</label>
                            </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='input-group'>
                                    <input type='text' name='ratio' class="form-control discounts_value" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" value="{{$agency['ratio']}}"/>
                                    <div class='input-group-addon waytxt'>%</div>
                                </div>
                            </div>
                        </div>
                        {{--招商专员插件--}}
                        @if(app('plugins')->isEnabled('invest-people'))
                            {!!  \Yunshop\InvestPeople\services\InvestMemberView::areaDividend($agency['investor_uid']) !!}
                        @endif
                        @if (!empty($username))
                            <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">
                                    {{$username}}
                                </div>
                            </div>
                        @else
                            <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="text" name="wq[username]" placeholder="登录账号" class="form-control" value=""  />
                                </div>
                            </div>
                        @endif
                        <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="text" name="wq[password]" 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-9 col-xs-12">
                                <input type="text" name="wq[password_again]" class="form-control" value=""  />
                            </div>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="微信小程序">
                        <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">
                                <label class='radio-inline'>
                                    <input type='radio' name='min_status' value='0' @if ($agency['min_status'] != 1) checked @endif/>关闭
                                </label>
                                <label class='radio-inline'>
                                    <input type='radio' name='min_status' value='1' @if ($agency['min_status'] == 1) checked @endif />使用中
                                </label>
                            </div>
                        </div>
                        <div class="min-config-content" @if($agency['min_status'] != 1) style="display: none;" @endif>
                            {{--<div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">App ID</label>
                                <div class="col-sm-9 col-xs-12">
                                    <input type="text" name="min_app_id" class="form-control" value="{{ $agency['min_app_id'] }}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">App Secret</label>
                                <div class="col-sm-9 col-xs-12">
                                    <input type="text" name="min_app_secret" class="form-control  @if($agency['min_app_secret']) hidden  @endif " value="{{ $agency['min_app_secret'] }}" id="secret"/>
                                    <span class='label label-success @if(!$agency['min_app_secret']) hidden  @endif '  id="secret_label" >已上传</span>
                                    <input type="button" name="" value="重设"  onclick="removeHiddent1()" class="btn btn-danger @if(!$agency['min_app_secret']) hidden  @endif" id="secret_btn" />
                                </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="text" name="min_mch_id" class="form-control" value="{{ $agency['min_mch_id'] }}"/>
                                </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="text" name="min_api_secret" id="api_secret" class="form-control @if($agency['min_api_secret']) hidden @endif" value="{{ $agency['min_api_secret'] }}"/>
                                    <span class='label label-success @if(!$agency['min_api_secret']) hidden  @endif '  id="api_secret_label" >已上传</span>
                                    <input type="button" name="" value="重设"  onclick="removeHiddent()" class="btn btn-danger @if(!$agency['min_api_secret']) hidden  @endif" id="api_secret_btn" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">CERT证书文件</label>
                                <div class="col-sm-9 col-xs-12">
                                    <input type="hidden" name="min_apiclient_cert" value="{{ $agency['min_apiclient_cert'] }}"/>
                                    <input type="file" name="apiclient_cert" class="form-control"/>
                                    <span class="help-block">
                                        @if (!empty($agency['min_apiclient_cert']))
                                            <span class='label label-success'>已上传</span>
                                        @else
                                            <span class='label label-danger'>未上传</span>
                                        @endif
                                            下载证书 cert.zip 中的 apiclient_cert.pem 文件
                                    </span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">KEY密钥文件</label>
                                <div class="col-sm-9 col-xs-12">
                                    <input type="hidden" name="min_apiclient_key" value="{{ $agency['min_apiclient_key'] }}"/>
                                    <input type="file" name="apiclient_key" class="form-control"/>
                                    <span class="help-block">
                                        @if (!empty($agency['min_apiclient_key']))
                                            <span class='label label-success'>已上传</span>
                                        @else
                                            <span class='label label-danger'>未上传</span>
                                        @endif
                                            下载证书 cert.zip 中的 apiclient_key.pem 文件
                                    </span>
                                </div>
                            </div>--}}
                        </div>
                    </el-tab-pane>
                </el-tabs>
                {{--提交按钮--}}
                <div class="form-group"></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 col-lg-1"  />
                        <input type="button" name="back" onclick='history.back()'  value="返回列表" class="btn btn-default" />
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    $(function () {
        // 小程序状态改变
        $("[name='min_status']").on('change',function () {
            let val = parseInt($(this).val());
            val = isNaN(val) ? parseInt(0) : parseInt(val);
            if(val === 1) $(".min-config-content").show();
            else $(".min-config-content").hide();
        });
        // 表单验证
        $("#editAgent").submit(function(){
            // 表单信息处理
            let list = $("#editAgent").serializeArray();
            let newList = {};
            $.each(list,function (k,v) {
                let name = v.name.replace(/data\[/g, "").replace(/]/g, "");
                newList[name] = v.value;
            });
            console.log(newList);
            // 内容校验列表
            let defaultRule = [
                {name: 'title', checkType: 'required', errorMsg: '请输入代理名称'},
            ];
            if(newList['min_status'] == 1){
                // defaultRule.push({name: 'min_app_id', checkType: 'required', errorMsg: '请输入App ID'});
                // defaultRule.push({name: 'min_app_secret', checkType: 'required', errorMsg: '请输入App Secret'});
                defaultRule.push({name: 'min_mch_id', checkType: 'required', errorMsg: '请输入支付商户号'});
                // defaultRule.push({name: 'min_api_secret', checkType: 'required', errorMsg: '请输入支付密钥'});
            }
            let result = util.verify(newList,defaultRule);

            return result === true;
        })
    })
    // 重新设置支付秘钥
    function removeHiddent(){
        $("#api_secret").removeClass('hidden')
        $("#api_secret").val('')
        $("#api_secret_btn").addClass('hidden')
        $("#api_secret_label").addClass('hidden')
    }
    // 重新设置app Secret
    function removeHiddent1(){
        $("#secret").removeClass('hidden')
        $("#secret").val('')
        $("#secret_btn").addClass('hidden')
        $("#secret_label").addClass('hidden')
    }
    var vm = new Vue({
        el: "#editAgentContent",
        delimiters: ['[[', ']]'],
        data() {
          return {}
        },
        created () {},
        methods: {},
    });
</script>
@endsection