{layout name="layout" /}
<script>
    $(function(){
        $(".nul_bli").eq(11).find(".navb").addClass("active");
    })
</script>
<style>
a ,a:hover{
    color: #fff;
    text-decoration: none;
}
.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: 1130px;
    margin: 10px 0;
    float: left;
}
.layui-input, .layui-textarea {
    width: 190px;
}
#if_con {
    overflow: auto;
	background:#fff;
}
</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/activity/index');}">返回活动列表</a></div>

 </div>
<form class="layui-form layui-form-pane1" action="" method="post" id="addform" enctype="multipart/form-data">
  <div class="layui-form-item">
    <label class="layui-form-label">名称</label>
    <div class="layui-input-block">
      <input type="text" name="title" class="layui-input" lay-verify="required|title" required placeholder="请输入标题" autocomplete="off" class="layui-input">
    </div>
  </div>
    <div class="layui-form-item" pane> 
    <label class="layui-form-label" >上传图片</label>
   	<div class="layui-upload layui-form-label" style="padding-left:0px;">
		<input type="file" name="img"  id="imginput"  /><br/>
		<img src="" id="imgbox" width="150" height="120" style="margin-top:10px;"/>
	</div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">活动简述</label>
    <div class="layui-input-block">
      <textarea name="scontent" class="layui-textarea" >
      </textarea>
    </div>
  </div>
  <div class="layui-form-item display">
	  <label class="layui-form-label">优惠券批次</label>
	  <div class="layui-input-inline">
	    <select name="couponid" required>
	      <option value="0">选择优惠券</option>
			{foreach $coupons as $v}
			<option value="{$v.id}" >{$v.title}</option>
			{/foreach}
	    </select>
	  </div>
   </div>
  <div class="layui-form-item"> 
    <label class="layui-form-label" >当前优惠券图片</label>
   	<div class="layui-upload layui-form-label" style="padding-left:0px;">
		<img src="" id="couponimg" width="150" height="120" style="margin-top:10px;"/>
	</div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">分享积分奖励</label>
    <div class="layui-input-inline">
      <input type="text" name="sharescore" class="layui-input" value="0" lay-verify="" placeholder="" >
    </div>
    <div class="layui-form-mid layui-word-aux">分享一次活动赠送的积分</div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">活动开始日期</label>
    <div class="layui-input-inline">
      <input type="text" class="layui-input test-item" name="starttime" id="starttime">
    </div>
    <div class="layui-form-mid layui-word-aux">活动使用开始日期</div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label" >活动截止日期</label>
    <div class="layui-input-inline">
      <input type="text" class="layui-input test-item"  name="endtime" id="endtime">
    </div>
    <div class="layui-form-mid layui-word-aux">活动截止日期</div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label" >设置浏览次数</label>
    <div class="layui-input-inline">
      <input type="text" class="layui-input"  name="viewtotal" id="viewtotal">
    </div>
    <div class="layui-form-mid layui-word-aux"></div>
  </div>
 <div class="layui-form-item" pane>
    <label class="layui-form-label">是否发布</label>
    <div class="layui-input-block">
      <input type="radio" name="status" value="0" title="暂不发布" >
      <input type="radio" name="status" value="1" title="立即发布" checked >
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label" >排序数字</label>
    <div class="layui-input-inline">
      <input type="text" class="layui-input"  name="ordernum" id="ordernum">
    </div>
    <div class="layui-form-mid layui-word-aux">数字越大后台显示越靠前</div>
  </div>
  

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">详细介绍</label>
    <div class="layui-input-block">
      <textarea placeholder="请输入内容" name="content" class="layui-textarea"></textarea>
    </div>
  </div>
  <div class="layui-form-item" style="height:100px">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>
</div>
</div>
</div>
<script>
//优惠券信息
var coupons = {$coupons|json_encode};
// 返回
$(".back").on('click',function(){
	location.href = "{:url('vip/activity/index')}";
})
layui.use('laydate', function(){
  var laydate = layui.laydate;
  //同时绑定多个
  lay('.test-item').each(function(){
    laydate.render({
      elem: this
      ,trigger: 'click',
    });
  });
  
})

layui.use('form', function(){
  var form = layui.form;
  //自定义验证规则
  form.verify({
    title: function(value){
      if(value.length < 2){
        return '标题也太短了吧';
      }
    }
    ,pass: [/(.+){6,50}$/, '密码必须6到50位']
  });
  form.on('radio', function(data){
    console.log(data);
  });
  //事件监听
  form.on('select', function(data){
  	  var coupouid = $("select[name=couponid]").val();
	  if(coupouid>0){
		  for(i in coupons){
			  if(coupons[i].id==coupouid){
				  $("#couponimg").attr('src','__PUBLIC__/uploads/'+coupons[i].img); 
			  }
		  }
	  }
  	  return false;
  })
  //监听提交
  form.on('submit(*)', function(data){
	title = $("input[name=tilie]").val();
	var formid = document.getElementById("addform");
	var sformData = new FormData(formid);  
	$.ajax({
		type:"post",
		url:"{:url('vip/activity/add')}",
		data:sformData,
		processData: false,  // 不处理数据
		contentType:false,
		success:function(s){
		if(s.status==1){
            layer.open({
                content: '恭喜您添加成功！',
                btn: ['确认'],
                yes: function(index, layero) {
                    window.location.href="{:url('vip/share/index')}";
                },
            });
		}else{
			layer.msg('添加失败', {
			    icon: 2,
			});
		}
		return false;
	}})
    return false;
  });
});

// 图片显示
$("#imginput").on('change',function(){
	imgView(this);
});

// 图片显示处理函数
function imgView(filedom){
	console.log(filedom);
	// 判断是否支持fileReader
	if(window.FileReader){
		var reader = new FileReader();
		// 获取文件
		var file = filedom.files[0];
		var imagetype = /^image\//;
		// 判断是否是图片
		console.log(file);
		console.log(file.type); 
		if(!imagetype.test(file.type)){
			layer.msg('请上传正确图片类型文件', {
			    icon: 2,
			});
			return;
		}
		// 读取完成
		reader.onload = function(e){
			// 获取图片dom
			var img = document.getElementById('imgbox');
			// 图片路径设置为读取的图片
			img.src = e.target.result;
		};
		reader.readAsDataURL(file);
	}
	
} 
</script>
</body>
</html>