{template 'common/header'}
<ul class="nav nav-tabs">
	<li><a href="{php echo $this->createWebUrl('redentry');}">活动参与方式</a></li>
	<li class="active"><a href="{php echo $this->createWebUrl('redactivity');}">活动管理</a></li>
	<li><a href="{php echo $this->createWebUrl('redgifts');}">礼品设置</a></li>
</ul>
<script>
	require(['angular', 'bootstrap', 'underscore', 'util'], function(angular, $, _, u){
		angular.module('app', []).controller('formPanel', function($scope, $http){
			$scope.activity = {php echo json_encode($activity)};
			$scope.submit = function() {
				var message = '';
				if($.trim($scope.activity.title) == '') {
					message += '必须输入活动名称<br>';
				}
				if($.trim($scope.activity.title).length > 10) {
					message += '活动名称不能大于10个字符<br>';
				}
				if($.trim($scope.activity.provider) == '') {
					message += '必须输入红包提供商名称<br>';
				}
				if($.trim($scope.activity.wish) == '') {
					message += '必须输入红包祝福语<br>';
				}
				if($.trim($scope.activity.remark) == '') {
					message += '必须输入红包说明<br>';
				}
				if($.trim($(':text[name=image]').val()) == '') {
					message += '必须输入红包分享图片<br>';
				}
				if($.trim($(':text[name=stitle]').val()) == '') {
					message += '必须输入红包分享标题<br>';
				}
				if($.trim($('textarea[name=content]').val()) == '') {
					message += '必须输入红包分享文案<br>';
				}
				$scope.activity.fee.downline = parseInt($scope.activity.fee.downline);
				$scope.activity.fee.upline = parseInt($scope.activity.fee.upline);
				if(isNaN($scope.activity.fee.downline) || isNaN($scope.activity.fee.upline) || $scope.activity.fee.downline > $scope.activity.fee.upline || $scope.activity.fee.downline < 1 || $scope.activity.fee.upline > 200) {
					message += '红包金额应大于1元, 小于200元. 并且最大金额不能小于最少金额<br>';
				}
				if(message) {
					u.message(message);
					return false;
				}
				$('#theform')[0].submit();
			}
		});
		angular.bootstrap(document, ['app']);
	});
</script>

