{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .len-input {
        width: 100%;
        max-width: 120px;
    }
    .layui-form-item .layui-input-inline.end-time {
        float: none;
    }
    .desc {
        margin-bottom: 15px;
        border: 1px dashed #ff8143;
        padding: 5px 10px;
        background: #fff0e9;
        color: #ff8143;
        width: 65%;
    }
    .goods-title {
        display: flex;
        align-items: center;
    }
    .goods-title .goods-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        margin-right: 5px;
    }
    .goods-title .goods-img img {
        max-height: 100%;
        max-width: 100%;
    }
    .goods-title .goods-name {
        flex: 1;
        line-height: 1.6;
    }
    .form-wrap {
        position: relative;
    }

    .layui-carousel {
        position: absolute;
        top: 15px;
        left: 1325px;
        background: #fff;
    }

    .goods_num {
        padding-left: 20px;
    }
    .member-select {
        position: absolute;
        left: 400px;
        top: 175px;
    }
    .member-select-add{
        border:1px solid #ff6a00;
        padding: 5px 10px;
    }
    .layui-unselect.layui-form-radio.layui-form-radioed i:after {
        background-color: #fff;
    }
    .layui-table-body {
        max-height: 530px;
    }
    .inline{width: 205px;}
    .layui-input{width: 205px;}
    .layui-btn-primary{height: 32px; line-height: 32px; position: absolute; right: 1px; top: 1px; border-width: 0; border-left-width: 1px;}
