<h2>
	{{ 'systemSignaturePolicies' | translate }}
</h2>
<p>
	{{ 'spCreatePolicySubtitle' | translate }}
</p>

<div ng-show="policies == null" class="loading-panel"></div>
<div class="row" ng-show="policies != null">
	<div class="col-md-6">
		<div class="list-group">
			<a ng-repeat="policy in policies | filter: { 'isReadOnly': false } | orderBy: '+type'" class="list-group-item" href="" ng-click="showPolicy(policy)">
				{{ policy.name }}
				<span class="pull-right">
					<span class="label label-default">{{ policy.type }}</span>
				</span>
			</a>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-6">
		<div class="input-group">
			<input type="text" class="form-control" ng-model="newName" placeholder="{{ 'spNewNamePlaceholder' | translate }}">
			<span class="input-group-addon">{{ 'spOfType' | translate }}</span>
			<select class="form-control" ng-options="type as ('signaturePolicyType_' + type | translate) for type in policyTypes" ng-model="newType"></select>
			<span class="input-group-btn">
				<button class="btn btn-success" ng-disabled="!newName" ng-click="create()">{{ 'create' | translate }}</button>
			</span>
		</div>
	</div>
</div>
