##tlayout("admin/layout.htm"){

<div class="breadcrumbs" style="padding-top:10px;height: 50px;">
	<div class="col-xs-4">
		<a class="btn btn-info btn-sm" style="margin-top: -12px;margin-left: 10px;" href="javascript:showAlert('/admin/material/add')">+添加模板素材</a>
	</div>
	<div class="col-xs-8" style="text-align: right;">
		<a class="btn btn-sm" style="margin-top: -12px;margin-left: 10px;" href="/admin/materialType">素材分类</a>
	</div>
</div>
<div class="page-content">
	<div class="row" style="margin-top:10px;">
		<div class="col-xs-12">
			<div class="table-responsive">
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th>标题</th>
							<th>素材</th>
							<th>分类</th>
							<th>状态</th>
							<th>添加时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						##if(results!=null &&  results.list.~size!=0){
							##for(_item in results.list!){
							<tr>
								<td>${_item.title!}</td>
								<td>
									<img src="${_item.img_url!}" style="width: 80px;" />
								</td>
								<td>${_item.type_title!}</td>
								<td>
									##if(_item.status==1){
										启用
									##}else{
										禁用
									##}
								</td>
								<td>${_item.create_date!,dateFormat='yyyy-MM-dd HH:mm'}</td>
								<td style="width:100px;">
									<div class="btn-group">
										<button class="btn btn-info btn-sm dropdown-toggle" data-toggle="dropdown">
											操作<span class="icon-caret-down icon-on-right"></span>
										</button>
										<ul class="dropdown-menu dropdown-info pull-right">
											<li><a href="javascript:showAlert('/admin/material/edit?id=${_item.id!}')">编辑</a></li>
											##if(_item.status==1){
												<li><a href="javascript:changeStatus(${_item.id!}, 0, '禁用')">禁用</a></li>
											##}else{
												<li><a href="javascript:changeStatus(${_item.id!}, 1, '启用')">启用</a></li>
											##}
											<li><a href="javascript:changeStatus(${_item.id!}, 9, '删除')">删除</a></li>
										</ul>
									</div>
								</td>
							</tr>
							##}
						##}
					</tbody>
				</table>
				##if(totalPage>1){
				<div class="fenye">
					<#_pagination page="${results!}">
						<ul id="Pagination"></ul>
					</#_pagination>
				</div>
				##}
			</div>
		</div>
	</div>
</div>
<script>
function changeStatus(id, status, msg){
	
	if(confirm("确定要" + msg + "该记录吗？")){
		$.post("/admin/material/changeStatus",{id:id,status:status},function(data){
			alert(data.msg);
			if(data.success){
				location.reload();
			}
		});
	}
}
</script>
##}