</style>
{/block}
{block name="main"}
<div class="layui-form form-wrap" lay-filter="areaform">
    <div class="layui-card card-common card-brief">
        {include file="addon/saas/shop/view/site/selectSite.html" /}
    </div>
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <div>
                <span class="card-title">支付资料</span>
            </div>
        </div>
        <div class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">执照类型</label>
                <div class="layui-input-block sm">
                    <input type="radio"  name="code_type" value="individual" title="个体营业执照" {if isset($info.code_type) && $info.code_type =='individual'} checked {/if}>
                    <input type="radio"  name="code_type" value="enterprise" title="企业公司营业执照" {if isset($info.code_type) && $info.code_type =='enterprise'} checked {/if}>
                </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="cert_name" value="{$info.cert_name??''}" lay-verify="required" autocomplete="off"  class="layui-input len-long">
                </div>
                <div class="word-aux">
                    <p>企业全称,营业执照全称,个体户结算到法人支付宝填写法人名称</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="legal_name" value="{$info.legal_name??''}" lay-verify="required" autocomplete="off"  class="layui-input len-long">
                </div>
                <div class="word-aux">
                    <p>法人名称</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="legal_cert_no" value="{$info.legal_cert_no??''}" lay-verify="required" autocomplete="off"  class="layui-input len-long">
                </div>
                <div class="word-aux">
                    <p>法人身份证号码</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="alias_name" value="{$info.alias_name??''}" lay-verify="required" autocomplete="off"  class="layui-input len-long">
                </div>
                <div class="word-aux">
                    <p>填写商家收款中显示的商户简称</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="hidden" name="business_code" value="{$info.business_code??''}">
                    <input type="text" name="binding_alipay_logon_id" value="{$info.binding_alipay_logon_id??''}" lay-verify="required" autocomplete="off"
                           class="layui-input len-long" maxlength="40">
                </div>
                <div class="word-aux">
                    <p>填写商家支付宝账号,填写唯一邮箱账号,请让商户注册支付宝并完成实名认证</p>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-form-item">
                    <label class="layui-form-label"><span class="required">*</span>经营类目：</label>
                    <div class="layui-input-inline len-mid area-select">
                        <select name="code" lay-filter="alipay_category" lay-verify="required"  >
                            <option value="{$info.code??''}">请选择类别</option>
                            {foreach $alipay_category as $k => $v}
                              <option value="{$k}" {notempty name="$info.code"} {if $info.code==$k} selected{/if} {/notempty}>{$k}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="layui-input-inline ns-len-mid area-select">
                        <select name="mcc" lay-filter="mcc" lay-filter="mccCode" lay-verify="required"  >
                            {notempty name="$info.mcc"}
                              <option value="{$info.mcc??''}">{$info.mcc??''}</option>
                            {/notempty}
                            <option value="">请选二级分类</option>
                        </select>
                    </div>
                </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="service_phone" value="{$info.service_phone??''}" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="40">
                </div>
                <div class="word-aux">
                    <p>填写商家对外客服电话</p>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">开启芝麻先享：</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline">
                        <input type="checkbox" name="is_zmapply" value="1" lay-skin="switch" {if condition="$info && $info.is_zmapply == 1" } checked {/if} />
                    </div>
                </div>
                <div class="word-aux">
                    <p>本地生活芝麻先享,阶段付</p>
                    <p>小程序已上线及商户号签约完成自动开通阶段付</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="service_commission" value="{$info.service_commission??'5'}" lay-verify="required" autocomplete="off" class="layui-input len-long" maxlength="40">
                </div>
                <div class="word-aux">
                    <p>先享阶段付服务佣金比例,总佣金=平台+渠道商佣金+交易费+芝麻代扣,如:设置5%,佣金比例{$AgentInfo.platform_offlinecommission_rate}%+交易费0.6%+代扣0.6%+5%</p>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <div>
                <span class="card-title">联系人</span>
            </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="contact_infos[name]" value="{$info.contact_infos['name']??''}" lay-verify="required" autocomplete="off"
                       class="layui-input len-long" maxlength="40">
            </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="contact_infos[mobile]" value="{$info.contact_infos['mobile']??''}" lay-verify="required" autocomplete="off"
                       class="layui-input len-long" maxlength="40">
            </div>
        </div>
    </div>
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <div>
                <span class="card-title">开通信息</span>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>开通类型：</label>
            <div class="layui-input-block">
                <input type="checkbox" name="service[]" value="当面付" title="当面付" lay-skin="primary" checked disabled>
                <input type="checkbox" name="service[]" value="jsapi支付" title="jsapi支付" lay-skin="primary" checked disabled>
                <input type="checkbox" name="service[]" value="小程序支付" title="小程序支付" lay-skin="primary" checked disabled>
                <input type="checkbox" name="service[]" value="商户代扣" title="商户代扣" lay-skin="primary" checked disabled>
                <input type="checkbox" name="service[]" value="订单码支付" title="订单码支付" lay-skin="primary" checked disabled>
                <input type="checkbox" name="service[]" value="app支付" title="app支付" lay-skin="primary" checked>
                <input type="checkbox" name="service[]" value="线上资金预授权" title="线上资金预授权" lay-skin="primary">
                <input type="checkbox" name="service[]" value="新当面资金授权" title="新当面资金授权" lay-skin="primary">
                <input type="checkbox" name="service[]" value="wap支付" title="wap支付" lay-skin="primary">
                <input type="checkbox" name="service[]" value="电脑支付" title="电脑支付" lay-skin="primary">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>小程序名称：</label>
            <div class="layui-input-block">
                <input type="hidden" name="sites[1][site_type]" value="06">
                <input type="text" name="sites[1][site_name]" value="{$info.sites['1']['site_name']??''}" lay-verify="required" autocomplete="off"  class="layui-input len-long" maxlength="40"> </div>
            <div class="word-aux">
                <p>小程序名称</p>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">APP名称：</label>
            <div class="layui-input-block">
                <input type="hidden" name="sites[0][site_type]" value="02">
                <input type="text" name="sites[0][site_name]" value="{$info.sites['0']['site_name']??''}"  autocomplete="off" class="layui-input len-long" maxlength="40">
            </div>
            <div class="word-aux">
                <p>APP应用名称</p>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label img-upload-lable"><span class="required">*</span>门头照片：</label>
            <div class="layui-input-block img-upload">
                <div class="upload-img-block icon">
                    <div class="upload-img-box {if !empty($info.outdoor_store_images)}hover{/if}" >
                        <div class="upload-default" id="outdoorStoreUpload">
                            {if empty($info.outdoor_store_images)}
                            <div class="upload">
                                <i class="iconfont iconshangchuan"></i>
                                <p>点击上传</p>
                            </div>
                            {else/}
                            <div id="preview_outdoorStoreUpload" class="preview_img">
                                <img layer-src src="{:img($info.outdoor_store_images)}" class="img_prev"/>
                            </div>
                            {/if}
                        </div>
                        <div class="operation">
                            <div>
                                <i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
                                <i title="删除图片" class="layui-icon layui-icon-delete js-delete" ></i>
                            </div>
                            <div class="replace_img js-replace">点击替换</div>
                        </div>
                        <input type="hidden" name="outdoor_store_images" value="{$info.outdoor_store_images??''}">
                        <input type="hidden" name="out_door_images" value="{$info.out_door_images??''}">
                    </div>
                </div>
            </div>
            <div class="word-aux">
                <p>门店图片在PC及移动端对应页面及列表作为门店标志出现。</p>
                <p>建议图片尺寸：100 * 100像素，图片格式：jpg、png、jpeg。</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label img-upload-lable"><span class="required">*</span>室内照片：</label>
            <div class="layui-input-block img-upload">
                <div class="upload-img-block icon">
                    <div class="upload-img-box {if !empty($info.indoor_store_image)}hover{/if}" >
                        <div class="upload-default" id="indoorStoreUpload">
                            {if empty($info.indoor_store_image)}
                            <div class="upload">
                                <i class="iconfont iconshangchuan"></i>
                                <p>点击上传</p>
                            </div>
                            {else/}
                            <div id="preview_indoorStoreUpload" class="preview_img">
                                <img layer-src src="{:img($info.indoor_store_image)}" class="img_prev"/>
                            </div>
                            {/if}
                        </div>
                        <div class="operation">
                            <div>
                                <i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
                                <i title="删除图片" class="layui-icon layui-icon-delete js-delete" ></i>
                            </div>
                            <div class="replace_img js-replace">点击替换</div>
                        </div>
                        <input type="hidden" name="indoor_store_image" value="{$info.indoor_store_image??''}">
                        <input type="hidden" name="in_door_images" value="{$info.in_door_images??''}">
                    </div>
                </div>
            </div>
            <div class="word-aux">
                <p>门店图片在PC及移动端对应页面及列表作为门店标志出现。</p>
                <p>建议图片尺寸：100 * 100像素，图片格式：jpg、png、jpeg。</p>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-form-item">
                <label class="layui-form-label"><span class="required">*</span>店铺所在：</label>
                <div class="layui-input-inline len-mid area-select">
                    <select name="province_id" lay-filter="province_id" lay-verify="province_id">
                        <option value="">请选择省份</option>
                        {foreach $province_list as $k => $v}
                        <option value="{$v.id}"  >{$v.name}</option>
                        {/foreach}
                    </select>
                </div>
                <div class="layui-input-inline ns-len-mid area-select">
                    <select name="city_id" lay-filter="city_id" lay-verify="city_id">
                        <option value="">请选择城市</option>
                    </select>
                </div>
                <div class="layui-input-inline ns-len-mid area-select">
                    <select name="district_id" lay-filter="district_id" lay-verify="district_id">
                        <option value="">请选择地区</option>
                    </select>
                </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="business_address[address]" value="{$info.business_address['address']??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
                </div>
            </div>
        </div>
    </div>
    <div class="form-row">
        <button class="layui-btn" lay-submit lay-filter="save">保存</button>
        <button class="layui-btn  layui-bg-blue" lay-submit lay-filter="saveDrafts">保存草稿箱</button>
        <button class="layui-btn " style="background-color: #ccc" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/html" id="toolbarOperation">

