@extends('admin.layouts.base')
@section('add_css')
    <style>
        .layui-form.wid150 .layui-input-block {
            margin-left: 150px;
        }
    </style>
@endsection
@section('content')

    <div class="layui-form layui-form-pane  wid150" lay-filter="layuiadmin-form-role" id="layuiadmin-form-role"
         style="padding:  20px 20px 20px 0">
        {{ method_field('PUT') }}
        {{ csrf_field() }}
        <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="rq" value="{{ $show->name }}" autocomplete="off"
                       class="layui-input"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">标识符</label>
            <div class="layui-input-block">
                <select name="ename" lay-filter="ename">
                    @if(count($pay_type)>0)
                        @foreach ($pay_type as $k=>$v)
                            <option value="{{ $k }}" {{ status_form($show->ename,$k,'selected') }}>{{ $v }}</option>
                        @endforeach
                    @endif
                </select>
            </div>
        </div>

        <div id="appGatewayEwm"
             style="display: {{ in_array($show->ename,config('adconfig.guma_type'))?'':'none' }}">
            <div class="layui-form-item">
                <label class="layui-form-label">收款姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="username" value="{{ $show->username }}"
                           lay-verify="{{ in_array($show->ename,config('adconfig.guma_type'))?'rq':'' }}"
                           autocomplete="off" class="layui-input"/>
                </div>
            </div>

            <div class="layui-form-item insert_upload_logo">
                <label class="layui-form-label">收款二维码</label>
                <div class="layui-input-inline ">
                    <div class="layui-upload-drag upload-event" style="{{ hide($show->thumb) }}">
                        <i class="layui-icon"></i>
                        <p>点击上传，或将文件拖拽到此处</p>
                    </div>
                    <input class="layui-upload-file" type="file" accept="undefined"
                           name="file">
                </div>

                <div class="layui-input-inline" style="{{ show($show->thumb) }};width: auto">

                    <input type="hidden" name="thumb"
                           lay-verify="{{ in_array($show->ename,config('adconfig.guma_type'))?'':'' }}"
                           value="{{ $show->thumb }}"
                           class="upload_input"><a
                            href="javascript:"
                            class="upload-close layui-icon layui-icon-close "></a><img
                            src="{{ $show->thumb }}" alt="" class="upload_img"
                            style="max-height: 148px;">
                </div>
                <button class="layui-btn layui-btn-primary" layadmin-event="uploadplace"
                        data-obj=".insert_upload_logo">图片空间
                </button>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">所属银行</label>
                <div class="layui-input-block">
                    <input type="text" name="bank_name" autocomplete="off" value="{{ $show->bank_name }}"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">所在行</label>
                <div class="layui-input-block">
                    <input type="text" name="source" value="{{ $show->source }}" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">银行卡号</label>
                <div class="layui-input-block">
                    <input type="text" name="mch_id" value="{{ $show->mch_id }}" lay-verify="rq" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item url">
                <label class="layui-form-label">二维码地址</label>
                <div class="layui-input-block">
                    <input type="text" name="url" value="{{ $show->url }}" autocomplete="off" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商户id/合作号</label>
                <div class="layui-input-block">
                    <input type="text" name="app_id" lay-verify="" value="{{ $show->app_id }}" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
        </div>
        <div id="appGateway"
             style="display: {{ in_array($show->ename,['tr_weixin','tr_alipay','tr_bank'])?'none':'' }}">

            <div class="layui-form-item">
                <label class="layui-form-label">网关</label>
                <div class="layui-input-block">
                    <input type="text" name="gateway_url" value="{{ $show->gateway_url }}" lay-verify="rq" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">三方通道（产品ID）</label>
                <div class="layui-input-block">
                    <input type="text" name="mch_id" value="{{ $show->mch_id }}" lay-verify="rq" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">商户id/合作号</label>
                <div class="layui-input-block">
                    <input type="text" name="app_id" lay-verify="" value="{{ $show->app_id }}" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商户密钥</label>
                <div class="layui-input-block">
                    <input type="text" name="app_key" lay-verify="" value="{{ $show->app_key }}" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">单笔限额</label>
            <div class="layui-input-block">
                <input type="number" name="limit_money" lay-verify="rq|number" value="{{ $show->limit_money }}"
                       autocomplete="off" class="layui-input"/>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">通道费率</label>
            <div class="layui-input-inline" style="width: 60px;">
                <input type="number" name="ratio" lay-verify="" value="{{ $show->ratio }}" placeholder="单位：千分"
                       autocomplete="off" class="layui-input"/>
            </div>
            <div class="layui-form-mid layui-word-aux">单位：千分，例如1%，请输入10，0.6%请输入6，这里是通道的的费率</div>
        </div>
        <div class="msg-tips msg-tips-warm">
            <i class="layui-icon layui-icon-about"></i> 上浮费率，是在商户原来基础的费率上增加点数，如无需增加请输入0,单位都还是 <b
                    class="text-red">千分单位</b><br/>
            比如商户原来是2.3%，这个通道支付需要上浮0.2%,那么请输入2，如果需要上浮1个点，请输入10
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">上浮费率</label>
            <div class="layui-input-inline" style="width: 60px;">
                <input type="number" name="up_ratio" lay-verify="rq|number" value="{{ $show->up_ratio }}"
                       autocomplete="off" class="layui-input"/>
            </div>
            <div class="layui-form-mid layui-word-aux">单位：千分，例如1%，请输入10，0.6%请输入6，上浮的的费率</div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">适用客户端</label>
            <div class="layui-input-block">
                <select name="client_type">
                    @if(count($pay_client)>0)
                        @foreach ($pay_client as $k=>$v)
                            <option value="{{ $k }}" {{ $k==$show->client_type?'selected':'' }}>{{ $v }}</option>

                        @endforeach
                    @endif
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-form-text" id="whiteip">
            <label class="layui-form-label">回调白名单(多个用英文逗号隔开)</label>
            <div class="layui-input-block">
                <textarea name="whiteip" class="layui-textarea" id="" cols="30" rows="5">{{ $show->whiteip }}</textarea>
            </div>
        </div>
        <div id="gatewayCert"
             style="display: {{ in_array($show->ename,['tr_weixin','tr_alipay','tr_bank'])?'none':'' }}">

            <div class="layui-form-item">
                <label class="layui-form-label">是否沙箱</label>
                <div class="layui-input-inline">
                    <input type="checkbox" {{ status_form($show->is_dev,1) }}  value="1" name="is_dev" lay-skin="switch"
                           lay-filter="component-form-switchTest" lay-text="是的|否">
                </div>
                <div class="layui-form-mid layui-word-aux">沙箱：调试账号</div>
            </div>
            <div class="layui-form-item layui-form-text-border">
                <label class="layui-form-label">公钥证书类型</label>
                <div class="layui-input-block" style="background: #ffff">
                    <input type="radio" name="cert_pub_type" value="2" title="文件"
                           lay-filter="cert_pub" {{ status_form($show->cert_pub_type,2) }}>
                    <input type="radio" name="cert_pub_type" value="1" title="文本"
                           {{ status_form($show->cert_pub_type,1) }} lay-filter="cert_pub">
                </div>
            </div>
            <div class="typeCertPub">
                <div class="layui-form-item layui-form-text" id="pub1"
                     style="display: {{ $show->cert_pub_type==1?'block':'none' }}">
                    <label class="layui-form-label">支付公钥</label>
                    <div class="layui-input-block">
                <textarea name="cert_pub" class="layui-textarea" id="" cols="30"
                          rows="5">{{ $show->cert_pub }}</textarea>
                    </div>
                </div>
                <div id="pub2" style="display: {{ $show->cert_pub_type==2?'block':'none' }};background: #fff"
                     class=" layui-form-item insert_upload_pub layui-form-text layui-form-text-border"
                     data-type="file" accept_type="file">
                    <label class="layui-form-label">上传公钥</label>
                    <div class="layui-input-block ">
                        <div class="layui-upload-drag upload-event"
                             style="display: {{ $show->cert_key ?'none':'block' }}">
                            <i class="layui-icon"></i>
                            <p>点击上传，或将文件拖拽到此处</p>
                        </div>
                        <input class="layui-upload-file" type="file" accept="undefined"
                               name="file">
                    </div>
                    <div class="layui-input-inline" style="display: {{ $show->cert_key ?? 'none' }}">
                        <input type="text" name="cert_pub2" value="{{ $show->cert_pub }}"
                               class="upload_input layui-input"><a
                                href="javascript:"
                                class="upload-close layui-icon layui-icon-close "></a><img
                                src="{{ ____('file.jpg') }}" alt="" class="upload_img"
                                style="max-height: 148px;">
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-form-text-border">
                <label class="layui-form-label">公钥证书类型</label>
                <div class="layui-input-block" style="background: #ffff">
                    <input type="radio" name="cert_private_type" value="2" title="文件"
                           lay-filter="cert_private_type" {{ status_form($show->cert_private_type,2) }}>
                    <input type="radio" name="cert_private_type" value="1" title="文本"
                           {{ status_form($show->cert_private_type,1) }} lay-filter="cert_private_type">
                </div>
            </div>
            <div class="typeCertPub2">
                <div class="layui-form-item layui-form-text" id="cert_key1"
                     style="display: {{ $show->cert_private_type==1?'block':'none' }}">
                    <label class="layui-form-label">证书私钥</label>
                    <div class="layui-input-block">
                <textarea name="cert_key" class="layui-textarea" id="" cols="30"
                          rows="5">{{ $show->cert_key }}</textarea>
                    </div>
                </div>
                <div id="cert_key2" style="display: {{ $show->cert_private_type==2?'block':'none' }}"
                     class="layui-form-item insert_upload_doc layui-form-text layui-form-text-border"
                     data-type="file" accept_type="file">
                    <label class="layui-form-label">上传二进制私钥</label>
                    <div class="layui-input-block ">
                        <div class="layui-upload-drag upload-event" style="{{ $show->cert_key?hide(1):'' }}">
                            <i class="layui-icon"></i>
                            <p>点击上传，或将文件拖拽到此处</p>
                        </div>
                        <input class="layui-upload-file" type="file" accept="undefined"
                               name="file">
                    </div>
                    <div class="layui-input-inline" style="display: {{ $show->cert_key ?? 'none' }};background: #fff">
                        <input type="text" name="cert_key2" value="{{ $show->cert_key  ?? '' }}"
                               class="upload_input layui-input"><a
                                href="javascript:"
                                class="upload-close layui-icon layui-icon-close "></a><img
                                src="{{ ____('file.jpg') }}" alt="" class="upload_img"
                                style="max-height: 148px;">
                    </div>
                </div>
            </div>

        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="number" name="sort" value="{{ $show->sort }}" lay-verify="" value="0" autocomplete="off"
                       class="layui-input"/>
            </div>
        </div>


        <div class="layui-form-item layui-hide">

            <button class="layui-btn" lay-submit lay-filter="LAY-form-submit" id="LAY-form-submit">提交</button>
        </div>
    </div>


