{template 'web/common/header'}
<div class="layui-fluid">
    <div class="fui-content main-content">
        <div class="fui-content">
            <h2>支付服务</h2>
        </div>
        <div class="layui-tab fui-tab margin-bottom">
            <ul class="layui-tab-title title_tab">
                <li><a href="{php echo $this->url()}">支付记录</a></li>
                <li class="layui-this"><a href="{php echo $this->url('setting')}">参数设置</a></li>
            </ul>
        </div>
        <div class="fui-card layui-card">
            <div class="layui-card-body">
                <form action="{php echo $this->url('setting')}" method="post" class="layui-form">
                    {csrftoken}
                    <div class="layui-form-item">
                        <label class="layui-form-label">余额支付</label>
                        <div class="layui-input-block">
                            <input type="checkbox" lay-skin="switch" lay-text="开启|关闭" name="credit_switch" value="1"{if $setting['credit']['pay_switch']==1} checked{/if} />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付宝</label>
                        <div class="layui-input-block">
                            <input type="checkbox" lay-skin="switch" lay-text="开启|关闭" lay-filter="ctrls" data-target=".alipay" name="alipay_switch" value="1"{if $setting['alipay']['pay_switch']==1 || $setting['alipay']['recharge_switch']==1} checked{/if} />
                            <p class="layui-word-aux">如同时关闭支付开关和充值开关，则代表关闭支付宝支付</p>
                        </div>
                    </div>
                    <div class="alipay{if !$setting['alipay']['pay_switch'] && !$setting['alipay']['recharge_switch']} layui-hide{/if}">
                        <div class="layui-form-item must">
                            <div class="layui-form-label">功能设置</div>
                            <div class="layui-input-block">
                                <input type="checkbox" title="支付开关" name="alipay[pay_switch]" value="1"{if $setting['alipay']['pay_switch']==1} checked{/if} />
                                <input type="checkbox" title="充值开关" name="alipay[recharge_switch]" value="1"{if $setting['alipay']['recharge_switch']==1} checked{/if} />
                                <a class="layui-btn layui-btn-normal layui-btn-sm js-demoPay" title="请使用支付宝或浏览器扫码支付" href="{php echo $this->url('payDemo')}">测试支付</a>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">接口验签方式</label>
                            <div class="layui-input-block">
                                <input type="radio" lay-filter="ctrls" data-target=".alipaysign" value="RSA2" name="alipay[sign_type]" title="RSA2"{if $setting['alipay']['sign_type']=='RSA2'} checked{/if} />
                                <input type="radio" lay-filter="ctrls" data-target=".alipaysign" value="MD5" name="alipay[sign_type]" title="MD5(即将弃用)"{if $setting['alipay']['sign_type']!='RSA2'} checked{/if} />
                                <p class="layui-word-aux">APP内仅支持RSA2方式</p>
                            </div>
                        </div>
                        <div class="alipaysign form-itemRSA2{if $setting['alipay']['sign_type']!='RSA2'} layui-hide{/if}">
                            <div class="layui-form-item must">
                                <label class="layui-form-label">应用APPID</label>
                                <div class="layui-input-block">
                                    <input type="text" name="alipay[appid]" value="{$setting['alipay']['appid']}" placeholder="请输入您的支付宝开放平台应用APPID" autocomplete="off" class="layui-input" />
                                    <div class="layui-word-aux"><a href="https://opensupport.alipay.com/support/FAQ/6718bd6590a89804461b6e05prod" class="text-blue" target="_blank">点此查看配置说明</a></div>
                                </div>
                            </div>
                            <div class="layui-form-item must">
                                <label class="layui-form-label">支付宝公钥</label>
                                <div class="layui-input-block">
                                    <textarea class="layui-textarea" placeholder="请输入您的支付宝公钥" name="alipay[publickey]">{$setting['alipay']['publickey']}</textarea>
                                </div>
                            </div>
                            <div class="layui-form-item must">
                                <label class="layui-form-label">应用私钥</label>
                                <div class="layui-input-block">
                                    <textarea class="layui-textarea" rows="6" placeholder="请输入您的应用私钥" name="alipay[privatekey]">{$setting['alipay']['privatekey']}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="alipaysign form-itemMD5{if $setting['alipay']['sign_type']=='RSA2'} layui-hide{/if}">
                            <div class="layui-form-item must">
                                <label class="layui-form-label">合作者ID</label>
                                <div class="layui-input-block">
                                    <input type="text" name="alipay[partner]" value="{$setting['alipay']['partner']}" placeholder="请输入您的支付宝合作者ID，一般是2088开头的数字" autocomplete="off" class="layui-input" />
                                </div>
                            </div>
                            <div class="layui-form-item must">
                                <label class="layui-form-label">支付宝账号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="alipay[account]" value="{$setting['alipay']['account']}" placeholder="请输入您的支付宝收款账号" autocomplete="off" class="layui-input" />
                                </div>
                            </div>
                            <div class="layui-form-item must">
                                <label class="layui-form-label">接口密匙</label>
                                <div class="layui-input-block">
                                    <input type="password" name="alipay[secret]" value="{$setting['alipay']['secret']}" placeholder="请输入您的支付宝接口密匙，MD5格式的密匙串" autocomplete="off" class="layui-input" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">微信支付</label>
                        <div class="layui-input-block">
                            <input type="checkbox" lay-skin="switch" lay-text="开启|关闭" lay-filter="ctrls" data-target=".wechat" name="wechat_switch" value="1"{if $setting['wechat']['pay_switch']==1 || $setting['wechat']['recharge_switch']==1} checked{/if} />
                            <p class="layui-word-aux">如同时关闭支付开关和充值开关，则代表关闭微信支付</p>
                        </div>
                    </div>
                    <div class="wechat{if !$setting['wechat']['pay_switch'] && !$setting['wechat']['recharge_switch']} layui-hide{/if}">
                        <div class="layui-form-item must">
                            <div class="layui-form-label">功能设置</div>
                            <div class="layui-input-block">
                                <input type="checkbox" title="支付开关" name="wechat[pay_switch]" value="1"{if $setting['wechat']['pay_switch']==1} checked{/if} />
                                <input type="checkbox" title="充值开关" name="wechat[recharge_switch]" value="1"{if $setting['wechat']['recharge_switch']==1} checked{/if} />
                                <a class="layui-btn layui-btn-normal layui-btn-sm js-demoPay" title="请使用微信扫码支付" href="{php echo $this->url('payDemo', ['type'=>'wechat'])}">测试支付</a>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">支付模式</label>
                            <div class="layui-input-block">
                                <input type="radio" name="wechat[partner]" lay-filter="ctrls" data-target=".isPartner" value="0" title="直连商户"{if empty($setting['wechat']['partner'])} checked{/if} />
                                <input type="radio" name="wechat[partner]" lay-filter="ctrls" data-target=".isPartner" value="1" title="服务商"{if $setting['wechat']['partner']==1} checked{/if} />
                            </div>
                        </div>
                        <div class="isPartner form-item1{if empty($setting['wechat']['partner'])} layui-hide{/if}">
                            <div class="layui-form-item must">
                                <label class="layui-form-label">服务商应用ID</label>
                                <div class="layui-input-block">
                                    <input type="text" name="wechat[sp_appid]" value="{$setting['wechat']['sp_appid']}" placeholder="请输入微信生成的应用ID" autocomplete="off" class="layui-input" />
                                </div>
                            </div>
                            <div class="layui-form-item must">
                                <label class="layui-form-label">服务商户号(mchId)</label>
                                <div class="layui-input-block">
                                    <input type="text" name="wechat[sp_mchid]" value="{$setting['wechat']['sp_mchid']}" placeholder="请输入由微信支付生成并下发的商户号" autocomplete="off" class="layui-input" />
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item must">
                            <label class="layui-form-label">应用APPID</label>
                            <div class="layui-input-block">
                                <input type="text" name="wechat[appid]" value="{$setting['wechat']['appid']}" placeholder="请输入您的微信公众号appid" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-form-item must">
                            <label class="layui-form-label"><span class="isPartner form-item1{if empty($setting['wechat']['partner'])} layui-hide{/if}">子商户号</span><span class="isPartner form-item0{if !empty($setting['wechat']['partner'])} layui-hide{/if}">支付商户号</span>(mchId)</label>
                            <div class="layui-input-block">
                                <input type="text" name="wechat[mchid]" value="{$setting['wechat']['mchid']}" placeholder="请输入您的微信支付商户号" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-form-item must">
                            <label class="layui-form-label">微信支付密钥</label>
                            <div class="layui-input-block">
                                <div class="layui-input-inline" style="width: 70%">
                                    <input type="text" id="wechatApiKey" name="wechat[apikey]" value="{$setting['wechat']['apikey']}" placeholder="请输入您的微信支付密钥" class="layui-input" />
                                </div>
                                <a href="javascript:;" onclick="$('#wechatApiKey').val(Wrandom(32))" class="layui-btn">随机生成</a>
                                <div class="layui-word-aux">请在此处生成支付秘钥并填写到<a class="text-blue" href="https://pay.weixin.qq.com/index.php/core/cert/api_cert#/" target="_blank">微信支付商户后台的API安全秘钥</a></div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">H5支付</label>
                            <div class="layui-input-block">
                                <input type="checkbox" lay-skin="switch" lay-text="开启|关闭" name="wechat[h5_switch]" value="1"{if $setting['wechat']['h5_switch']==1} checked{/if} />
                                <div class="layui-word-aux wechatH5Pay{if $setting['wechat']['h5_switch']!=1} layui-hide{/if}"><strong class="text-red">注：请将支付秘钥填写到APIv3密钥</strong></div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">APP支付</label>
                            <div class="layui-input-block">
                                <input type="checkbox" lay-skin="switch" lay-text="开启|关闭" lay-filter="ctrls" data-target=".wechatAppPay" name="wechat[app_switch]" value="1"{if $setting['wechat']['app_switch']==1} checked{/if} />
                                <div class="layui-word-aux wechatAppPay{if $setting['wechat']['app_switch']!=1} layui-hide{/if}"><strong class="text-red">注：请将支付秘钥填写到APIv3密钥</strong></div>
                            </div>
                        </div>
                        <div class="layui-form-item must wechatAppPay{if $setting['wechat']['app_switch']!=1} layui-hide{/if}">
                            <label class="layui-form-label">应用APPID</label>
                            <div class="layui-input-block">
                                <div class="layui-input-inline" style="width: 50%;">
                                    <input type="text" name="wechat[app_appid]" value="{$setting['wechat']['app_appid']}" placeholder="请输入在微信开放平台申请的应用的APPID" autocomplete="off" class="layui-input" />
                                </div>
                                <a class="layui-btn" href="https://open.weixin.qq.com/" target="_blank">立即申请</a>
                                <div class="layui-word-aux"><span class="isPartner form-item1{if empty($setting['wechat']['partner'])} layui-hide{/if}">此处填写子商户的应用APPID，</span>请到微信支付商户后台的<a class="text-blue" target="_blank" href="https://pay.weixin.qq.com/index.php/extend/merchant_appid/mapay_platform/account_manage">AppID账号管理</a>关联此应用</div>
                            </div>
                        </div>
                        <div class="layui-form-item must">
                            <label class="layui-form-label">证书序列号</label>
                            <div class="layui-input-block">
                                <input type="text" name="wechat[serialno]" value="{$setting['wechat']['serialno']}" placeholder="请输入微信支付的API证书序列号" autocomplete="off" class="layui-input" />
                                <div class="layui-word-aux">
                                    <a class="text-blue" href="https://pay.weixin.qq.com/index.php/core/cert/api_cert#/" lay-tips="登录微信支付商户后点击【查看证书】按钮" target="_blank">查看并下载证书</a>
                                    <a class="text-blue layui-hide" href="{php echo url('profile/refund/display')}">上传API证书</a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">接口对接方式</label>
                            <div class="layui-input-block">
                                <input type="radio" name="wechat[use_public_cert]" lay-filter="ctrls" data-target=".certMode" value="0" title="平台证书方式"{if empty($setting['wechat']['use_public_cert'])} checked{/if} />
                                <input type="radio" name="wechat[use_public_cert]" lay-filter="ctrls" data-target=".certMode" value="1" title="公钥证书方式"{if $setting['wechat']['use_public_cert']==1} checked{/if} />
                                <div class="layui-word-aux">平台证书方式：系统自动获取微信支付平台证书；公钥证书方式：手动上传微信支付平台公钥证书</div>
                            </div>
                        </div>
                        <div class="layui-form-item must">
                            <label class="layui-form-label">API证书</label>
                            <div class="layui-input-block">
                                <div class="input-group" style="max-width: 375px">
                                    <span class="input-group-addon">apiclient_cert.pem</span>
                                    <input type="hidden" name="wechat[apiclient_cert]" id="apiclient_cert" value="{$setting['wechat']['apiclient_cert']}" />
                                    <input class="layui-input{if empty($setting['wechat']['apiclient_cert'])} text-blue{else} text-green{/if} js-pem-upload" data-type="apiclient_cert" type="button" value="{if empty($setting['wechat']['apiclient_cert'])}上传文件{else}已上传{/if}">
                                </div>
                            </div>
                            <div class="layui-input-block">
                                <div class="input-group" style="max-width: 375px">
                                    <span class="input-group-addon">apiclient_key.pem</span>
                                    <input type="hidden" name="wechat[apiclient_key]" id="apiclient_key" value="{$setting['wechat']['apiclient_key']}" />
                                    <input class="layui-input{if empty($setting['wechat']['apiclient_key'])} text-blue{else} text-green{/if} js-pem-upload" data-type="apiclient_key" type="button" value="{if empty($setting['wechat']['apiclient_key'])}上传文件{else}已上传{/if}">
                                </div>
                            </div>
                        </div>
                        <div class="certMode form-item0{if $setting['wechat']['use_public_cert']==1} layui-hide{/if}">
                            <div class="layui-form-item must">
                                <label class="layui-form-label">支付平台证书</label>
                                <div class="layui-input-block">
                                    <input type="hidden" name="wechat[platform_cert]" value="{$setting['wechat']['platform_cert']}" autocomplete="off">
                                    {if empty($setting['wechat'])}
                                    <div class="layui-elem-quote margin-bottom" style="border-color: #fbbd08; background-color: #fde6d2;">
                                        <p>请先保存以上设置再获取平台证书</p>
                                        <p><strong class="text-red">API证书必须上传</strong></p>
                                    </div>
                                    {else}
                                    {if $setting['wechat']['platform_cert']}<span class="text-green layui-icon layui-icon-ok-circle"></span>&nbsp;证书已保存{if !empty($setting['wechat']['platform_date'])}：{php echo date('Y-m-d H:i', $setting['wechat']['platform_date'])}{/if}&nbsp;&nbsp;{/if}
                                    <a href="{php echo $this->url('gencert')}" class="layui-btn layui-btn-normal ajaxshow">{if $setting['wechat']['platform_cert']}重新{/if}获取证书</a>
                                    {/if}
                                    <p class="layui-word-aux">支付授权目录：{$_W['siteroot']}app/server/payment/wechat/&nbsp;<a href="javascript:;" data-url="{$_SERVER['HTTP_HOST']}/app/server/payment/wechat/" class="text-blue js-clip">复制</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="certMode form-item1{if empty($setting['wechat']['use_public_cert'])} layui-hide{/if}">
                            <div class="layui-form-item must">
                                <label class="layui-form-label">微信支付公钥</label>
                                <div class="layui-input-block">
                                    <div class="input-group" style="max-width: 375px">
                                        <span class="input-group-addon">pub_key.pem</span>
                                        <input type="hidden" name="wechat[public_cert]" id="public_cert" value="{$setting['wechat']['public_cert']}" />
                                        <input class="layui-input{if empty($setting['wechat']['public_cert'])} text-blue{else} text-green{/if} js-pem-upload" data-type="public_cert" type="button" value="{if empty($setting['wechat']['public_cert'])}上传文件{else}已上传{/if}">
                                    </div>
                                    <div class="layui-word-aux">请上传微信支付平台公钥证书文件（pub_key.pem）</div>
                                </div>
                            </div>
                            <div class="layui-form-item must">
                                <label class="layui-form-label">平台公钥ID</label>
                                <div class="layui-input-block">
                                    <input type="text" name="wechat[public_serial_id]" value="{$setting['wechat']['public_serial_id']}" placeholder="请输入微信支付公钥ID" autocomplete="off" class="layui-input" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit type="submit" value="true" name="savedata">保存</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重填</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<style>
    .wechat .layui-input-block + .layui-input-block{margin-top: 10px;}
