{template 'common/header'}
<ul class="we7-page-tab">
	{loop $active_sub_permission $active_menu}
	{if permission_check_account_user($active_menu['permission_name'], false) && (empty($active_menu['is_display']) || is_array($active_menu['is_display']) && in_array($_W['account']['type'], $active_menu['is_display']))}
	<li {if $action == $active_menu['active']}class="active"{/if}><a href="{$active_menu['url']}">{$active_menu['title']}</a></li>
	{/if}
	{/loop}
</ul>

<div class="site-template" id="js-wesite-tpl-display" ng-controller="WesiteTplDidplay" ng-cloak>
	<div class="search-box" clearfix">
		<select class="we7-margin-right" onchange="location.href=this.value">
			<option value="{{links.template}}&keyword={$_GPC['keyword']}&type=all">全部模板类型</option>
			<option value="{{links.template}}&keyword={$_GPC['keyword']}&type={{temtype.name}}"
					ng-repeat="temtype in temtypes"
					ng-selected="type == temtype.name"
					ng-bind="temtype.title"
			>
			</option>
		</select>
		<form action="" method="get" class="search-form">
			<input type="hidden" name="c" value="site">
			<input type="hidden" name="a" value="style">
			<input type="hidden" name="do" value="template">
			<input type="hidden" name="type" value="{{type}}">
			<div class="input-group col-sm-4">
				<input type="text" name="keyword" value="{$_GPC['keyword']}" class="form-control" placeholder="请输入模板名称">
				<span class="input-group-btn"><button class="btn btn-default"><i class="fa fa-search"></i></button></span>
			</div>
		</form>
	</div>
	<div class="site-template-list">
		<div class="site-template-item" ng-class="{'active' : style.styleid == setting.styleid}" ng-repeat="style in stylesResult" ng-if="style.styleid">
			
			<div class="site-template-img" ng-click="selectDefault(style.styleid)">
				<img ng-src="../app/themes/{{style.name}}/preview.jpg" alt="{{style.name}}"/>
				<div class="cover-dark">
					<div class="selected">
						<i class="wi wi-right"></i>
						<p>设置为默认模板</p>
					</div>
				</div>
			</div>
			<h2 class="site-template-title">{{style.title}} ({{style.name}})</h2>
			<div class="site-template-manage">
				<a ng-href="{{links.designer}}&styleid={{style.styleid}}" class="manage-item" data-toggle="tooltip" data-placement="bottom" title="设计风格"><i class="wi wi-text"></i></a>
				<a ng-href="{{links.copy}}&styleid={{style.styleid}}" class="manage-item" data-toggle="tooltip" data-placement="bottom" title="复制风格"><i class="wi wi-copy"></i></a>
				<a href="javascript:;" class="manage-item" ng-click="preview(style.styleid)" data-toggle="tooltip" data-placement="bottom" title="预览"><i class="wi wi-eye"></i></a>
				<a href="javascript:void(0);" class="manage-item" ng-click="deleteStyle(links.del, style.styleid)" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="wi wi-delete2"></i></a>
			</div>
		</div>
		<div class="site-template-item" ng-repeat="style in stylesResult" ng-if="!style.styleid">
			<div class="cover-lock">
				<div class="lock">
					<a ng-href="{{links.build}}&styleid={{style.templateid}}" class="btn btn-warning item-build-btn" role="button" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="该模板尚未激活，激活后可正常使用！" data-original-title="" title="">点击激活</a>
				</div>
			</div>
			<div class="site-template-img">
				<img src="../app/themes/{{style.name}}/preview.jpg"/>
				<div class="cover-dark">
					<div class="selected">
						<i class="wi wi-right"></i>
						<p>设置为默认模板</p>
					</div>
				</div>
			</div>
			<h2 class="site-template-title">{{style.title}} ({{style.name}})</h2>
			<div class="site-template-manage">
				<a href="javascript:;" class="manage-item" title="设计风格"><i class="wi wi-text"></i></a>
				<a href="javascript:;" class="manage-item" title="复制风格"><i class="wi wi-template"></i></a>
				<a href="javascript:;" class="manage-item" class="预览"><i class="wi wi-eye"></i></a>
				<a href="javascript:;" class="manage-item" title="删除"><i class="wi wi-delete2"></i></a>
			</div>
		</div>
	</div>
</div>
<script>
	$(function () {
		$("[data-toggle='popover']").popover();
	});
	angular.module('wesiteApp').value('config', {
		stylesResult: {php echo !empty($stylesResult) ? json_encode($stylesResult) : 'null'},
		temtypes: {php echo !empty($temtypes) ? json_encode($temtypes) : 'null'},
		type: {php echo !empty($_GPC['type']) ? json_encode($_GPC['type']) : 'null'},
		setting: {php echo !empty($setting) ? json_encode($setting) : 'null'},
		links: {
			template: "{php echo url('site/style/template')}",
			default: "{php echo url('site/style/default')}",
			designer: "{php echo url('site/style/designer')}",
			copy: "{php echo url('site/style/copy')}",
			build: "{php echo url('site/style/build')}",
			del: "{php echo url('site/style/del')}",
			home: "{php echo murl('home', array(), true, true)}",
		},
	});

	angular.bootstrap($('#js-wesite-tpl-display'), ['wesiteApp']);
</script>
{template 'common/footer'}