@endsection
@section('add_js')

    <script>
        layui.use(['index', 'form', 'verify', 'custorm'], function () {



            var $ = layui.$
                , custorm = layui.custorm
                , form = layui.form;
            custorm.upload_one(".insert_upload_logo");
            custorm.upload_one(".insert_upload_doc", 'file');

            custorm.upload_one(".insert_upload_pub", 'file');
            form.on('radio(cert_pub)', function (data) {

                if (data.value == 1) {
                    $("#pub2").hide();
                    $("#pub1").show();
                } else {
                    $("#pub2").show();
                    $("#pub1").hide();
                }
            });
            function bank(val){
                $("#appGateway,#gatewayCert").hide();
                $("#appGateway input,#gatewayCert input").each(function () {
                    $(this).attr('lay-verify-bf', $(this).attr('lay-verify'));
                    $(this).attr('lay-verify', '');
                })
                $("#appGatewayEwm input").each(function () {
                    var nameinput=$(this).attr('name');
                    $(this).attr('lay-verify', $(this).attr('lay-verify-bf'));


                })
                $("#appGatewayEwm").show();
                if(val!='tr_bank2')
                {
                    $("[name='bank_name']").attr('lay-verify', '');
                    $('#appGatewayEwm .url').show()
                    $('.insert_upload_logo').show()
                }else{
                    $('#appGatewayEwm .url').hide()
                    $('.insert_upload_logo').hide()
                }
            }

            function notbank(){
                $("#appGateway,#gatewayCert").show();
                $("#appGatewayEwm").hide();
                $("#appGateway input,#gatewayCert input").each(function () {
                    //$(this).attr('lay-verify-bf',$(this).attr('lay-verify'));
                    $(this).attr('lay-verify', $(this).attr('lay-verify-bf'));
                })
                $("#appGatewayEwm input").each(function () {
                    $(this).attr('lay-verify-bf', $(this).attr('lay-verify'));
                    $(this).attr('lay-verify', '');
                })
                $("[name='thumb']").attr('lay-verify', '');
            }

            if(['tr_weixin','tr_alipay','tr_bank2','tr_bank','tr_wxal','tr_wxalbank'].includes("{{$show->ename}}")){
                bank("{{$show->ename}}")
            }else {
                notbank()
            }

            form.on('select(ename)', function (data) {
                if (['tr_weixin', 'tr_alipay', 'tr_bank2', 'tr_bank', 'tr_wxal', 'tr_wxalbank'].includes(data.value)) {
               // if (data.value == 'tr_weixin' || data.value == 'tr_alipay' || data.value == 'tr_bank2' || data.value == 'tr_bank' || data.value == 'tr_wxal' || data.value == 'tr_wxalbank') {
                    bank(data.value)
                } else {
                    notbank()
                }
            });
            form.on('radio(cert_private_type)', function (data) {
                if (data.value == 1) {
                    $("#cert_key2").hide();
                    $("#cert_key1").show();
                } else {
                    $("#cert_key2").show();
                    $("#cert_key1").hide();
                }
            });
        });
    </script>
@endsection