.container
	h1 Domains
	table.table.table-bordered(ng-table="tableParams")
		tr(ng-hide='group.$hideRows',ng-repeat="item in $data")
			td(data-title="'User'", filter="{'profil.login.username': 'text'}") {{item.profil.login.username}}
			td(data-title="'Domain'", filter="{'fqdn': 'text'}")
				span(ng-if="!item.isEditing") {{item.fqdn}}
				h4(ng-if="item.isEditing") Domain: {{item.fqdn}}
				form(name="myform",ng-if="item.isEditing")
					.form-group
						label(for="domain") Domain
						input.form-control(id="domain",name="domain",ng-model="item.fqdn",ng-minlength="3")
					.form-group
						label
							input(type="checkbox",ng-model="item.active")
							| Active
					.form-group
						label
							input(type="checkbox",ng-model="item.web")
							| Web
					.form-group
						label
							input(type="checkbox",ng-model="item.mail")
							| Mail
					button.btn.btn-primary(type="submit",ng-click="edit(item)")
						span.glyphicon.glyphicon-floppy-disk
						| Save
			td(data-title="'Active'", filter="{'active': 'components/ngfilter-boolean.html'}")
				span.glyphicon.glyphicon-ok(aria-hidden="true",ng-if="item.active")
				span.glyphicon.glyphicon-lock(aria-hidden="true",ng-if="!item.active")
			td(data-title="'Funktions'")
				a(ng-if="item.mail && !item.isEditing && item.active")
					span.glyphicon.glyphicon-envelope(aria-hidden="true")
					| Mail
				|  
				a(ng-if="item.web && !item.isEditing && item.active")
					span.glyphicon.glyphicon-globe(aria-hidden="true")
					| Web
			td(data-title="'Option'")
				.btn-group.btn-group-xs
					span.btn.btn-default(ng-click="item.isEditing = true",ng-if="!item.isEditing")
						span.glyphicon.glyphicon-pencil
					span.btn.btn-default(ng-click="edit(item)",ng-if="item.isEditing")
						span.glyphicon.glyphicon-remove-circle
					span.btn.btn-default(ng-click="delete(item)")
						span.glyphicon.glyphicon-trash