.container
	h1 Domains
	.panel.panel-default
		table.table(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",ui-sref="app.host.mail({domainid:item.ID})")
						span.glyphicon.glyphicon-envelope(aria-hidden="true")
						| Mail
					a(ng-if="item.web && !item.isEditing && item.active",ui-sref="app.host.web({domainid:item.ID})")
						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