</script>
<script type="text/html" id="addSite">
    <div class="layui-form">
        <div class="layui-input-inline inline">
            <input type="text"  name="site_search" placeholder="请输入店铺名称" autocomplete="off" class="layui-input ">
            <button type="button" class="layui-btn layui-btn-primary member-search"  lay-filter="search" lay-submit>
                <i class="layui-icon"></i>
            </button>
        </div>
        <table id="site_list" lay-filter="site_list"></table>
    </div>
</script>
<script type="text/javascript" src="SHOP_JS/address.js"></script>
<script>
    var goodsId = {}, selectedGoodsId = [], sku_list = [],form, laydate, repeat_flag, currentDate, minDate,laytpl;
    layui.use(['form', 'laydate','laytpl'], function () {
        form = layui.form;
        laytpl = layui.laytpl;
        laydate = layui.laydate;
        repeat_flag = false;
        currentDate = new Date();
        minDate = "";
        form.render();
        var out_door_images = new Upload({
            elem: '#outdoorStoreUpload',
            url: ns.url("saas://shop/pay/image")
            , callback: function (res) {
                console.log(res);
                if (res.code >= 0) {
                    $("input[name='outdoor_store_images']").val(res.data.pic_path);
                    $("input[name='out_door_images']").val(res.data.image_id);
                }
            }
        });
        var in_door_images = new Upload({
            elem: '#indoorStoreUpload',
            url: ns.url("saas://shop/pay/image")
            , callback: function (res) {
                console.log(res);
                if (res.code >= 0) {
                    $("input[name='indoor_store_image']").val(res.data.pic_path);
                    $("input[name='in_door_images']").val(res.data.image_id);
                }
            }
        });
        //初始化联系地址
        {notempty name="$info['business_address']"}
          var initdata = {province_id : '{$info.business_address.province_code}', city_id : '{$info.business_address.city_code}', district_id : '{$info.business_address.district_code}'};
           initAddress(initdata, "areaform");
        {/notempty}
        //省 - 监听地址操作
        form.on('select(alipay_category)', function (obj) {
            let value = obj.value;
            $.ajax({
                type: "POST",
                dataType: 'JSON',
                url: ns.url("saas://shop/alipay/getalicategory"),
                data: {name: value},
                async: false,
                success: function (res) {
                    console.log(res);
                    if (res.code == 0) {
                        $("select[name=mcc] option:gt(0)").remove();
                        $.each(res.data, function (name, value) {
                            $("select[name=mcc]").append("<option value='" + value.code + "'>" + value.two_name + "</option>");
                        });
                    } else {
                        layer.msg(res.message);
                    }
                    form.render();
                }
            });
        });

        //省 - 监听地址操作
        form.on('select(mccCode)', function (obj) {
            let value = obj.value;
            console.log(obj)
        });
        /**
         * 表单验证
         */
        form.verify({
            mccCode:function () {

            }
        });
        /**
         * 监听提交
         */
        form.on('submit(save)', function (data) {
            var field = data.field;
            if (repeat_flag) return;
            repeat_flag = true;
            field['isDrafts'] = 0;
            $.ajax({
                type: 'POST',
                dataType: 'JSON',
                url: location.href,
                data: field,
                async: false,
                success: function (res) {
                    console.log(res)
                    repeat_flag = false;
                    if (res.code == 0) {
                        layer.confirm('添加成功', {
                            title: '操作提示',
                            btn: ['返回列表', '继续添加'],
                            closeBtn: 0,
                            yes: function () {
                                location.href = ns.url("saas://shop/pay/lists");
                            },
                            btn2: function () {
                                location.href = ns.url("saas://shop/pay/reg");
                            }
                        });
                    } else {
                        layer.msg(res.message);
                    }
                }
            })
        });
        form.on('submit(saveDrafts)', function (data) {
            var field = data.field;
             field['isDrafts'] = 1;
            if (repeat_flag) return;
            repeat_flag = true;
            $.ajax({
                type: 'POST',
                dataType: 'JSON',
                url: location.href,
                data: field,
                async: false,
                success: function (res) {
                    repeat_flag = false;
                    if (res.code == 0) {
                        layer.confirm('添加成功', {
                            title: '操作提示',
                            btn: ['返回列表', '继续添加'],
                            closeBtn: 0,
                            yes: function () {
                                location.href = ns.url("saas://shop/pay/lists");
                            },
                            btn2: function () {
                                location.href = ns.url("saas://shop/pay/reg");
                            }
                        });
                    } else {
                        layer.msg(res.message);
                    }
                }
            })
        });
    });
    function back() {
        location.href = ns.url("saas://shop/pay/lists");
    };
</script>
{/block}