{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/bootstrap-editable.css">
{/block}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			
		</div>
		<div class="pull-right">
		</div>
	</header>
	<div class="main-box-body clearfix">
		<div class="table-responsive clearfix">

			<div class="table-responsive clearfix">
				<table class="table table-hover">
					<thead>
						<tr>
							<th width="30">ID</th>
							<th width="30">活动名称</th>
							<th width="30">生效时间</th>
							<th width="30">有效订单</th>
							<th width="30">充值金额</th>
							<th width="30">活动链接</th>
							<th width="30">活动开关</th>
						</tr>
					</thead>
					<tbody>
						{if condition="empty($list)"}
						<tr>
							<td colspan="8" align="center">暂无数据！</td>
						</tr>
						{else/}
						{volist name="list" id="item"}
						<tr>
							<td>{$item.id}</td>
							<td>{$item.title}</td>
							<td>{$item.starttime|date='Y-m-d H:i:s',###}<br/>{$item.endtime|date='Y-m-d H:i:s',###}</td>
							<td>{$item.id|get_activity_amount}</td>
							<td>{$item.id|get_activity_paynum}</td>
							<td><a href="javascript:;" target="_blank" onclick="creatactivity({$item.id})">生成活动链接</a></td>
							<td>
							{if condition="$item['endtime']<time()"}
								已结束
							{else /} 
								进行中
							{/if}
							</td>
						</tr>
						{/volist}
						{/if}
					</tbody>
				</table>
			</div>
			{$page}
		</div>
	</div>
</div>
<div class="modal fade" id="create-referral-link-modal">
    <div class="modal-dialog" role="document">
		<input type="hidden" name="activityid" id="activityid">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">生成活动链接</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid"> 
                    <div class="form-group">
                        <label class="control-label col-sm-3"><span class="required">*</span>渠道名称</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" maxlength="100" name="title" id="from-title"/>
                            <p class="help-block help-block-error"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-3"><span class="required">*</span>链接类型</label>
                        <div class="col-sm-7">
                            <label class="radio-inline">
                                <input type="radio" name="urltype" value="2"/>
                                <span>内推</span>
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="urltype" value="1"/>
                                <span>派单</span>
                            </label>
                            <p class="help-block help-block-error"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-create">生成活动链接</button>
            </div>
        </div>
    </div>
</div>

{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/js/bootstrap-editable.min.js"></script>
<script type="text/javascript">
$(function(){
	$.fn.editable.defaults.mode = 'popup';
	$.fn.editableform.buttons = '<button type="submit" class="btn btn-success editable-submit btn-mini"><i class="fa fa-check-square-o fa-white"></i></button>' +
	'<button type="button" class="btn editable-cancel btn-mini"><i class="fa fa-times"></i></button>';
	$('.editable').editable();
})
function creatactivity(activityid){
	var $modal = $('#create-referral-link-modal');
	$modal.on('show.bs.modal', function (event) {
		  $modal.find('#activityid').val(activityid);         
	});
	$modal.modal('show');
}
$(function () {
		
	$('#create-referral-link-modal').find('.btn-create').click(function () {
		var title = $('#from-title').val();
		var activityid = $('#activityid').val();
		if (!title)
		{
			updateAlert('渠道名称不能为空', 'error');
			return false;
		}
		var urltype = $('input[name="urltype"]:checked').val();
		if (!urltype)
		{
			updateAlert('链接类型不能为空', 'error');
			return false;
		}
		
		$.ajax({
			url: '{:url("admin/spread/api_save")}',
			type: 'POST',
			contentType: 'application/json',
			data: JSON.stringify({
				types: 5,
				article_id: 0,
				type: 1,
				urltype: urltype,
				title: title,
				activityid: activityid,
			})
        })
		.then(function (result) {
			updateAlert('生成成功', 'info');
			setTimeout(function () {
					window.location.reload()
			}, 1000);
			
		})
	});
})

</script>
{/block}