{template 'common/header'}
<ul class="nav nav-tabs">
	<li {if $operation == 'display'}class="active"{/if}><a href="{php echo $this->createWebUrl('recharge', array('op'=>'display'));}">充值项目列表</a></li>
	{if !empty($id)}
	<li {if $operation == 'edit'}class="active"{/if}><a href="{php echo $this->createWebUrl('recharge', array('op'=>'edit','id'=>$id));}">充值项目详情</a></li>
	{else}
	<li {if $operation == 'edit'}class="active"{/if}><a href="{php echo $this->createWebUrl('recharge', array('op' => 'edit'))}">添加充值项目</a></li>
	{/if}
</ul>
{if $operation=='display'}
<div class="main">
	<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="{$_GPC['c']}">
			<input type="hidden" name="a" value="{$_GPC['a']}">
			<input type="hidden" name="do" value="recharge">
			<input type="hidden" name="m" value="yk_parkinglot">
			<input type="hidden" name="op" value="display">
				<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-md-8 col-lg-6">
						<input class="form-control" name="keyword" id="" type="text" value="{$_GPC['keyword']}" placeholder="项目名称">
					</div>
				</div>
				<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-md-8 col-lg-6">
						<select name="recharge_type" class="form-control">
							<option value="">全部</option>
							<option value="1" {if $_GPC['recharge_type']==1}selected="selected"{/if}>月卡</option>
							<option value="2" {if $_GPC['recharge_type']==2}selected="selected"{/if}>余额</option>
						</select>
					</div>
				</div>
				<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-md-8 col-lg-6">
						<select name="status" class="form-control">
							<option value="" selected="selected">全部</option>
							<option value="1" {if $_GPC['status']===1}selected="selected"{/if}>启用</option>
							<option value="0" {if $_GPC['status']===0}selected="selected"{/if}>关闭</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-xs-12 col-sm-2 col-md-1 col-lg-1">
						<button class="btn btn-default"><i class="fa fa-search"></i>搜索</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">充值项目列表</div>
		<div class="panel-body">
			<div class="table-responsive panel-body">
				<table class="table table-hover" style="min-width: 300px;">
					<thead class="navbar-inner">
						<tr>
							<th class="col-sm-1">项目ID</th>
							<th class="col-sm-1">项目名称</th>
							<th class="col-sm-1">项目类别</th>	
							<th class="col-sm-1">支付金额</th>
							<th class="col-sm-1">月卡原价</th>
							<th class="col-sm-1">月卡月数</th>
							<th class="col-sm-1">余额到账金额</th>
							<th class="col-sm-1">描述</th>
							<th class="col-sm-1">状态</th>
							<th class="col-sm-1">查看</th>
							<th class="col-sm-1 text-right">删除</th>
						</tr>
					</thead>
					<tbody>
						{loop $levels $item}
						<tr>
							<td>{$item['id']}</td>
							<td>{$item['title']}</td>
							<!-- 
							<td><img src='{php echo tomedia($item['img']);}' style='width:30px;height:30px;padding1px;border:1px solid #ccc' /></td>
							 -->
							 <td>
							{if $item['recharge_type']==1}
								<span class="label label-info">月卡</span>
							{elseif $item['recharge_type']==2}
								<span class="label label-warning">余额</span>
							{/if}
							</td>
							<td>{$item['price']}元</td>
							<td>{$item['price_before']}元</td>
							<td>{$item['months']}</td>
							<td>{$item['price_credit2']}元</td>
							<td>{$item['description']}</td>
							<td>
							{if $item['status']==1}
								<span class="label label-success">开启</span>
							{else}
								<span class="label label-default">关闭</span>
							{/if}
							</td>
							<td>
								<a href="{php echo $this->createWebUrl('recharge', array('op'=>'edit', 'id'=>$item['id']));}" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" data-original-title="详情"><i class="fa fa-pencil"></i></a>
							</td>
							<td class="text-right">
								<a onclick="if(!confirm('删除后将不可恢复,确定删除吗?')) return false;" href="{php echo $this->createWebUrl('recharge', array('op'=>'delete', 'id'=>$item['id']));}" class="btn btn-default btn-danger" data-toggle="tooltip" data-placement="top" title="" data-original-title="删除"><i class="fa fa-times"></i> </a>
							</td>
						</tr>
						{/loop}
						{if empty($levels)}
						<tr>
							<td colspan="11">
								未找到相关信息
							</td>
						</tr>
						{/if}
					</tbody>
				</table>
				{$pager}
			</div>
		</div>
	</div>
