<div class="modal-header">
	<h3 class="modal-title">{{'Edit Swimlanes' | translate}}</h3>
</div>
<div class="modal-body">
	<div class="col-sm-12">
		<!-- Swimlanes -->
		<ul class="list-group">
			<li ng-repeat="swimlane in swimlanes" class="list-group-item">
				{{swimlane}}
				<button ng-click="remove(swimlane)" type="button" class="btn btn-xs pull-right">
					<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
				</button>
				<button ng-click="moveUp(swimlane, $first)" type="button" class="btn btn-xs pull-right">
					<span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
				</button>
				<button ng-click="moveDown(swimlane, $last)" type="button" class="btn btn-xs pull-right">
					<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
				</button>
			</li>
		</ul>
		<!-- 'Add swimlane'-input -->
		<div ng-form name="swimlane.form">
			<div class="form-group">
				<div class="input-group">
					<input ng-model="swimlane.name" name="name" type="text" class="form-control" kanban-unique="swimlanes" required />
					<span class="input-group-btn">
						<button ng-click="add()" type="button" class="btn btn-primary" ng-disabled="!swimlane.form.$valid">
							{{'Add swimlane' | translate}}
						</button>
					</span>
				</div>
				<small ng-if="swimlane.form.name.$error.required">{{'Swimlane name is required' | translate}}</small>
				<small ng-if="swimlane.form.name.$error.unique">{{'Swimlane name already in use' | translate}}</small>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
</div>
<div class="modal-footer">
	<button ng-if="swimlanesChanged()" ng-click="save()" type="button" class="btn btn-primary wiz-btn-padding">{{'Save' | translate}}</button>
	<button ng-click="close()" type="button" class="btn btn-default wiz-btn-padding">{{swimlanesChanged() ? 'Cancel' : 'Close' | translate}}</button>
</div>
