{template 'common/header'}
<ul class="we7-page-tab">
	<li {if $_GPC['op'] == 'display' || $_GPC['op'] == '' }class="active"{/if}><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'display','version_id'=>0));}">商品分类列表</a></li>
	<li {if $_GPC['op'] == 'edit'}class="active"{/if} ><a href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit','version_id'=>0));}">{if empty($grade['id'])}添加商品分类{else}编辑商品分类{/if}</a></li>
</ul>
<style> 
.form-horizontal .form-group {margin-right: 0px;margin-left: 0px;margin-bottom: 15px;}
.form-horizontal .bottom15{margin-bottom: 15px;}
</style>
{if $_GPC['op'] == 'display'}
{php $status8=array('下架','上架');}
{php $zt8=array('label-primary','label-danger','label-info','label-success','label-warning','label-info','label-success','label-danger','label-default');}
<div class="panel panel-default">
	<div class="panel-heading">商品分类列表</div>
	<table class="panel-body table-responsive table table-hover">
				<thead class="navbar-inner">
					<tr>
						<th style="text-align:center; width:60px;">排序</th>
						<th style="text-align:left; width:100px;">项目</th>
						<th style="text-align:left; width:100px;">备注</th>
						<th style="text-align:left; width:100px;">属性</th>
						<th style="text-align:right; width:150px;">操作</th>
					</tr>
				</thead>
				<tbody>
					{loop $list $key $grade}
					<tr style="text-align:center;">
						<td>{$grade['displayorder']}</td>
						<td style="text-align:left;">{$grade['title']}</td>
						<td style="text-align:left;">{$grade['remark']}</td>
						<td style="text-align:left;"><span class="label {$zt8[$grade['status']]}">{$status8[$grade['status']]}</span></td>
						<td style="text-align:right;">
							<a rel="tooltip" href="{php echo $this->createWebUrl('goods', array('op'=>'display', 'grid'=>$grade['id'],'version_id'=>0));}" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" title="进入商品管理"><i class="fa fa-list"></i></a>
							<a rel="tooltip" href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'edit', 'id'=>$grade['id'],'version_id'=>0));}" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" title="编辑属性"><i class="fa fa-pencil"></i></a>
							<a onclick="if(!confirm('删除后将不可恢复,确定删除吗?')) return false;" href="{php echo $this->createWebUrl($_GPC['do'], array('op'=>'del', 'id'=>$grade['id'],'version_id'=>0));}" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" title="" data-original-title="删除"><i class="fa fa-times"></i></a>
						</td>
					</tr>
					{/loop}
					{if empty($list)}
					<tr>
						<td colspan="9">尚未添加分类</td>
					</tr>
					{/if}
				</tbody>
	</table>
	<div class="panel-footer" style="padding-top: 5px; padding-bottom: 0px;" align="center">{$pager}</div>
</div>
{/if}
{if $_GPC['op'] == 'edit'}
<div class="main">
    <form action="" method="post" class="form-horizontal form" enctype="multipart/form-data" NAME="userinfo">
        <div class="panel panel-default">
            <div class="panel-heading">
                {if empty($grade['id'])}添加商品分类{else}编辑商品分类{/if}
            </div>
            <div class="panel-body">
				<div class="form-group">
                    <label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">分类名称</label>
                    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<input type="text" class="form-control" name="data[title]" value="{$grade['title']}" />
                    </div>
                    <label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">管理</label>
                    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<div class="input-group">
							<span class="input-group-addon">状态</span>
							<select class="form-control input-medium" name="data[status]">
								<option value="0" {if '0'==(int)$grade['status']}selected{/if}>下架</option>
								<option value="1" {if '1'==$grade['status']}selected{/if}>上架</option>
							</select>
							<span class="input-group-addon">排序</span>
							<input type="text" class="form-control" name="data[displayorder]" value="{$grade['displayorder']}" />
						</div>
                    </div>
                </div>
				<div class="form-group">
                    <label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">图标</label>
                    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
					
						<div class='input-group'>
							<span class="input-group-addon" style="padding:0px;">
								<img src="{php echo tomedia($grade['thumb'])}" height="32" style="max-width:100px;" onerror="this.src='./resource/images/nopic.jpg'"/>
							</span>
							<input type="text" name="data[thumb]" maxlength="300" value="{$grade['thumb']}" class="form-control" />
							<div class='input-group-btn'>
								<button class="btn btn-default" type="button" onclick="buy_showImageDialog(this);">选择</button>
								<button class="btn btn-default" type="button" onclick="buy_deleteImage(this);">删除</button>
							</div>
						</div>
						<span class="help-block">120*120 正方形</span>
                    </div>
                    <label class="col-xs-12 col-sm-1 col-md-1 col-lg-1 control-label">简介</label>
                    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-5">
						<textarea class="form-control" name="data[description]" rows="2">{$grade['description']}</textarea>
                    </div>
                </div>
            </div>
			<div class="panel-footer" style="padding-top: 5px; padding-bottom: 5px;" align="center">
				<input type="hidden" name="token" value="{$_W['token']}" />
				<button type="submit" class="btn btn-primary span3" name="submit" value="提交" style="width:150px;">提交</button>
			</div>
        </div>
    </form>
</div>
		<script type="text/javascript">
			function buy_showImageDialog(elm, opts, options) {
				require(["util"], function(util){
					var btn = $(elm);
					var ipt = btn.parent().prev();
					var val = ipt.val();
					var img = ipt.prev().children();
					options = {'global':false,'class_extra':'','direct':true,'multiple':false,'fileSizeLimit':5120000};
					util.image(val, function(url){
						if(url.url){
							if(img.length > 0){
								img.get(0).src = url.url;
							}
							ipt.val(url.attachment);
							ipt.attr("filename",url.filename);
							ipt.attr("url",url.url);
						}
						if(url.media_id){
							if(img.length > 0){
								img.get(0).src = url.url;
							}
							ipt.val(url.media_id);
						}
					}, options);
				});
			}
			function buy_deleteImage(elm){
				$(elm).parent().prev().prev().children().attr("src", "./resource/images/nopic.jpg");
				$(elm).parent().prev().val("");
			}
		</script>
{/if}
 <script type="text/javascript">
 	require(['bootstrap'],function($){
		$('[data-toggle="tooltip"]').tooltip();
	});
		require(['jquery', 'util'], function($, u){
			$('.links').each(function(){
			  u.clip(this, $(this).attr('data-url'));
			});
		  });
</script>
{template 'common/footer'}