{template 'common/header'}
{template 'web/video/video-header'}

<link rel="stylesheet" type="text/css" href="{MODULE_URL}static/web/css/category.css?v={$versions}">
<div class="main">
	<div class="panel panel-info">
        <div class="panel-heading">常用菜单</div>
        <div class="panel-body">
            <a href="{php echo $this->createWebUrl('video', array('op'=>'addCategory'));}" class="btn btn-success" style="margin-right:15px;"><i class="fa fa-plus"></i> 添加分类</a>
        </div>
    </div>
    <div class="category">
        <form action="" method="post">
            <div class="panel panel-default">
                <div class="panel-body table-responsive">
					<div class="dd" id="div_nestable">
						{loop $list $v1}
						<ol class="dd-list" style="width:900px;margin-bottom:15px;">
							<li class="dd-item">
								<div class="dd-handle" style="width:100%;cursor:pointer;background:#eff5e9;">
									<a href="javascript:;" class="toggle_collapse"><i class="fa {php echo empty($v1['second']) ? 'fa-minus' : 'fa-plus';}"></i></a>&nbsp;
									<input type="text" class="form-control" name="cate1[{$v1['id']}]" value="{$v1['displayorder']}" style="width: 70px;display:inline-block;">&nbsp;&nbsp;
									[ID: {$v1['id']}] {$v1['name']}
									<span class="pull-right">
										<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'addCategory', 'parentid'=>$v1['id']))}" data-toggle="tooltip" data-placement="bottom" data-original-title="添加二级分类"><i class="fa fa-plus"></i> 添加二级分类</a>
										<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'addCategory','id'=>$v1['id']))}" data-toggle="tooltip" data-placement="bottom" data-original-title="编辑"><i class="fa fa-edit"></i> 编辑</a>
										<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'deleteCategory', 'id'=>$v1['id']))}" data-toggle="tooltip" data-placement="bottom" data-original-title="删除" onclick="return confirm('该操作不可恢复，确定删除？');return false;"><i class="fa fa-remove"></i> 删除</a>
									</span>
								</div>

								{if !empty($v1['second'])}
									{loop $v1['second'] $v2}
										<ol class="dd-list p-l-95 p-r-250 second_image" style="width:100%;display:none;">
											<li class="dd-item" style="width:550px;">
												<div class="dd-handle second-bg">
													<input type="text" class="form-control" name="cate2[{$v2['id']}]" value="{$v2['displayorder']}" style="width: 70px;display:inline-block;">
													[ID: {$v2['id']}] {$v2['name']}
													<span class="pull-right">
														<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'addCategory', 'parentid'=>$v2['id']))}" data-toggle="tooltip" data-placement="bottom" data-original-title="添加三级分类"><i class="fa fa-plus"></i> 添加三级分类</a>
														<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'addCategory','id'=>$v2['id']))}" title="编辑"><i class="fa fa-edit"></i> 编辑</a>
														<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'deleteCategory', 'id'=>$v2['id']))}" title="删除" onclick="return confirm('该操作不可恢复，确定删除？');return false;"><i class="fa fa-remove"></i> 删除</a>
													</span>
												</div>
											</li>
										</ol>
										{loop $v2['third'] $v3}
										<ol class="dd-list p-l-190 p-r-250 third_image" style="width:100%;display:none;">
											<li class="dd-item" style="width:455px;">
												<div class="dd-handle">
													<input type="text" class="form-control" name="cate3[{$v3['id']}]" value="{$v3['displayorder']}" style="width: 70px;display:inline-block;">
													[ID: {$v3['id']}] {$v3['name']}
													<span class="pull-right">
														<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'addCategory', 'id'=>$v3['id'],'level'=>3))}" title="编辑"><i class="fa fa-edit"></i> 编辑</a>
														<a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('video', array('op'=>'deleteCategory', 'id'=>$v3['id']))}" title="删除" onclick="return confirm('该操作不可恢复，确定删除？');return false;"><i class="fa fa-remove"></i> 删除</a>
													</span>
												</div>
											</li>
										</ol>
										{/loop}
									{/loop}									
								{/if}
							</li>
						</ol>
						{/loop}
						{if $list}
						<table class="table">
							 <tbody>
								 <tr>
									 <td>
										 <input name="submit" type="submit" class="btn btn-primary" value="批量排序">
										 <input type="hidden" name="token" value="{$_W['token']}">
									 </td>
								 </tr>
							 </tbody>
						</table>
						{/if}
					</div>
					{$pager}
				</div>
			</div>
		</form>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
		$('.dd-handle').click(function(){
			$(this).siblings('.dd-list').slideToggle(300);
			if($(this).children(":first").children(":first").hasClass('fa-plus')){
				$(this).children(":first").children(":first").removeClass('fa-plus').addClass('fa-minus');
			}else{
				$(this).children(":first").children(":first").removeClass('fa-minus').addClass('fa-plus');
			}
		});
	});
</script>

{template 'common/footer'}