{template 'common/header'}
{template 'web/nav'}
<ul class="nav nav-tabs">
	<li {if $operation == 'display'}class="active"{/if}><a href="{php echo $this->createWebUrl('xunithumb', array('op' => 'display'))}">虚拟用户相册管理</a></li>
	<li {if $operation == 'post'}class="active"{/if}><a href="{php echo $this->createWebUrl('xunithumb', array('op' => 'post'))}">{if $id==0}添加虚拟用户相册{else}修改虚拟用户相册{/if}</a></li>

</ul>
<style>
.panel-body {
padding: 10px;
}
</style>
{if $operation == 'post'}
<div class="main">
	<form action="" method="post" class="form-horizontal form" enctype="multipart/form-data">
		<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-2 col-md-2 col-lg-2 control-label">图片</label>
					<div class="col-sm-5">
						{php echo tpl_form_field_image("avatar",$avatar);}
					</div>
				</div>
			</div>
			
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">图片</label>
					<div class="col-sm-5">
						{php echo tpl_form_field_multi_image("thumb",$category['thumb']);}
					</div>
				</div>
			</div>

			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label">虚拟用户性别</label>
					<div class="col-sm-5">
						<label for="enabled1" class="radio-inline"><input type="radio" name="sex" value="1" id="enabled1" {if !empty($category['sex']) && $category['sex'] == 1}checked="true"{/if} /> 男</label>
	                    &nbsp;&nbsp;&nbsp;
	                    <label for="enabled2" class="radio-inline"><input type="radio" name="sex" value="2" id="enabled2"  {if !empty($category['sex']) && $category['sex'] == 2}checked="true"{/if} /> 女</label>	           
					</div>
				</div>
			</div>
			<div class="form-group col-sm-12">
				<input type="hidden" name="token" value="{$_W['token']}" />
				<input type="hidden" name="id" value="{$category['id']}" />
				<input type="submit" class="btn btn-primary col-lg-1" name="submit" value="提交" />
			</div>
		</div>
	</form>
</div>


{elseif $operation == 'display'}

<div class="panel panel-info">
	<div class="panel-heading">筛选</div>

	<div class="panel-body">

		<form action="./index.php" method="get" class="form-horizontal" role="form">

			<input type="hidden" name="c" value="site" />
			<input type="hidden" name="a" value="entry" />
        	<input type="hidden" name="m" value="jy_ppp" />
        	<input type="hidden" name="do" value="xunithumb" />

			<div class="form-group">
				<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">性别筛选</label>
				<div class="col-xs-12 col-sm-8 col-lg-9">
					<select name="sex" class="form-control">
						<option value="0">用户性别</option>
						<option value="2" {if $_GPC['sex']=='2'}selected{/if}>女</option>
						<option value="1" {if $_GPC['sex']=='1'}selected{/if}>男</option>
					</select>
				</div>
			</div>

			<div class="form-group">
			 	<div class=" col-xs-12 col-sm-2 col-lg-2">

					<button class="btn btn-default"><i class="fa fa-search"></i> 搜索</button>

				</div>
			</div>
		</form>
	</div>
	</div>

