{layout name="layout" /}
<style>
	.set_con {
	    width: 100%;
	    height: auto;
	    float: left;
	    background-color: #fff;
	    min-width: 1130px;
	    overflow: auto;
	    box-sizing: border-box;
	    padding-left: 50px;
	}
	.layui-form-item {
	    /* margin-bottom: 15px; */
	    clear: both;
	    width: auto;
	    margin: 10px 0;
	    float: left;
	}
	/*.layui-input, .layui-textarea {*/
	    /*width: 190px;*/
	/*}	*/
    /*.layui-input, .layui-textarea { */
	   /*width: 190px;*/
	/*}*/
	.keepsign .layui-input, .layui-textarea {
	    width: 100px;
	}
	.ed_fl{float:left; padding:5px;}
	#if_con{
		overflow:scroll;
	}
	.cus-con{
		height:1100px;
	}
	.display{
		display:none;
	}

	.layui_div{
		width:100%;
		box-sizing:border-box;
		float:left;
		clear:both;
		margin-bottom:15px;
	}

	.layui_d1_tit{
		width: 95px;
		float: left;
		font-size: 12px;
		text-align: right;
		padding: 6px 0;
	}
					
</style>
    <div class="if_wrap">
        <div id="if_con">
        	<div class="cus-con">
				<div class="set-top">
				{$topmenu}
				</div>
                <form class="layui-form layui-form-pane1" action="?is=1" method="post" id="addform" enctype="multipart/form-data">

					<div class="layui-form-item">
                        <label class="layui-form-label">提醒方式：</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="type" value="1" title="微信" {notempty name="$data.type"} {if $data.type eq 1} checked {/if} {else} checked {/notempty}>
                            <input type="radio" name="type" value="2" title="短信" {if $data.type eq 2} checked {/if}>
                        </div>
					</div>


                    <div class="layui-form-item">
                        <label class="layui-form-label">提醒时间：</label>
                        <div class="layui-input-inline">

                        </div>
                    </div>


					{assign name='grandEnd' value="$data.days|end"}
					{foreach $data.days as $k=>$v}
					<div class="layui_div grandrule">
						<div class="layui_d1_tit"></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:45px;">过期前</label>
							  <div class="layui-input-inline" style="width: 100px;">
								<input type="text" class="layui-input" autocomplete="off" name="days[]" value="{$v}" />
							  </div>
							  <div class="layui-form-mid">天提醒</div>
							</div>

							<div class="layui-btn-group" style="margin-bottom: 12px;">
                                {if condition="$grandEnd==$v"}
                                    <span class="layui-btn layui-btn-sm add"  >
                                      <i class="layui-icon"></i>
                                    </span>
                                {/if}
                                {if condition="count($data_grandrule)!=1"}
                                    <span class="layui-btn layui-btn-sm del" >
                                      <i class="layui-icon"></i>
                                    </span>
                                {/if}
							</div>
						</div>
					</div>
					{/foreach}
					{empty name="$data.days"}
					<div class="layui_div grandrule">
						<div class="layui_d1_tit"></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:45px;">过期前</label>
							  <div class="layui-input-inline" style="width: 100px;">
								<input type="text" class="layui-input" autocomplete="off" name="days[]" lay-verify="num" value="" placeholder="请输入天数" />
							  </div>
							  <div class="layui-form-mid">天提醒</div>
							</div>

							<div class="layui-btn-group" style="margin-bottom: 12px;">
                                <span class="layui-btn layui-btn-sm add"  >
                                  <i class="layui-icon"></i>
                                </span>
							</div>
						</div>
					</div>
					{/empty}

					<!-- 累计签到end -->



					<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>
</div>
<script type="text/html" id="grandThml">
<div class="layui_div grandrule" >
	<div class="layui_d1_tit"></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:45px;">过期前</label>
		  <div class="layui-input-inline" style="width: 100px;">
			<input type="text" class="layui-input" autocomplete="off" name="days[]" lay-verify="num" value="" placeholder="请输入天数" />
		  </div>
		  <div class="layui-form-mid">天提醒</div>
		</div>

		<div class="layui-btn-group" style="margin-bottom: 12px;">
			<span class="layui-btn layui-btn-sm add">
				<i class="layui-icon">&#xe654;</i>
			</span>
							         
			<span class="layui-btn layui-btn-sm del">
				<i class="layui-icon">&#xe640;</i>
			</span>
		</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,layer = layui.layer;

    //增加处理
    $(".cus-con").on('click','.add',function(){
        var thisparent = $(this).parents('.layui_div');
        var parentclass = $(thisparent).attr('class');
        console.log(parentclass);
        if(parentclass && parentclass.indexOf('recommend')!=-1){
            addhtml = "#recommendThml";
            parentElem = ".recommendrule";
        }else if(parentclass.indexOf('grand')!=-1){
            addhtml = "#grandThml";
            parentElem = ".grandrule";
        }else if(parentclass.indexOf('keep')!=-1){
            addhtml = "#keepThml";
            parentElem = ".keeprule";
        }
        $(this).remove();
        if($(parentElem).length==1){
            $(thisparent).find('.layui-btn-group').html($("#createdelbutton").html());
        }
        $(thisparent).after($(addhtml).html());
        form.render();
    });

    // 删除处理
    $(".cus-con").on('click','.del',function(){

        if($('.grandrule').length == 1){
            layer.alert('不可再删除');
            return false;
        }

        var thisparent = $(this).parents('.layui_div');
        var parentclass = $(thisparent).attr('class');

        if(parentclass && parentclass.indexOf('recommend')!=-1){
            parentElem = ".recommendrule";
        }else if(parentclass.indexOf('grand')!=-1){
            parentElem = ".grandrule";
        }else if(parentclass.indexOf('keep')!=-1){
            parentElem = ".keeprule";
        }
        var hasAdd = $(this).prev().html();
        if(hasAdd){
            $(thisparent).prev().find('.layui-btn-group').html($("#createbutton").html());
        }
        if($(parentElem).length==2){
            $(parentElem).find('.del').remove();
        }
        $(thisparent).remove();
    });
 
    //监听提交
    form.on('submit(*)', function(data){
        var formid = document.getElementById("addform");
        var sformData = $("#addform").serialize();
        //console.log(sformData);return false;

        $.ajax({
            type:'post',
            url:"{:url(vip/coupon/config)}",
            data:sformData,
            success:function(s){
                if(s.code==200){

                    layer.alert('操作成功！');
                }else{
                    layer.msg(s.msg, {
                    icon: 2,
                    });
                }
            }
        });
        return false;

    });
});


</script>