.container
	h1 Invites
	a.btn.btn-default(ng-click="isAdding=true")
		span.glyphicon.glyphicon-plus
	form(ng-submit="add()",name="addform",ng-if="isAdding")
		.form-group
			label(for="username") Username
			input.form-control(id="username",name="username",ng-model="obj.username",ng-minlength="3")
		.form-group(ng-class="{'has-error': (error.fields.indexOf('newpassword') >= 0 || !addform.newPassword.$valid)}")
			label(for="newPassword") New Password
			input.form-control(id="newPassword",type="password",name="newPassword",ng-model="obj.password",ng-minlength="3")
		.form-group(ng-class="{'has-error': (obj.password != obj.repeatPassword && addform.repeatPassword.$dirty)}")
			label(for="repeatPassword") Again Password
			input.form-control(id="repeatPassword",type="password",name="repeatPassword",ng-model="obj.repeatPassword")
		button.btn.btn-primary(type="submit")
			span.glyphicon.glyphicon-floppy-disk
			| Save
	table.table.table-bordered(ng-table="tableParams")
		tr(ng-hide='group.$hideRows',ng-repeat="item in $data")
			td(data-title="'#'") {{item.invited.ID}}
			td(data-title="'Hostname'", filter="{'invited.username': 'text'}")
				span(ng-if="!item.isEditing") {{item.invited.username}}
				h4(ng-if="item.isEditing") Username: {{item.invited.username}}
				form(ng-submit="submit(obj)",name="myform",ng-if="item.isEditing")
					.form-group(ng-class="{'has-error': (error.fields.indexOf('newpassword') >= 0 || !myform.newPassword.$valid)}")
						label(for="newPassword") New Password
						input.form-control(id="newPassword",type="password",name="newPassword",ng-model="obj.newPassword",ng-minlength="3")
					.form-group(ng-class="{'has-error': (obj.newPassword != obj.repeatPassword && myform.repeatPassword.$dirty)}")
						label(for="repeatPassword") Again Password
						input.form-control(id="repeatPassword",type="password",name="repeatPassword",ng-model="obj.repeatPassword")
			td(data-title="'Administrator'", filter="{'admin': 'components/ngfilter-boolean.html'}")
				span.glyphicon.glyphicon-ok(ng-if="item.admin")
				span.glyphicon.glyphicon-remove(ng-if="!item.admin")
			td(data-title="'Option'")
				.btn-group.btn-group-xs(ng-if="item.admin || item.invited.createat >= item.invited.lastloginat")
					span.btn.btn-default(ng-click="item.isEditing = true",ng-if="!item.isEditing")
						span.glyphicon.glyphicon-pencil
					span.btn.btn-default(ng-click="item.isEditing = false",ng-if="item.isEditing")
						span.glyphicon.glyphicon-remove-circle
					span.btn.btn-default
						span.glyphicon.glyphicon-trash