</div>
{else if  $operation=='edit'}
<div class="main">
	<form action="" method="post" class="form-horizontal form" id="form">
		<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-3 col-md-2 col-lg-2 control-label">充值项目名称</label>
                    <div class="col-xs-12 col-sm-8">
                        <input type="text" name="data[title]" value="{$level['title']}" class="form-control" />
                    </div>
                </div>
                <!-- 
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">等级图片</label>
                    <div class="col-xs-12 col-sm-8">
                        {php echo tpl_form_field_image('data[img]', $level['img'])}
                        <div class="help-block"></div>
                    </div>
                </div>
                 -->
                 <div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">充值项目类别</label>
					<div class="col-xs-12 col-sm-8">
						<label class="radio radio-inline">
							<input type="radio" name="data[recharge_type]" value="1" {if intval($level['recharge_type']) == 1}checked="checked"{/if}> 月卡
						</label>
						<label class="radio radio-inline">
							<input type="radio" name="data[recharge_type]" value="2" {if intval($level['recharge_type']) == 2}checked="checked"{/if}> 余额
						</label>						
					</div>
				</div>
                <div class="form-group">
	                <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">支付金额</label>
	                <div class="col-xs-12 col-sm-8">
	                    <div class="input-group">
	                        <input type="text" name="data[price]" class="form-control" value="{$level['price']}"  />
	                        <div class="input-group-addon">元</div>
	                    </div>
	                </div>
	            </div>
	            <div class="form-group" id="price_before" {if $level['recharge_type']==2}style="display:none"{/if}>
	                <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">月卡原价</label>
	                <div class="col-xs-12 col-sm-8">
	                    <div class="input-group">
	                        <input type="text" name="data[price_before]" class="form-control" value="{$level['price_before']}"  />
	                        <div class="input-group-addon">元</div>
	                    </div>
	                </div>
	            </div>
	            <div class="form-group" id="months" {if $level['recharge_type']==2}style="display:none"{/if}>
	                <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">月卡月数</label>
	                <div class="col-xs-12 col-sm-8">
	                    <div class="input-group">
	                        <input type="text" name="data[months]" class="form-control" value="{$level['months']}"  />
	                        <div class="input-group-addon">月</div>
	                    </div>
	                </div>
	            </div>
	            <div class="form-group" id="price_credit2" {if $level['recharge_type']==1}style="display:none"{/if}>
	                <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">余额到账金额</label>
	                <div class="col-xs-12 col-sm-8">
	                    <div class="input-group">
	                        <input type="text" name="data[price_credit2]" class="form-control" value="{$level['price_credit2']}"  />
	                        <div class="input-group-addon">元</div>
	                    </div>
	                </div>
	            </div>

				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">状态</label>
					<div class="col-xs-12 col-sm-8">
						<label class="radio radio-inline">
							<input type="radio" name="data[status]" value="1" {if empty($id) || (intval($level['status']) == 1)}checked="checked"{/if}> 启用
						</label>
						<label class="radio radio-inline">
							<input type="radio" name="data[status]" value="0" {if !empty($id) && (intval($level['status']) == 0)}checked="checked"{/if}> 关闭
						</label>						
					</div>
				</div>
				<div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">排序</label>
                    <div class="col-xs-12 col-sm-8">
                        <input type="text" name="data[displayorder]" value="{$level['displayorder']}" class="form-control" />
                    </div>
                </div> 
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">描述</label>
					<div class="col-xs-12 col-sm-8">
						<textarea style="height:200px;" name="data[description]" class="form-control description" cols="60">{$level['description']}</textarea>
						<div class="help-block"></div>
					</div>
				</div>	
			</div>
		</div>	
		<div class="panel panel-default" id="permission" {if $level['recharge_type']==2}style="display:none"{/if} >
			<div class="panel-heading">月卡使用权限</div>
			<div class="panel-body table-responsive">
				<table class="table">
						<thead>
						<tr class="info">
							<th colspan="6">
								<div class="checkbox">
									<label class="permission permission-1" data-name="1"><input type="checkbox">停车场列表</label>
								</div>
							</th>
						</tr>
						</thead>
						{php $i=1;}
						{loop $parks $item}
							{if $i%6 == 1 || $i == 1}<tr>{/if}
							<td>
								<div class="checkbox">
									<label class="permission-child permission-child-1" data-name="1"><input type="checkbox" value="{$item['id']}" {if in_array($item['id'], $level['parking_list'])}checked{/if} name="parking_list[]">{$item['name']}</label>
								</div>
							</td>
							{if $i%6 == 0}</tr>{/if}
							{php $i++;}
						{/loop}
				</table>
			</div>
		</div>		
			
		<div class="form-group col-sm-12">
			<input name="id" type="hidden" value="{$level['id']}" >
			<input name="submit" id="submit" type="submit" value="提交" class="btn btn-primary col-lg-1">
			<input type="hidden" name="token" value="{$_W['token']}" />
		</div>
		
	</form>
</div>
<script>
	$(function () {
          $(":radio[name='data[recharge_type]']").click(function () {
              if ($(this).val() == 1) {
                  $("#price_before").show();
                  $("#months").show();
                  $("#price_credit2").hide();
                  $("#permission").show();
              }
              else {
              	 $("#price_before").hide();
                  $("#months").hide();
                  $("#price_credit2").show();
                  $("#permission").hide();
              }
          })

      })
      
      $('.permission').click(function(){
		var name = $(this).data('name');
		$('.permission-child-' + name).find(':checkbox').prop('checked', $(this).find(':checkbox').prop('checked'));
	});
	$('.permission-child').click(function() {
		var name = $(this).data('name');
		if (!$(this).find(':checkbox').prop('checked')) {
			$('.permission-' + name).find(':checkbox').prop('checked', false);
		} else {
			if ($('.permission-child-' + name).find(':checkbox:not(:checked)').size()) {
				$('.permission-' + name).find(':checkbox').prop('checked', false);
			} else {
				$('.permission-' + name).find(':checkbox').prop('checked', true);
			}
		}
	});
</script>
{/if}
{template 'common/footer'}