{layout name="layout" /}
<!-- <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css">
<script src="__PUBLIC__/layui/layui.js" type="text/jscript"></script> -->
<style type="text/css">
    .layui-form-item{
        margin-top: 20px;
    }
</style>
    <div class="if_wrap">
        <div id="if_con">
            <div class="cus-con">
                <div class="set-top">
                    <div class="layui-btn"><a href="{:url('vip/systemsetup/index');}">返回</a></div>
                </div>
                <form class="layui-form layui-form-pane1"  id="myform" enctype="multipart/form-data">
                    <!-- <input type="hidden" value="{$detail.id}" name="id"/> -->
                    <div class="layui-form-item"></div>
                    
                    <div class="layui-form-item" style="margin-top: 40px;">
                        <label class="layui-form-label" style=" width: 160px">是否允许自定义充值金额</label>
                        <div class="layui-input-inline">
                            <input type="checkbox" name="is_pay" lay-skin="switch" lay-filter="tiezi"  lay-text="开|关" {:isset($data['is_pay']) && $data['is_pay']==1?'checked':''}>
                        </div>
                    </div>
                    <div class="layui_d1_tit" style="margin-left: 21px;">vip线上充值可选金额：</div>
                    {empty name="$data"}
                        <div class="layui_div number">
                            <div class="layui-form-item" style="clear:none; margin:0;margin-left: 21px;">
                                <div class="layui-inline" style=" margin-right:0;">
                                    <label class="layui-form-label" style="width:40px;"></label>
                                    <div class="layui-input-inline" style="width: 100px;">
                                        <input type="text" class="layui-input" autocomplete="off" name="number[]" value="{$vv}" />
                                    </div>
                                    <div class="layui-form-mid"></div>
                                </div>
                                <div class="layui-btn-group">
                                    <span class="layui-btn layui-btn-sm add"  >
                                        <i class="layui-icon"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    {else /}
                        {volist name="$data['data']" id="vv"}
                        <div class="layui_div number">
                            <div class="layui-form-item" style="clear:none; margin:0;margin-left: 21px;">
                                <div class="layui-inline" style=" margin-right:0;">
                                    <label class="layui-form-label" style="width:40px;"></label>
                                    <div class="layui-input-inline" style="width: 100px;">
                                        <input type="text" class="layui-input" autocomplete="off" name="number[]" value="{$vv}" />
                                    </div>
                                    <div class="layui-form-mid"></div>
                                </div>
                                <div class="layui-btn-group">
                                    {if condition="count($data.data)-1 == $key"}                                
                                    <span class="layui-btn layui-btn-sm add"  >
                                        <i class="layui-icon"></i>
                                    </span>
                                    {/if}

                                    {if condition="count($data.data)!=1"}
                                    <span class="layui-btn layui-btn-sm del">
                                        <i class="layui-icon"></i>
                                    </span>
                                    {/if}

                                </div>
                            </div>
                        </div>
                        {/volist}
                    {/empty}


                    <div class="layui_div" style="margin-top: 60px;">
                        <div class="layui_d1_tit">erp线下充值奖励：</div>
                        <div class="layui-form-item" style="clear:none; margin:0;">
                            <div class="layui-inline" style=" margin-right:0;">
                                <label class="layui-form-label" style="width:40px;">充值</label>
                                <div class="layui-input-inline" style="width: 100px;">
                                    <input type="text" class="layui-input" name="charge_money" value="{$data.charge_money}"  lay-verify="num" placeholder="请输入金额"/>
                                </div>
                                <div class="layui-form-mid">元,赠送</div>
                            </div>
                            <div class="layui-inline" style=" margin-right:0;" >
                                <div class="layui-input-inline" style="width: 100px;">
                                    <input type="text" class="layui-input" name="score" autocomplete="off" value="{$data.score}" lay-verify="num" placeholder="请输入积分"/>
                                </div>
                                <div class="layui-form-mid">积分</div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                           <button class="layui-btn" lay-submit lay-filter="*">提交</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

<script type="text/html" id="index">

<div class="layui-form-item">
    <div class="layui_div number">
        <div class="layui-form-item" style="clear:none; margin:0;margin-left: 21px;">
            <div class="layui-inline" style=" margin-right:0;">
                <label class="layui-form-label" style="width:40px;"></label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input type="text" class="layui-input" autocomplete="off" name="number[]" value="{$v.days}" />
                </div>
                <div class="layui-form-mid"></div>
            </div>
            <div class="layui-btn-group">
                <span class="layui-btn layui-btn-sm add"  >
                    <i class="layui-icon"></i>
                </span>
                <span class="layui-btn layui-btn-sm del" >
                  <i class="layui-icon"></i>
                </span>
            </div>
        </div>
    </div>
</div>
    
</script>

<script type="text/html" id="createbutton">
<div class="layui-btn-group">
    <span class="layui-btn layui-btn-sm add">
    <i class="layui-icon"></i>
    </span>                          
    <span class="layui-btn layui-btn-sm del">
    <i class="layui-icon"></i>
    </span>
</div>
</script>

<script type="text/html" id="createdelbutton">
<div class="layui-btn-group">                    
    <span class="layui-btn layui-btn-sm del">
    <i class="layui-icon"></i>
    </span>
</div>
</script>

<script>


    layui.use('form', function(){
        var form = layui.form;
        //增加处理
        $("body").on('click','.add',function(){
            var thisparent = $(this).parents('.layui_div');
            
            $(this).remove();

            // if($(parentElem).length==1){
            //     $(thisparent).find('.layui-btn-group').html($("#createdelbutton").html());
            // }

            $(thisparent).after($('#index').html());

            form.render();
        })
        // 删除处理
        $("body").on('click','.del',function(){
            var thisparent = $(this).parents('.layui_div');
            var parentclass = $(thisparent).attr('class');

            var hasAdd = $(this).prev().html();
            if(hasAdd){
                $(thisparent).prev().find('.layui-btn-group').html($("#createbutton").html());
            }
            $(thisparent).remove();
        })


        form.on('submit(*)', function (data) {
            var formid = document.getElementById("myform");
            var sformData = new FormData(formid);
            $.ajax({
                type: 'post',
                data: sformData,
                processData: false,  // 不处理数据
                contentType: false,
                success: function (s) {
                    if (s.code == 200) {
                        layer.open({
                            content: '恭喜您添加成功！',
                            btn: ['确认'],
                            yes: function (index, layero) {
                                location.href = "{:url('vip/systemsetup/charge')}";
                            }
                        });
                    } else {
                        layer.msg(s.msg, {
                            icon: 2
                        });
                    }
                }
            })
            
            return false;
        });


    });
</script>
</body>
</html>