{extend name="app/shop/view/base.html"/}
{block name="resources"}
{/block}
{block name="main"}
<div class="layui-form">
    {notempty name="$info.apply_desc"}
    <div class="tips layui-collapse">
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">状态</h2>
            <ul class="layui-colla-content layui-show">
                <li style="color: red;">{$info.apply_desc??''}</li>
            </ul>
        </div>
    </div>
    {/notempty}
    {include file="addon/saas/shop/view/site/selectSite.html" /}
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="card-title" >小程序快速注册</span>
        </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" lay-filter="codeType" name="corporate_type" value="individual" title="个体统一社会信用代码" {if isset($info.corporate_type) && $info.corporate_type =='individual'} checked {/if}>
                    <input type="radio" lay-filter="codeType" name="corporate_type" value="individual_code"  title="个体营业执照注册号"{if isset($info.corporate_type) && $info.corporate_type =='individual_code'} checked {/if}>
                    <input type="radio" lay-filter="codeType" name="corporate_type" value="enterprise" title="企业统一社会信用代码" {if isset($info.corporate_type) && $info.corporate_type =='enterprise'} checked {/if}>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable short-label"><span
                        class="required">*</span>营业执照企业名称：</label>
                <div class="layui-input-inline">
                    <input type="text" name="corporate_name" value="{$info.corporate_name ??''}" autocomplete="off"
                           class="layui-input len-long">
                    <div class="tips">如果是“无主体名称个体工商户”则填[个体户+法人姓名]，例如：个体户张三</div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable short-label"><span
                        class="required">*</span>营业执照编码：</label>
                <div class="layui-input-inline">
                    <input type="text" name="cert_no" value="{$info.cert_no??''}" autocomplete="off"
                           class="layui-input len-long">
                    <div class="tips">企业个体统一填写统一社会信用代码,如个体户无统一社会信用代码填写执照编码</div>
                </div>
            </div>

            {if $id==''}
            <div class="layui-form-item">
                <label class="layui-form-label">小程序类型</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="appType[]" value="weapp" lay-filter="appType" title="微信小程序" checked >
                    <input type="checkbox" name="appType[]" value="aliapp" lay-filter="appType" title="支付宝小程序" disabled >
                </div>
            </div>
            {/if}

            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable short-label"><span
                        class="required">*</span>预设小程序名称：</label>
                <div class="layui-input-inline">
                    <input type="text" name="app_name" value="{$info.app_name??''}" autocomplete="off"
                           class="layui-input len-long">
                    <div class="tips">预设小程序名称,但实际名称已认证成功为准</div>
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable short-label"><span
                        class="required">*</span>法人姓名：</label>
                <div class="layui-input-inline">
                    <input type="text" name="legal_persona_name" lay-verify="required" value="{$info.legal_persona_name??''}"
                           autocomplete="off" class="layui-input len-long">
                </div>
            </div>

            <div class="layui-form-item legal_persona_wechat" id="weapp">
                <label class="layui-form-label"><span class="required">*</span>法人微信号：</label>
                <div class="layui-input-inline ">
                    <input type="text" name="legal_persona_wechat"  class="layui-input len-long"
                           value="{$info.legal_persona_wechat??''}">
                    <div class="tips">填写法人微信号,请勿填写绑定手机号</div>
                </div>
            </div>

            <div class="layui-form-item alipay_account" id="aliapp" {if isset($info.app_type) && $info.app_type eq 'aliapp'} style="display: none" {/if} >
                <label class="layui-form-label img-upload-lable short-label"><span
                        class="required">*</span>支付宝帐号：</label>
                <div class="layui-input-inline">
                    <input type="text" name="alipay_account"  value="{$info.alipay_account ??''}" autocomplete="off"
                           class="layui-input len-long">
                    <div class="tips">商家支付宝的邮箱帐号或手机号</div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable short-label"><span class="required">*</span>联系人：</label>
                <div class="layui-input-inline">
                    <input type="text" name="contact_name" lay-verify="required" value="{$info.contact_name??''}" autocomplete="off"
                           class="layui-input len-long">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable short-label"><span
                        class="required">*</span>联系人手机：</label>
                <div class="layui-input-inline">
                    <input type="text" name="contact_phone" value="{$info.contact_phone??''}" autocomplete="off"
                           class="layui-input len-long">
                </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.license_pic)}hover{/if}">
                            <div class="upload-default" id="licensePicUpload">
                                {if empty($info.license_pic)}
                                <div class="upload">
                                    <i class="iconfont iconshangchuan"></i>
                                    <p>点击上传</p>
                                </div>
                                {else/}
                                <div id="preview_licensePicUpload" class="preview_img">
                                    <img layer-src src="{:img($info.license_pic)}" 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="license_pic" lay-verify="required" value="{$info.license_pic??''}">
                        </div>
                    </div>
                </div>
            </div>
            <!--操作按钮-->
            <div class="form-row">
                <input type="hidden" name="business_code" value="{$business_code??''}">
                <input type="hidden" name="site_id" value="{$info.site_id??''}">
                <input type="hidden" name="id" value="{$id}">
                <input type="hidden" name="app_type" value="{$app_type??''}">
                <button class="layui-btn" lay-submit lay-filter="save">提交</button>
                <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    layui.use(['form', 'upload', 'util'], function () {
        var form = layui.form,
            repeat_flag = false,aliapp=false,weapp=false; //防重复标识
        form.render();
        var licensePicUpload = new Upload({
            elem: '#licensePicUpload',
        });

        form.on('checkbox(appType)', function(data){
            var elem = data.elem; // 获得 checkbox 原始 DOM 对象
            var checked = elem.checked; // 获得 checkbox 选中状态
            var value = elem.value; // 获得 checkbox 值
            var othis = data.othis; // 获得 checkbox 元素被替换后的 jQuery 对象
            if(value=='aliapp' && elem.checked){
                $('#aliapp').show();
                $("input[name='alipay_account']").attr('lay-verify','required');
                aliapp=true;
                if(!weapp){
                    $('#weapp').hide();
                    $("input[name='legal_persona_wechat']").attr('lay-verify','');
                }
            }else if(value=='aliapp'){
                aliapp=false;
                $('#aliapp').hide();
                $("input[name='alipay_account']").attr('lay-verify','');
            }
            if(value=='weapp' && elem.checked){
                weapp=true;
                if(!aliapp){
                    $('#aliapp').hide();
                    $("input[name='alipay_account']").attr('lay-verify','');
                }
                $('#weapp').show();
                $("input[name='legal_persona_wechat']").attr('lay-verify','required');
            }else if(value=='weapp'){
                weapp=false;
                $('#weapp').hide();
                $("input[name='legal_persona_wechat']").attr('lay-verify','');
            }
        });

        form.on('submit(save)', function (data) {
            if (repeat_flag) return;
            repeat_flag = true;
            $.ajax({
                type: "post",
                url: location.href,
                dataType: "JSON",
                data: data.field,
                success: function (data) {
                    repeat_flag = false;
                    layer.msg(data.message);
                    setTimeout(function () {
                        location.href = "{:addon_url('saas/shop/mincode/lists')}";
                    },3000)
                }
            });
        });
    });
    function back() {
        location.href = "{:addon_url('saas/shop/mincode/lists')}";
    }
</script>
{/block}