{extend name="app/shop/view/base.html"/}
{block name="resources"}{/block}
{block name="main"}
<div class="layui-form">
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">代理商注册</span>
        </div>
        {if ($apply_info && $apply_info.is_apply==2)}
        <div class="layui-form-item">
            <label class="layui-form-label">拒绝原因：</label>
            <div class="layui-input-block">
              <div>{$apply_info.apply_reason}</div>
            </div>
        </div>
        {/if}
        <div class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">LOGO图标：</label>
                <div class="layui-input-block">
                    <input name="logo" type="hidden" value="">
                    <div class="upload-img-block square">
                        <div class="upload-img-box" id="logo">
                            <div class="upload-default">
                                <img src="__STATIC__/img/upload_img.png" />
                                <p>点击上传</p>
                            </div>
                        </div>
                    </div>
                </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}"  {if ($apply_info && $apply_info.site_area_id==$v.id)}selected="selected"{/if} >{$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>
                <div class="word-aux" style="color:#e03f1b;">城市总代理请仔细选择，一但选择后期将无法更改</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="web_contacts" value="{$apply_info.web_contacts??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
                </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="web_phone" value="{$apply_info.web_phone??''}" lay-verify="required|phone" autocomplete="off" class="layui-input len-long">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">微信号：</label>
                <div class="layui-input-block">
                    <input type="text" name="web_weixin" autocomplete="off" value="{$apply_info.web_weixin??''}" class="layui-input len-long">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">联系QQ：</label>
                <div class="layui-input-block">
                    <input type="text" name="web_qq" autocomplete="off" value="{$apply_info.web_qq??''}" class="layui-input len-long">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">联系邮箱：</label>
                <div class="layui-input-block">
                    <input type="text" name="web_email" lay-verify="isemail" value="{$apply_info.web_email??''}" autocomplete="off" class="layui-input len-long">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">搜索关键字：</label>
                <div class="layui-input-block">
                    <input name="keywords" type="text" placeholder="请输入城市站点关键字" value="{$apply_info.keywords??''}" autocomplete="off" class="layui-input len-long">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">描述：</label>
                <div class="layui-input-block">
                    <textarea class="layui-textarea len-long" name="desc">{$apply_info.desc??''}</textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">银行开户名：</label>
                <div class="layui-input-block">
                    <input name="settlement_bank_account_name" value="{$apply_info.settlement_bank_account_name??''}" type="text"  class="layui-input len-long" autocomplete="off">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">公司银行账号：</label>
                <div class="layui-input-inline">
                    <input name="settlement_bank_account_number" value="{$apply_info.settlement_bank_account_number??''}" type="text" class="layui-input len-long" autocomplete="off">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">开户银行名称：</label>
                <div class="layui-input-inline">
                    <input name="settlement_bank_name" type="text" value="{$apply_info.settlement_bank_name??''}" class="layui-input len-long" autocomplete="off">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">开户银行所在地：</label>
                <div class="layui-input-inline">
                    <input name="settlement_bank_address" type="text" value="{$apply_info.settlement_bank_address??''}" class="layui-input len-long" autocomplete="off">
                </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>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="SHOP_JS/address.js"></script>
<script>
    layui.use(['form', 'upload'], function() {
        var form = layui.form,
            upload = layui.upload,
            level_agent=JSON.parse('{:json_encode($level_agent)}'),
            repeat_flag = false;
        var uploadInst = upload.render({
            elem: '#logo',
            url: ns.url("shop/upload/upload"),
            done: function(res) {
                layer.msg(res.message);
                if (res.code >= 0) {
                    $("input[name='logo']").val(res.data.pic_path);
                    $("#logo").html("<img src=" + ns.img(res.data.pic_path) + " >");
                }
            }
        });
        form.on('select(agent_level)', function(data){
            let value=data.value;
            $("#level_msg").html(level_agent[value].desc)
        });
        /**
         * 监听提交
         */
        form.on('submit(save)', function(data) {
            data.field['site_area_id'] = data.field.city_id;
            data.field['site_area_name'] = $("select[name=city_id] option:selected").text();
            if (repeat_flag) return;
            // repeat_flag = true;
            console.log(data.field,999)
            $.ajax({
                dataType: 'JSON',
                type: 'POST',
                url: ns.url("saasagent://shop/saas/apply"),
                data:data.field,
                success: function(res){
                    if (res.code == 0) {
                        layer.confirm('申请成功,等待审核', {
                            title:'操作提示',
                            btn: ['确定'],
                            yes: function(){
                                location.href = ns.url("shop/index/index")
                            }
                        })
                    }else{
                        repeat_flag = false;
                        layer.msg(res.message);
                    }
                }
            });
        });
        //表单验证
        form.verify({
            province_id : function(value, item){
                if(value == ''){
                    return '请选择省份';
                }
            },
            city_id : function(value, item){
                if(value == ''){
                    return '请选择城市';
                }
            },
            fl: function(value, item) {
                var str = $(item).parents(".layui-form-item").find("label").text().split("*").join("");
                str = str.substring(0, str.length - 1);
                if (value < 0) {
                    return str + "不能小于0";
                }
                if (value > 100) {
                    return str + "不能大于100";
                }
                var arrMen = value.split(".");
                var val = 0;
                if (arrMen.length == 2) {
                    val = arrMen[1];
                }
                if (val.length > 2) {
                    return str + "最多可保留两位小数";
                }
            },
            isemail: function(value) {
                var reg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
                if (value == '') {
                    return;
                }
                if (!reg.test(value)) {
                    return '请输入正确的邮箱!';
                }
            }
        });
    });

    function back() {
        location.href = ns.url("saasagent://shop/saas/list")
    }
</script>

{/block}