<div style="padding-left:10px;padding-right:10px;" ng-controller="PageTranslationConfigurationController as vm">
	<wizdom365-spinner style="position: absolute; top: 50%; left: 50%;" loading="loading"></wizdom365-spinner>

	<h2>
		<button class="btn btn-primary wide-config-btn ng-binding" ng-disabled="saving" ng-click="vm.saveConfig()">
			Save configuration
		</button>
	</h2>
    <p>{{'Values are cached for up to 30 mins' | translate}}</p>
	<h2 class="remove-top-margin">{{'Languages' | translate}}</h2>

	<table class="table table-striped">
		<tr>
			<th>
				{{'Active' | translate}}
			</th>
			<th>
				{{'Language' | translate}}
			</th>
			<th>
				{{'Localized language' | translate}}
			</th>
			<th>
				{{'Language code' | translate}}
			</th>
		</tr>
		<tr ng-repeat="item in vm.languageKeys | orderBy:sortColumn:sortReverse">
			<td style="white-space: nowrap;"><input type="checkbox" ng-checked="vm.checkSelected(item);" ng-click="vm.languageClicked(item)" /></td>
			<td>{{vm.languageMap[item]}}</td>
			<td>{{vm.languageMapLocallized[item]}}</td>
			<td>{{item}}</td>
		</tr>
	</table>
</div>