{template 'common/header'}
<style>
	.video-thumb{
		width: 100px;
		height: 60px;
	}
</style>
<ol class="breadcrumb">
	<li>
		<a href="{php echo $this->createWebUrl('index');}">管理首页</a>
	</li>
	<li>
		<a href="{php echo $this->createWebUrl('vdata',array('op' => 'index'));}">数据中心</a>
	</li>
	<li class="active">视频列表</li>
</ol>
<div class="panel-body">
	<div class="row">
		<div class="col-sm-12 col-md-8">
			<form action="{php echo $this->createWebUrl('collect')}" method="post" class="form-inline" role="form">
				<div class="form-group">
					<label>视频检索</label>
					<input class="form-control" name="keyword" placeholder="请填写关键词检索" type="text"  />
				</div>
				<button class="btn btn-default"><i class="fa fa-search"></i> 搜索视频</button>
			</form>
		</div>
	</div>
	<div class="we7-margin-top-sm">
		<table class="table table-bordered we7-form we7-table table-hover vertical-middle" style="margin-top: 15px;">
			<tbody>
				<tr>
					<th style="width:3%;">
						<input type="checkbox" name="check" id="id-0" class="check_all" />
						<label for="id-0">&nbsp;</label>
					</th>
					<th class="text-left" style="width:20%;">视频标题</th>
					<th class="text-left" style="width:10%;">视频图片</th>
					<th class="text-center" style="width:8%;">是否入库</th>
					<th class="text-center" style="width:10%;">视频长度</th>
					<th class="text-center" style="width:10%;">视频操作</th>
				</tr>
			</tbody>
			{loop $list $row}
			<tr>
				<td style="overflow:hidden;">
					<input type="checkbox" id="id-{$row['vid']}" name="check" value="{$row['vid']}" />
					<label for="id-{$row['vid']}">&nbsp;</label>
				</td>
				<td class="text-left">{$row['title']}</td>
				<td class="text-left"><img class="video-thumb" src="{$row['thumb']}" /></td>
				<td class="text-center">{if $row['isdown'] == '1'}<span class="label label-warning">已入库</span>{else}<span class="label label-default">未入库</span>{/if}</td>
				<td class="text-center">{$row['len']}</td>
				<td class="text-center">
					<a class="btn btn-success btn-sm" href="{php echo $this->createWebUrl('collect', array('op' => 'collect', 'id' => $row['vid'] ,'page' => $_GPC['page'],'keyword' => $_GPC['keyword']))}" title="入库">入库</a>
				</td>
			</tr>
			{/loop}
			<tr>
				<td colspan="6">
					<div class="row">
						<div class="col-xs-2">
							<select id="cate" class="form-control">
								<option value="0">不选分类</option>
								{loop $cates $cate}
								<option value="{$cate['id']}">{$cate['title']}</option>
								{/loop}
							</select>
						</div>
						<div class="col-xs-6 text-left">
							<input name="batch_collect" type="submit" class="btn btn-primary" value="批量入库" />
							<input type="hidden" name="token" value="{$_W['token']}" />
						</div>
					</div>
				</td>
			</tr>
		</table>
		{if empty($list)}
		<span style="margin-left: 45%;">暂无相关数据</span><br /> {/if}
		<tr>
			<div class="pull-right">{$pager}</div>
		</tr>
	</div>
</div>
<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
				<h4 class="modal-title">操作提示</h4>
			</div>
			<div class="modal-body">
				<p>数据正在入库中,请稍候......</p>
			</div>
		</div>
	</div>
</div>
<script>
	$(".check_all").click(function() {
		$("[type='checkbox']").each(function() {
			if($(this).prop("checked")) {
				$(this).attr("checked", false);
				$(".check_all").prop("checked", false);
			} else {
				if($(this).attr("disabled") != "disabled") {
					$(this).prop("checked", true);
					$(".check_all").prop("checked", true);
				}
			}
		});
	});
	$("input[name=batch_collect]").click(function() {
		var check = $("input[type=checkbox][class!=check_all]:checked");
		if(check.length < 1) {
			alert('请选择要入库的数据');
			return false;
		}
		if(confirm("确认要入库所选数据?")) {
			var id = new Array();
			check.each(function(i) {
				id[i] = $(this).val();
			});
			var url = "{php echo $this->createWebUrl('collect', array('op' => 'collect'))}";
			showLoading();
			$.post(url, {
				'idArr': id,
				'cateid':$("#cate").val()
			}, function(data) {
				hideLoading();
				setTimeout(function(){
					top.location.reload();
				},2000);
			}, 'json');
		}
	});

	//展示loading框
	function showLoading(){
	    $('#loadingModal').modal({backdrop: 'static', keyboard: false});
	}
	//隐藏掉loading框
	function hideLoading(){
	    $('#loadingModal').modal('hide');
	}

</script>
{template 'common/footer'}