{extend name="app/shop/view/base.html"/}
{block name="resources"}{/block}
{block name="main"}
<div class="layui-form">
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">添加芝麻商户</span>
            <input type="hidden" name="shop_id" value="{$shop_id}">
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>支付宝账号：</label>
            <div class="layui-input-block">
                <input type="text" name="merchantLoginName" lay-verify="required"
                       value="{$payInfo.binding_alipay_logon_id}" autocomplete="off" class="layui-input len-mid">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>直付通商户ID：</label>
            <div class="layui-input-block">
                <input type="text" name="smid" lay-verify="required" value="{$info.merchant_smid}" autocomplete="off"
                       class="layui-input len-mid">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>商户名名称：</label>
            <div class="layui-input-block">
                <input type="text" name="merchantName" value="{$info.merchant_name}" lay-verify="required"
                       autocomplete="off" class="layui-input len-mid">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label img-upload-lable"><span class="required">*</span>小程序Logo：</label>
            <div class="layui-input-block img-upload">
                <input type="hidden" class="layui-input"  name="app_logo" value="{$minapp.head_img ?? ''}"/>
                <div class="upload-img-block icon">
                    <div class="upload-img-box" id="img">
                        {if condition="isset($minapp.head_img) && $minapp.head_img"}
                         <img src="{:img($minapp.head_img)}" />
                        {else/}
                        <div class="upload-default">
                            <img src="__STATIC__/img/upload_img.png" />
                            <p>点击上传</p>
                        </div>
                        {/if}
                    </div>
                </div>
            </div>
            <div class="word-aux">
                <p>本小程序设置在芝麻商户LOGO,请保存与官方小程序LOGO一致</p>
                <p>logo清晰，图片尺寸：160*160 像素，图片格式：jpg、jpeg;</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>联系电话：</label>
            <div class="layui-input-block">
                <input type="text" name="phone" value="{$info.contacts_phone}" lay-verify="required" autocomplete="off"
                       class="layui-input len-mid">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>小程序APPID：</label>
            <div class="layui-input-block">
                <input type="text" name="merchantAppId" lay-verify="required" autocomplete="off" value="{$minapp.appid??''}" class="layui-input len-mid">
            </div>
            <div class="word-aux">
                <p>关联支付宝小程序Appid</p>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>服务佣金比例：</label>
            <div class="layui-input-block">
                <input type="text" name="channel_commission_rate" value="{$info.service_commission??3}" lay-verify="required"  autocomplete="off" class="layui-input len-mid">
            </div>
            <div class="word-aux">
                <p>当前佣金比例为服务商所获得佣金</p>
                <p>服务佣比例：商户总支付佣金=平台+服务商+芝麻服务费</p>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">描述：</label>
            <div class="layui-input-block">
                <textarea name="comment" class="layui-textarea len-long"></textarea>
            </div>
        </div>
    </div>
    <div class="form-row">
        <button class="layui-btn bg-color" lay-submit lay-filter="save">保存</button>
        <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
<script>
    layui.use(['form','upload'], function () {
        var form = layui.form,
            upload  = layui.upload,
            repeat_flag = false;
            form.render();
         // 图片上传
          var uploadInst = upload.render({
            elem: '#img',
            url: ns.url("shop/upload/upload"),
            done: function (res) {
                if (res.code >= 0) {
                    $("input[name='app_logo']").val(res.data.pic_path);
                    $("#img").html("<img src=" + ns.img(res.data.pic_path) + " >");
                }
                return layer.msg(res.message);
            }
        });
        /**
         * 监听提交
         */
        form.on('submit(save)', function (data) {
            // if (repeat_flag) return;
            // repeat_flag = true;
            $.ajax({
                dataType: 'JSON',
                type: 'POST',
                url: ns.url("saas://shop/alipay/add"),
                data: data.field,
                success: function (res) {
                    if (res.code == 10000) {
                        layer.confirm('成功', {
                            title: '操作提示',
                            btn: ['确定'],
                            yes: function () {
                                location.href = ns.url("saas://shop/pay/lists")
                            }
                        })
                    } else {
                        repeat_flag = false;
                        layer.msg(res.message);
                    }
                }
            });
        });
    });
    function back() {
        location.href = ns.url("saas://shop/pay/lists")
    }
</script>
{/block}