<div class="main">
	<div class="category">
			{if !empty($category) || !empty($_GPC['sex'])}
			<div class="panel panel-default">
				<div class="panel-heading">
					管理虚拟用户相册 | 总数:{$total} 个
				</div>
				<div class="panel-body table-responsive">
					<form action="" method="post" class="form-horizontal form" onsubmit="return formcheck(this)">
					<table class="table table-hover">

					<thead class="navbar-inner">
						<tr>
							<th style="width:1%;"></th>
							<th style="width:8%;">用户ID</th>
							<th style="width:8%;">用户性别</th>
							<th style="width:15%;">头像</th>
							<th style="width:45%;">相册</th>
							<th style="width:15%;">操作</th>
						</tr>
					</thead>

					<tbody id="main">
						{loop $category $row}
						<tr class="selectedTr">
							<td><input  style="display:none" type="checkbox" name="ids[]" value="{$row['mid']}" />
							</td>
							<td class="text-left">
								{$row['mid']}
							</td>

							<td class="text-left">
								{if $row['sex']==1}男{/if}{if $row['sex']==2}女{/if}
							</td>

							<td class="text-left">
								{if !empty($row['thumb'])}
								<img style="height:100px;width:80px;" src="{$_W['attachurl']}{$row['thumb']}">
								{/if}
							</td>

							<td style="white-space:normal;word-break:break-all">
								{loop $row['xc'] $t}
									<img style="height:100px;width:80px;" src="{$_W['attachurl']}{$t['thumb']}">
								{/loop}
							</td>

							<td>
								<a href="{php echo $this->createWebUrl('xunithumb', array('op' => 'post', 'mid' => $row['mid']))}" title="编辑" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top"><i class="fa fa-edit">编辑</i></a>

								<a href="{php echo $this->createWebUrl('xunithumb', array('op' => 'delete','mid' => $row['mid']))}" onclick="return confirm('确认删除此用户吗？');return false;" title="删除" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top"><i class="fa fa-times">删除</i></a>

							</td>
						</tr>	
					{/loop}
						<tr>
							<td colspan="3"></td>
							<td colspan="1"><div class="btn btn-success" onclick="all2()">全选</div></td>
							<td colspan="1"><div class="btn btn-danger" onclick="all3()">全不选</div></td>
							<td colspan="1"><div class="btn btn-primary" onclick="delall()">批量删除</div></td>
							<td colspan="1"></td>
						</tr>
					</tbody>
					</table>
					</form>
					{$pager}
				</div>
			</div>
			{else}
			<div class="panel panel-danger">
				<div class="panel-heading">
					管理虚拟用户相册
				</div>
				<div class="panel-body table-responsive">
					<form action="" method="post" class="form-horizontal form" onsubmit="return formcheck(this)">
					<table class="table table-hover">
						<tbody id="main">
							<tr>
								<input name="submit2" type="submit" class="btn btn-danger" value="一键导入系统预设相册">
								<input type="hidden" name="token" value="{$_W['token']}" />

							</tr>
						</tbody>
					</table>
					</form>
				</div>
			</div>
			{/if}
	</div>
</div>
<script type="text/javascript">
function all2()
{
    for(var i=0;i<$(".selectedTr").length;++i){
        $(".selectedTr").eq(i).css("background","#FFCCCC");
		$("input[name='ids[]']").eq(i).prop("checked", true);
    }
}

function all3()
{
    for(var i=0;i<$(".selectedTr").length;++i){
        $(".selectedTr").eq(i).css("background","#fff");
		$("input[name='ids[]']").eq(i).prop("checked", false);
    }
}
function delall()
{
	var str='';
	var ids=0;
    for(var i=0;i<$(".selectedTr").length;++i){
    	if($("input[name='ids[]']").eq(i).prop("checked")){
	        ids++;
	        str+=$("input[name='ids[]']").eq(i).val()+',';
		}
    }
    if(ids==0)
    {
    	alert("您未选中任意的需要删除的虚拟用户相册!");
    }
    else
    {
    	var a=confirm("您确定删除选中的"+ids+"个虚拟用户相册吗？")
    	if(a==true){
    		location.href = "{php echo $_W['siteroot'].'web/'.substr($this->createWebUrl('xunithumb',array('op'=>'delall')),2)}"+"&str="+str;
    	}
    }
}
$(function(){   

    $(".selectedTr").bind('click', function() {
		var index = $(this).index();
		if($("input[name='ids[]']").eq(index).prop("checked")){
			$(this).css("background","#fff");
			$("input[name='ids[]']").eq(index).prop("checked", false);
		}
		else{
			$(this).css("background","#FFCCCC");
			$("input[name='ids[]']").eq(index).prop("checked", true);
		}
	});

});
</script>
{/if}
{template 'common/footer'}