{php echo template('common/header-base', TEMPLATE_FETCH);}
<link rel="stylesheet" href="/addons/sell_dream2/static/layui/css/layui.css" media="all">
<link rel="stylesheet" type="text/css" href="/addons/sell_dream2/static/css/style.css">
<div class="sell_dream2_container">
    <div class="sell_dream2_main">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend style="width: auto;border-bottom: none;">新增套餐</legend>
        </fieldset>
        <form class="form-horizontal" method="POST">
            <div style="margin-top: 20px;"></div>
            <input type="hidden" name="tablename" value="SellDream2Vip">
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">套餐名称</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="vip_name" placeholder="请填写套餐名称" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">套餐天数</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="vip_days" placeholder="请填写套餐天数" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">套餐价格</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="vip_price" placeholder="请填写套餐价格" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">升级条件</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="vip_invite_num" placeholder="请填写升级条件（邀请注册人数）" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">套餐级别</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="vip_level" placeholder="请填写套餐级别（数字越小级别越低）" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">选择特权</label>
                <div class="col-xs-9">
                    <input type="hidden" class="form-control" id="privilege_ids" value="" name="privilege_ids" placeholder="" required>
                    <input type="hidden" class="form-control" id="privilege_names" value="" name="privilege_names" placeholder="">
                    <div id="select_name"></div>
                    <button type="button" class="btn btn-info select_privilege_ids">点击选择特权</button>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">会员权益介绍</label>
                <div class="col-xs-9">
                    {php echo tpl_ueditor("vip_detail");}
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label"></label>
                <div class="col-xs-9">
                    <button type="submit" id="tijiao" class="btn btn-lg btn-primary">提交</button>
                    <a href="javascript:window.history.back();" class="btn btn-lg btn-danger">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>
{php includeWe7Copyright();}
<script src="/addons/sell_dream2/static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
var uniacid = {$_W['uniacid']};
layui.use(['element',"layer","table"], function() {
    $(".select_privilege_ids").click(function() {
        layer.open({
            type: 2,
            area: ['80%', '80%'],
            title: ['<i class="layui-icon layui-icon-about"></i>&nbsp;选择特权', 'background-color:#1E9FFF;'],
            content: '/web/index.php?c=site&a=entry&m=sell_dream2&do=web.Privilege.select&uniacid='+uniacid,
            btn: ['<i class="layui-icon layui-icon-ok"></i>&nbsp;确定', '<i class="layui-icon layui-icon-close"></i>&nbsp;关闭'],
            yes: function(index, layero) {
                var iframe = layero.find('iframe')[0];
                var privilege_ids = $(iframe).contents().find("#privilege_ids").val();
                var privilege_names = $(iframe).contents().find("#privilege_names").val();
                if (privilege_ids=="") {
                    layer.msg("您尚未选择特权",{icon:5});
                }else{
                    $("#select_name").empty();
                    $("#privilege_ids").val(privilege_ids);
                    $("#privilege_names").val(privilege_names);
                    privilege_names.split(",").forEach((item,index)=>{
                        $("#select_name").append('<span style="margin-right:.5em;margin-bottom:.5em;" class="layui-badge layui-bg-cyan">'+item+'</span>');
                    });
                    layer.close(index);
                }
                
            },
            btn2: function(index) {
                layer.close(index);
            }
        });
    });
});
$("#tijiao").click(function(event){
    if($("#privilege_ids").val()=="")
    {
        layer.msg("请选择特权");
        event.preventDefault();
    }else{
        return true;
    }
    
});
</script>