{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>
        <div class="layui-form-item">
            <label class="layui-form-label">商家账户：</label>
            <div class="layui-input-block">
                {$userinfo.username}
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">到期时间：</label>
            <div class="layui-input-block">
               {:date('Y-m-d H:i:s',$userinfo.expire_time)}
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">联系人：</label>
            <div class="layui-input-block">
                <input type="text" value="{$userinfo.contacts_name}"  name="contacts_name" autocomplete="off" class="layui-input ns-len-mid">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">联系电话：</label>
            <div class="layui-input-block">
                <input type="text" value="{$userinfo.contacts_mobile}"  name="contacts_mobile" autocomplete="off" class="layui-input ns-len-mid">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>开店套餐</label>
            <div class="layui-input-block ns-len-mid">
                <select  name="group_id" lay-verify="required" lay-filter="group">
                    {volist name="$group_info" id="group"}
                    <option value="{$group.group_id}" {if  $group.group_id ==$userinfo.group_id } selected {/if}> {$group.group_name}</option>
                    {/volist}
                </select>
                <input type="hidden" name="group_name" value="{$userinfo.group_name}">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>使用时长：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <input type="text" value=""  name="expire_time" autocomplete="off" class="layui-input ns-len-mid">
                </div>月
                <button class="layui-btn" type="button" onclick="datePick(1, this)">1月</button>
                <button class="layui-btn" type="button" onclick="datePick(3, this)">3月</button>
                <button class="layui-btn" type="button" onclick="datePick(6, this)">半年</button>
                <button class="layui-btn ns-bg-color" type="button" onclick="datePick(12, this)">1年</button>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">类型：</label>
            <div class="layui-input-block">
                <input type="radio" name="is_try" value="0"  {if  $userinfo.is_try ==0} checked {/if} title="正式商户" >
                <input type="radio" name="is_try" value="1"  {if  $userinfo.is_try ==1} checked {/if}  title="体验商户" >
            </div>
        </div>
    </div>
    <div class="ns-form-row">
        <button class="layui-btn ns-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 type="text/javascript" src="SHOP_JS/address.js"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            repeat_flag = false;
        /**
         * 监听提交
         */
        form.on('select(category)', function(data){
            $("input[name=category_name]").val($(data.elem).find("option:selected").text());
        })
        form.on('select(group)', function(data){
            $("input[name=group_name]").val($(data.elem).find("option:selected").text());
        })
        form.on('submit(save)', function (data) {
            if (repeat_flag) return;
            repeat_flag = true;
            $.ajax({
                dataType: 'JSON',
                type: 'POST',
                url: location.href,
                data: data.field,
                success: function (res) {
                    if (res.code == 0) {
                        layer.confirm('编辑成功', {
                            title: '操作提示',
                            btn: ['确定'],
                            yes: function () {
                                location.href = ns.url("saasagent://shop/saas/list")
                            }
                        })
                    } else {
                        repeat_flag = false;
                        layer.msg(res.message);
                    }
                }
            });
        });
    });

    function datePick(date_num,event_obj){
        $(".date-picker-btn").removeClass("selected");
        $(event_obj).addClass('selected');
        $("input[name=expire_time]").val(date_num);
    }
    function back() {
        location.href = ns.url("saasagent://shop/saas/list")
    }
</script>
{/block}