{extend name="app/shop/view/base.html"/}
{block name="resources"}{/block}
{block name="main"}
<div class="layui-form" lay-filter="form">
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="card-title">服务商申请表单</span>
        </div>
        {if ($apply_info)}
        <div class="layui-form-item">
            <label class="layui-form-label">状态：</label>
            <div class="layui-input-block">
              <div>{if ($apply_info.is_apply==0)}审核中{/if}</div>
              <div>{if ($apply_info.is_apply==2)}{$apply_info.refuse}{/if}</div>
            </div>
        </div>
        {/if}
        <div class="layui-card-body">
            <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 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 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="address" placeholder="请输入详细地址" lay-verify="required" autocomplete="off" class="layui-input len-long" value="{$apply_info.address??''}">
                </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">
                    <textarea class="layui-textarea len-long" name="apply_reason">{$apply_info.apply_reason??''}</textarea>
                </div>
                <div class="word-aux" >请描述您的优势,拥有资源情况进行大致说明</div>
            </div>
        </div>
    </div>
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="card-title">申请须知</span>
        </div>
        <div class="layui-form-item">
            <div class="word-aux" >
                <p  style="color: #1d6cfe; font-size: 20px; ">请您认真阅读一下条款</p>
                <p  style="color: red;">1.您申请渠道加入合作,平台统一审核审批</p>
                <p  style="color: red;">2.渠道加入收费标准由一级渠道商制定</p>
                <p  style="color: red;">3.平台对渠道制定的收费标准不做干预</p>
                <p  style="color: red;">4.渠道服务标准执行平台统一政策 </p>
                <p  style="color: red;">5.商家服务标准统一执行管理制度</p>
                <p  style="color: red;">6.请根据自身能力自愿加入,平台不作任何收益承诺</p>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">是否了解服务须知：</label>
            <div class="layui-input-block">
                <a target="_blank" style="color: #0d73f9" href="https://www.yuque.com/yuqueyonghuwahz8b/ogiw29/xp45ecgmbgnhpn14">《渠道合作协议》</a>
                <input type="radio"  lay-filter="is_agree"  lay-verify="is_agree" name="is_agree" value="1" title="已了解并同意" >
                <input type="radio"  lay-filter="is_agree"  lay-verify="is_agree" name="is_agree" value="0" title="不同意下次" >
            </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,
            repeat_flag = false,is_agree=0;
        var initdata = {province_id : '{$apply_info.province_id??''}', city_id : '{$apply_info.city_id??''}', district_id : '{$apply_info.district_id??''}'};
        initAddress(initdata, "form");
        form.on('radio(is_agree)',function (obj) {
            console.log(obj.elem); //得到radio原始DOM对象
            console.log(obj.value); //被点击的radio的value值
            is_agree=obj.value;
        })
        /**
         * 监听提交
         */
        form.on('submit(save)', function(data) {
            var full_address  = [];
            full_address.push($("select[name=province_id] option:selected").text());
            full_address.push($("select[name=city_id] option:selected").text());
            full_address.push($("select[name=district_id] option:selected").text());
            data.field.full_address = full_address.toString();
            data.field.level_name = $("select[name=level_id] option:selected").text();
            if (repeat_flag) return;
            repeat_flag = true;
            $.ajax({
                dataType: 'JSON',
                type: 'POST',
                url: ns.url("saas://shop/agent/apply"),
                data:data.field,
                success: function(res){
                    if (res.code == 0) {
                        layer.confirm('申请成功,等待审核', {
                            title:'操作提示',
                            btn: ['确定'],
                            yes: function(){
                                location.href = ns.url("saas://shop/agent/apply")
                            }
                        })
                    }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 '请选择城市';
                }
            },
            is_agree : function(value, item){
               if(is_agree==0 || is_agree==''){
                   return '您未同意服务条款,无需提交申请';
               }
            }
        });
    });
    function back() {
        location.href = ns.url("shop/promotion/index")
    }
</script>

{/block}