<div class="clearfix">
	<form id="theform" class="form form-horizontal ng-cloak" action="" method="post" ng-controller="formPanel">
		<div class="panel panel-default">
			<div class="panel-heading">红包活动基本信息</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">活动名称</label>
					<div class="col-sm-9 col-xs-12">
						<input type="text" name="title" class="form-control" ng-model="activity.title">
						<span class="help-block">这次领红包活动的名称</span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">红包提供商名称</label>
					<div class="col-sm-9 col-xs-12">
						<input type="text" name="provider" class="form-control" ng-model="activity.provider">
						<span class="help-block">红包提供商名称, 请参考最终效果预览</span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">红包祝福语</label>
					<div class="col-sm-9 col-xs-12">
						<input type="text" name="wish" class="form-control" ng-model="activity.wish">
						<span class="help-block">红包祝福语, 请参考最终效果预览</span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">红包说明</label>
					<div class="col-sm-9 col-xs-12">
						<textarea name="remark" class="form-control" rows="5" ng-model="activity.remark"></textarea>
						<span class="help-block">红包说明, 请参考最终效果预览</span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">红包金额</label>
					<div class="col-sm-9 col-xs-12">
						<div class="row row-fix">
							<div class="col-sm-4 col-xs-2">
								<div class="input-group">
									<input type="text" name="fee[downline]" class="form-control" ng-model="activity.fee.downline">
									<span class="input-group-addon" style="border-left:none;border-right:none;">至</span>
									<input type="text" name="fee[upline]" class="form-control" ng-model="activity.fee.upline">
									<span class="input-group-addon">元</span>
								</div>
							</div>
						</div>
						<span class="help-block">红包金额范围, 最终金额将在金额范围内随机生成. 如果金额固定, 请输入相同的金额</span>
						<span class="help-block"><strong>根据接口限制, 单个红包最低1元, 最高200元. </strong></span>
						<span class="help-block"><strong class="text-danger">根据腾讯的答复, 如果需要突破限制发送小于1元或者大于200元的红包, 需要达到100W/月的红包数量, 并联系腾讯获得高级接口. 如果你有高级接口, 可以联系我们开发</strong></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">活动形式</label>
					<div class="col-sm-9 col-xs-12">
						<label class="radio-inline">
							<input type="radio" name="type" value="direct" ng-model="activity.type"> 直接送
						</label>
						<label class="radio-inline text-danger">
							<strong>
								<input type="radio" name="type" value="shared" ng-model="activity.type"> 拜年讨红包(新玩法)
							</strong>
						</label>
						<span class="help-block"><strong>每个粉丝只能领取一次红包</strong></span>
						<span class="help-block">直接送, 参与活动的粉丝将直接得到发放的红包</span>
						<span class="help-block"><strong>拜年讨红包, 粉丝A发送拜年主题页给好友(恭喜发财, 红包拿来). 好友收到分享的主题页时可以在页面上向粉丝A塞红包. 累计塞够指定的数目, 粉丝A就能获得红包</strong></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">红包内容预览</label>
					<div class="col-sm-9 col-xs-12">
						<div class="alert alert-info">红包消息: 你参加 <mark>{{activity.title}}</mark>，成功获得 <mark>{{activity.provider}}</mark> 赠送的红包。<mark>{{activity.remark}}</mark></div>
						<div class="alert alert-info">拆开红包: 你成功领取了 <mark>{{activity.title}}</mark> 发放的红包。 红包金额：<mark>{{activity.fee.upline}}</mark> 元  <mark>{{activity.wish}}</mark></div>
					</div>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading">红包活动限制参数</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">活动限制区域</label>
					<div class="col-sm-9 col-xs-12">
						<div class="row row-fix">
							<div class="col-sm-4 col-xs-2">
								<div class="input-group">
									<input type="text" name="state" class="form-control" value="{$activity['state']}">
									<span class="input-group-addon" style="border-left:none;border-right:none;">省</span>
									<input type="text" name="city" class="form-control" value="{$activity['city']}">
									<span class="input-group-addon">城市</span>
								</div>
							</div>
						</div>
						<span class="help-block">如果要限制粉丝在特定区域才能领取, 请设置省和市</span>
						<span class="help-block"><strong>省份和城市需要按照微信个人资料中的位置设置. 如果设置错误, 将不能领取</strong></span>
					</div>
				</div>
			</div>
		</div>
		<div class="panel panel-default" ng-show="activity.type == 'shared'">
			<div class="panel-heading">拜年讨红包玩法参数</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">领取所需塞的红包数量</label>
					<div class="col-sm-9 col-xs-12">
						<input type="text" name="helps" value="{$activity['helps']}" class="form-control">
						<span class="help-block">粉丝A发送拜年主题页给好友(恭喜发财, 红包拿来). 好友收到分享的主题页时可以在页面上向粉丝A塞红包. 累计塞够指定的数目, 粉丝A就能获得红包</span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">塞红包文字</label>
					<div class="col-sm-9 col-xs-12">
						<input type="text" name="label" class="form-control" ng-model="activity.label">
						<span class="help-block">好友塞红包时显示的文本. 例如: 给TA塞红包, 赏{nickname}俩字儿.  注意: 可以使用{nickname}来替换邀请者的昵称</span>
					</div>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading">红包活动详情</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">活动时间</label>
					<div class="col-sm-9 col-xs-12">
						{php echo tpl_form_field_daterange('time', $activity['time'], true)}
						<span class="help-block">活动的时间范围, 其他时间活动将不能访问</span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">活动页面背景</label>
					<div class="col-sm-9 col-xs-12">
						{php echo tpl_form_field_image('banner', $activity['banner'])}
						<span class="help-block">设置红包活动页面的提示背景</span>
						<span class="help-block"><strong>使用自定义活动背景, 请注意页面元素位置及配色</strong></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">活动规则说明</label>
					<div class="col-sm-9 col-xs-12">
						<textarea style="height:150px;" class="richtext-clone" name="rules">{$activity['rules']}</textarea>
						<span class="help-block">详细说明活动参与规则</span>
					</div>
					<script type="text/javascript">
						require(['jquery', 'util'],function($, util){
							window.editor = util.editor($('.richtext-clone')[0]);
						})
					</script>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">图文消息素材</label>
					<div class="col-sm-9 col-xs-12">
						<input type="text" name="guide" class="form-control" ng-model="activity.guide">
						<span class="help-block">本次活动的图文素材, 用于引导关注. 请在微信公众平台中编辑的单条图文消息来介绍本次活动, 用于引导粉丝快速关注</span>
					</div>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading">红包分享信息</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">分享的图片</label>
					<div class="col-sm-9 col-xs-12">{php echo tpl_form_field_image('image', $activity['image'])}</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">分享的标题</label>
					<div class="col-sm-9 col-xs-12"><input type="text" name="stitle" class="form-control" ng-model="activity.stitle"></div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">分享文案</label>
					<div class="col-sm-9 col-xs-12"><textarea name="content" class="form-control" rows="5">{$activity['content']}</textarea></div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
					<div class="col-md-2 col-lg-1"><input type="button" value="保存" class="btn btn-primary btn-block" ng-click="submit();" /></div>
				</div>
			</div>
		</div>
	</form>
</div>



{template 'common/footer'}