</style>
<script type="text/javascript">
    require.config({
        baseUrl: '/static/js',
        paths:{
            'clipboard':'clipboard.min',
            'qrcode':'jquery.qrcode.min'
        }
    });
    require(['qrcode']);
    $(function () {
        $('.js-demoPay').click(function () {
            let Elem = $(this);
            Core.get(Elem.attr('href'), function (res) {
                if(res.type!=='success'){
                    return layer.msg(res.message, {icon:2});
                }
                let pid = "PayDebug" + Wrandom(5);
                layer.open({
                    title: Elem.attr('title')
                    ,content: '<div style="padding: 10px; width: 200px; height: 200px; margin: 0 auto;" id="'+pid+'"></div>'
                    ,success:function (){
                        $("#"+pid).qrcode({
                            render: 'canvas',
                            width: 200,
                            height: 200,
                            text: res.data.url
                        });
                    }
                });
            });
            return false;
        });
    });
    function UploadRender(upload) {
        $(".js-pem-upload").each(function (index) {
            let Elem = $(this);
            let keyType = Elem.attr('data-type');
            upload.render({
                elem: this
                ,url: '{php echo $this->url("upload")}'
                ,accept:'file'
                ,exts:"pem"
                ,data:{_token:"{$_W['token']}", keyType: keyType}
                ,done:function (res, index, upload){
                    if (res.type!=='success') return Core.report(res);
                    $("#" + keyType).val(res.data.path);
                    Elem.removeClass('text-blue').addClass('text-green').val("已上传");
                }
            });
        });
    }
</script>
{template 'web/common/footer'}