<script type="text/ng-template" id="modals/keychain.html">
	<div id="keychainModal" class="modal hide fade" tabindex="-1" role="dialog">
		<form name="keychainForm" class="form-horizontal" ng-submit="submit()">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 ng-hide="data.id">Add new password</h3>
				<h3 ng-show="data.id">Edit password</h3>
			</div>
			<div class="modal-body">

				<div class="control-group">
					<label class="control-label label-required" for="keychainType">Type:</label>
					<div class="controls">
						<select name="keychainType" ng-model="data.type" required>
							<option value="windows">Windows</option>
							<option value="osx">Apple OSX</option>
							<option value="icloud">iCloud</option>
							<option value="email">Email</option>
							<option value="skype">Skype</option>
						</select>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label label-required" for="keychainUsername">Username:</label>
					<div class="controls">
						<input id="keychainUsername" type="text" name="username" ng-model="data.username" required>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="keychainPassword">Password:</label>
					<div class="controls">
						<input id="keychainPassword" type="password" name="password" ng-model="data.password" required>
					</div>
				</div>

			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
				<button class="btn btn-primary" ng-hide="data.id">Create</button>
				<button class="btn btn-warning" ng-show="data.id">Update</button>
			</div>
		</form>
	</div>
</script>