<div ng-controller="Wizdom365FAQAdministrationOverviewController" class="faq lt-module-page">

	<div class="lt-module-page__top lt-module-page-top">
		<div class="lt-module-page-top__title">
			<h1>FAQ Overview</h1>
		</div>
		<div class="lt-module-page-top__actions">
			<button class="btn btn-primary" ng-click="editSet({},true)" type="button">{{"Create FAQ set" | translate}}</button>
		</div>
	</div>

	<div class="panel panel-default lt-module-page__content-panel">
		<div class="panel-heading">{{'FAQ sets' | translate}}</div>
		<ul class="list-group lt-list" ng-show="globalSets.length">

			<li class="list-group-item lt-list__item lt-flextable__table">
				<div class="lt-flextable__row lt-flextable__row-heading">{{'Title' | translate}}</div>
				<div class="lt-flextable__row lt-flextable__row-heading">{{'Is global' | translate}}</div>
				<div class="lt-flextable__row lt-flextable__row-heading"></div>
			</li>

			<li class="list-group-item lt-list__item lt-flextable__table" ng-repeat="set in globalSets track by $index">
				<div class="lt-list-item__title lt-list-item__title lt-flextable__row">{{set.title}}</div>
				<div class="lt-flextable__row">
					<span ng-show="set.isGlobal">{{'Yes' | translate}}</span>
					<span ng-hide="set.isGlobal">{{'No' | translate}}   (<a href="" ng-click="setAsGlobal(set.id)">{{'Make set global' | translate}}</a>)</span>
				</div>
				<div class="lt-list-item__actions lt-flextable__row">
					<span class="streamline icon-pencil-1" aria-hidden="true" ng-click="editSet(set,false)"></span>
					<span class="streamline icon-bin-1" ng-click="deleteSet(set)" aria-hidden="true"></span>
				</div>
			</li>
		</ul>
		<div wizdom365-spinner="" loading="loading"></div>
	</div>

	
</div>