{extend name="admin@public/base" /}
{block name="main-content"}
<script src="__PUBLIC__/ueditor/ueditor.config.js" type="text/javascript"></script>
<script src="__PUBLIC__/ueditor/ueditor.all.js" type="text/javascript"></script>
<script src="__PUBLIC__/others/jquery-ui-1.10.3.min.js"></script>
<script src="__PUBLIC__/others/jquery.ui.widget.js"></script>
<script src="__PUBLIC__/others/jquery.fileupload.js"></script>
<script src="__PUBLIC__/others/base.js"></script>
<style>
.table-bordered>tbody>tr>td{padding:4px;}
.table td{text-align:center;}
.form-inline .form-group{margin:0px 4px;}
</style>
	<div class="page-content">
		<!--主题-->
		<div class="page-header">
			<h1>
				您当前操作
				<small>
					<i class="ace-icon fa fa-angle-double-right"></i>
					修改活动
				</small>
			</h1>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<form class="form-horizontal postForm" name="list_edit" method="post" action="{:url('admin/Activitys/runedit',['kind'=>$kind])}">
					<input name="id"  type="hidden" value="{$list.id}" />
					
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right">活动类型：  </label>
						<div class="col-sm-10">
							 <select name="kind" class="col-xs-5 col-sm-3">
							    <option value="">选择类型</option>
							    <option value="1" {if condition="$list['kind'] eq 1"}selected{/if}>官网活动</option>
							    <option value="2" {if condition="$list['kind'] eq 2"}selected{/if}>会员活动</option>
							    <option value="3"  {if condition="$list['kind'] eq 3"}selected{/if}>古建俱乐部</option>
							 </select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" >名称：  </label>
						<div class="col-sm-10">
							<input type="text" name="title" id="title" placeholder="输入活动名称" value="{$list.title}" class="col-xs-10 col-sm-5" required/>
						</div>
					</div>
					<div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" >简介：  </label>
						<div class="col-sm-10">
							<textarea name="infor" rows="5" class="col-xs-10 col-sm-5">{$list.infor}</textarea>
						</div>
					</div>
					<div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" >备注：  </label>
						<div class="col-sm-10">
							<textarea name="notice" rows="5" class="col-xs-10 col-sm-5">{$list.notice}</textarea>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" >联系方式：  </label>
						<div class="col-sm-10">
							<textarea name="contact" rows="5" class="col-xs-10 col-sm-5" >{$list.contact}</textarea>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1">宣传图片： </label>
						<div class="col-sm-10">
							 <a href="javascript:;" class="filebtn">
									<input type="file" name="posterbtn" id="posterbtn" />
									<input type="hidden" name="poster" id="poster" value="{$list.poster}"/>
									选择上传文件
							</a>
							<span class="showPic"><img {if condition="$list['poster']"}src="{:SITE_PATH}{$list.poster}"{else}src="__PUBLIC__/img/no_img.jpg"{/if}  height="70" id="img0" ></span>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right">焦点图： </label>
						<div class="col-sm-10">
							 <a href="javascript:;" class="filebtn">
									<input type="file" name="bannerbtn" id="bannerbtn" />
									<input type="hidden" name="banner" id="banner" value="{$list.banner}"/>
									选择上传文件
							</a>
							<span class="showPic"><img {if condition="$list['banner']"}src="{:SITE_PATH}{$list.banner}"{else}src="__PUBLIC__/img/no_img.jpg"{/if}  height="70" id="img1" ></span>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right">内容图片： </label>
						<div class="col-sm-10">
							 <a href="javascript:;" class="filebtn">
									<input type="file" name="picbtn" id="picbtn" />
									<input type="hidden" name="pic" id="pic" value="{$list.pic}"/>
									选择上传文件
							</a>
							<span class="showPic"><img {if condition="$list['pic']"}src="{:SITE_PATH}{$list.pic}"{else}src="__PUBLIC__/img/no_img.jpg"{/if}  height="70" id="img2" ></span>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right">开始日期：  </label>
						<div class="col-sm-10">
							<input name="start_date" id="start_date" class="date-picker col-xs-10 col-sm-5" value="{$list.start_date?date('Y-m-d',$list['start_date']):''}" type="text" data-date-format="yyyy-mm-dd">
							<span class="lbl"></span>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right">结束日期：  </label>
						<div class="col-sm-10">
							<input name="end_date" id="end_date" class="date-picker col-xs-10 col-sm-5" value="{$list.end_date?date('Y-m-d',$list['end_date']):''}" type="text" data-date-format="yyyy-mm-dd">
							<span class="lbl"></span>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right">短信模板：  </label>
						<div class="col-sm-10">
							 <select name="smsid" class="col-xs-5 col-sm-3">
							    <option value="">选择模板</option>
						        {volist name="tpls" id="vo"}
							    <option value="{$vo.id}" {if condition="$list['smsid'] eq $vo['id']"}selected{/if}>{$vo.title}</option>
							    {/volist}
							 </select>
						</div>
					</div>
					{if condition="in_array($role,[1,2])"}
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right">管理分组：  </label>
						<div class="col-sm-10">
						    {volist name="groups" id="vo"}
							<label class="checkbox-inline">
							  <input type="checkbox" id="group{$key}" name="groups[]" value="{$vo.id}" {if condition="in_array($vo['id'],$list['groups'])"}checked{/if} > {$vo.title}
							</label>
							{/volist}
						</div>
					</div>
					{/if}
					<div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" >状态： </label>
						<div class="col-sm-10" style="padding-top:5px;">
							<input  name="status" id="status1" {if condition="$list['status'] eq 1"}checked{/if}  value="1"  type="radio" /> 开启
							<input  name="status" id="status2" {if condition="$list['status'] neq 1"}checked{/if}  value="0"  type="radio" /> 关闭
						</div>
					</div>
					<div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" >是否需要登录： </label>
						<div class="col-sm-10" style="padding-top:5px;">
							<input  name="login" id="login1" {if condition="$list['login'] eq 1"}checked{/if}  value="1"  type="radio" /> 开启
							<input  name="login" id="login2" {if condition="$list['login'] neq 1"}checked{/if}  value="0"  type="radio" /> 关闭
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" >申请表内容： </label>
						<input type="hidden"  name="fid" id="fid" value="">
						<div class="col-sm-10" style="padding-top:5px;">
						    <div class="form-inline">
							  <div class="form-group">
							    <label>字段名:</label>
							    <input type="text" class="form-control" name="fname" id="fname"  style="width:100px" placeholder="字段名称">
							  </div>
							  <div class="form-group">
							    <label>字段标识:</label>
							    <input type="text" class="form-control" name="ftag" id="ftag"  style="width:100px" placeholder="字段唯一标识(英文或拼音)">
							  </div>
							  <div class="form-group">
							    <label>输入类型:</label>
							    <select class="form-control" name="ftype" id="ftype">
							          <option value="input">单行文本</option>
							          <option value="textarea">文本</option>
							          <option value="date">日期</option>
							          <option value="select">下拉选项</option>
							          <option value="radio">单选</option>
							          <option value="checkbox">多选</option>
							          <option value="file">附件</option>
							          <option value="notice">提示消息</option>
							    </select>
							     <input type="text" style="display:none" class="form-control" name="foptions" id="foptions" placeholder="选项用||隔开">
							  </div>
							  <div class="form-group">
							    <label>必填:</label>
							      <div class="radio-inline">
									  <label><input type="radio" name="frequire" id="frequire1" value="1">是</label>
									</div>
									<div class="radio-inline">
									  <label><input type="radio" name="frequire" id="frequire2" value="0" checked>否</label>
									</div>
							  </div>
							  <div class="form-group">
							    <label>提示:</label>
							     <textarea  class="form-control" name="fnotice" id="fnotice" placeholder="输入辅助提示"></textarea>
							  </div>
							  <div class="form-group">
							    <label>排序:</label>
							    <input  class="form-control" name="fsort" id="fsort" placeholder="展示排序"  style="width:100px"/>
							  </div>
							  <button type="button" id="savefield" class="btn btn-info" style="border:2px solid #fff;">保存</button>
							  <button type="button" id="clearfield" class="btn btn-info" style="border:2px solid #fff;">清空</button>
							</div>
						    <br/>
							<table id="applytable" class="table" style="text-align:center">
							      <thead>
							        <tr>
							          <th>#</th>
							          <th>字段名</th>
							          <th>字段标识</th>
							          <th width="200px">输入类型</th>
							          <th>必填</th>
							          <th width="200px">提示</th>
							          <th>排序</th>
							          <th>操作</th>
							        </tr>
							      </thead>
							      <tbody>
							       
							      </tbody>
							    </table>
						</div>
					</div>
					<div class="space-4"></div>

                    <input type="hidden" name="apply" id="apply" />
					<div class="clearfix form-actions">
						<div class="col-md-offset-3 col-md-9">
							<button class="btn btn-info" type="submit">
								<i class="ace-icon fa fa-check bigger-110"></i>
								保存
							</button>

							&nbsp; &nbsp; &nbsp;
							<button class="btn" type="reset">
								<i class="ace-icon fa fa-undo bigger-110"></i>
								重置
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>

	</div><!-- /.page-content -->
{/block}
{block name="scripts"}
	<script>
     var alist={:json_encode($apply)};
	function showRequest2(){
		 $("#apply").val(JSON.stringify(alist));
		 return true;
	}
	$(function(){
		 var len=alist.length;
			for(var i=0;i<len;i++){
				var cur=alist[i];
				var stype='单行文本';
				if(cur.ftype=='textarea')stype='文本';
				if(cur.ftype=='date')stype='日期';
				if(cur.ftype=='file')stype='附件';
				if(cur.ftype=='select')stype='下拉  选项:'+cur.foptions;
				if(cur.ftype=='checkbox')stype='多选 选项:'+cur.foptions;
				if(cur.ftype=='radio')stype='单选 选项:'+cur.foptions;
				var html='<tr><th scope="row" class="center">'+(i+1)+'</th>';
	            html+='<td>'+cur.fname+'</td>';
	            html+='<td>'+cur.ftag+'</td>';
	            html+='<td>'+stype+'</td>';
	            html+='<td>'+(cur.frequire==1?'是':'否')+'</td>';
	            html+='<td>'+cur.fnotice+'</td>';
	            html+='<td>'+(cur.fsort?cur.fsort:i+1)+'</td>';
	            html+='<td><a class="green editbtn" href="javascript:void(0);" title="修改"><i class="ace-icon fa fa-pencil bigger-130"></i></a>&nbsp;&nbsp;';
	            if(cur.del==1){
	            html+='<a class="red delbtn" href="javascript:void(0);" title="删除"><i class="ace-icon fa fa-trash-o bigger-130"></i></a>';
	            }
	            html+='</td></tr>';
			    $("#applytable tbody").append(html);
			}
			$("#ftype").change(function(){
				var val=$("#ftype option:selected").val();
				console.log(val);
				if(val!='select'&&val!='checkbox'&&val!='radio'){
					$("#foptions").hide();
				}else{
					$("#foptions").show();
				}
			});
			$("#applytable").delegate(".delbtn","click",function(){
				var index=$(this).parents('tr').index();
				alist.splice(index,1);
				$("#applytable tbody tr").eq(index).remove();
			});
			$("#applytable").delegate(".editbtn","click",function(){
				$("#ftag").prop("disabled",false);
				var index=$(this).index(".editbtn");
				var cur=alist[index];
				console.log("index",index,cur);
				if(cur){
					$("#fid").val(index);
					$("#fname").val(cur.fname);
					$("#fsort").val(cur.fsort?cur.fsort:index+1);
					$("#foptions").val(cur.foptions);
					$("#ftag").val(cur.ftag);
					if(cur.del==0){
						$("#ftag").prop("disabled",true);
					}
					$("#ftype option").each(function(j,row){
						if($(row).val()==cur.ftype)$("#ftype option").eq(j).prop("selected",true);
					});
					if(cur.ftype!='select'&&cur.ftype!='checkbox'&&cur.ftype!='radio'){
						$("#foptions").hide();
					}else{
						$("#foptions").show();
					}
					$("input[name='frequire']").each(function(j,row){
						console.log("row",$(row).val());
						if($(row).val()==cur.frequire)$("input[name='frequire']").eq(j).prop("checked",true);
					});
					$("#fnotice").val(cur.fnotice);
				}
			});
			
			$("#clearfield").click(function(){
				$("#fid").val("");
				$("#fname").val("");
				$("#ftag").val("");
				$("#fnotice").val("");
				$("#fsort").val("");
				$("#foptions").val("");
			});
			$("#savefield").click(function(){
				$("#ftag").prop("disabled",false);
				len=alist.length;
				var fid=$("#fid").val();
				var fsort=$("#fsort").val();
				var fname=$("#fname").val();
				var ftag=$("#ftag").val();
				var ftype=$("#ftype option:selected").val();
				var frequire=$("input[name='frequire']:checked").val();
				var fnotice=$("#fnotice").val();
				var foptions=$("#foptions").val();
				if(fname==''){layer.msg("请输入字段名");return false;}
				if(ftag==''){layer.msg("请输入字段标识");return false;}
				var reg = /^[0-9a-zA-Z]+$/
				if(!reg.test(ftag)){layer.msg("字段标识只能输入英文和数字");return false;}
	            var exists=false;
	            var del=1;
				var index=len+1;
				for(var i=0;i<index-1;i++){
					var cur=alist[i];
					if(typeof cur!='undefined'&&cur.ftag==ftag&&(fid==''||fid!=i)){
						exists=true;
						break;
					}
				}
				if(exists){
					layer.msg("字段标识已经存在，请新输入");return false;
				}
				if(fid!=""){
					index=parseInt(fid)+1;
					del=alist[fid].del;
					alist[fid]={fname:fname,ftag:ftag,ftype:ftype,frequire:frequire,fnotice:fnotice,del:del,foptions:foptions,fsort:fsort};
				}else{
				    alist.push({fname:fname,ftag:ftag,ftype:ftype,frequire:frequire,fnotice:fnotice,del:del,foptions:foptions,fsort:fsort});
				}
				if(fsort=='')fsort=index;
				console.log("alist",alist);
				var stype='单行文本';
				if(ftype=='textarea')stype='文本';
				if(ftype=='date')stype='日期';
				if(ftype=='file')stype='附件';
				if(ftype=='select')stype='下拉  选项:'+foptions;
				if(ftype=='checkbox')stype='多选 选项:'+foptions;
				if(ftype=='radio')stype='单选 选项:'+foptions;
				
				var html='<th scope="row" class="center">'+index+'</th>';
	                html+='<td>'+fname+'</td>';
	                html+='<td>'+ftag+'</td>';
	                html+='<td>'+stype+'</td>';
	                html+='<td>'+(frequire==1?'是':'否')+'</td>';
	                html+='<td>'+fnotice+'</td>';
	                html+='<td>'+fsort+'</td>';
	                html+='<td><a class="green editbtn" href="javascript:void(0);" title="修改"><i class="ace-icon fa fa-pencil bigger-130"></i></a>&nbsp;&nbsp;';
	                if(del==1){
	                html+='<a class="red delbtn" href="javascript:void(0);" title="删除"><i class="ace-icon fa fa-trash-o bigger-130"></i></a>';
	                }
	                html+='</td>';
	            console.log("html",html);    
	            if(fid!=""){
	              $("#applytable tbody tr").eq(fid).html(html);
	            }else{	
	  			  $("#applytable tbody").append('<tr>'+html+'</tr>');
	            }
				$("#fid").val("");
				$("#fname").val("");
				$("#ftag").val("");
				$("#fnotice").val("");
				$("#fsort").val("");
				$("#foptions").val("");
			});
			$('#start_date').datepicker({
				autoclose: true,
				todayHighlight: true,
				language:'zh-CN',
		    }).on("click",function(){
		         $("#start_date").datepicker("setEndDate",$("#end_date").val())
		    });
			$('#end_date').datepicker({
					autoclose: true,
					todayHighlight: true,
					language:'zh-CN',
			}).on("click",function(){
	 	         $("#end_date").datepicker("setStartDate",$("#start_date").val())
	 	    });
	    $('.postForm').ajaxForm({
	    	 beforeSerialize: showRequest2,  //提交前的回调函数
	         success: complete, // 这是提交后的方法
	         dataType: 'json'
	    });
		var url="{:url('upload',['key'=>'posterbtn'])}";
		tool.uploadFile(url,"#posterbtn","#poster");
		var url="{:url('upload',['key'=>'picbtn'])}";
		tool.uploadFile(url,"#picbtn","#pic");
		var url="{:url('upload',['key'=>'bannerbtn'])}";
		tool.uploadFile(url,"#bannerbtn","#banner");
		
	})
	</script>
{/block}