.container
	h1 Web
	a.btn.btn-default(ng-click="isAdding=true")
		span.glyphicon.glyphicon-plus
	form.well(ng-submit="add()",name="addform",ng-if="isAdding")
		.form-group
			label(for="subdomain") Subdomain
			.input-group
				input.form-control(id="subdomain",name="subdomain",ng-model="obj.subdomain")
				span.input-group-addon .{{domain.fqdn}}
		.form-group
			label
				input(type="checkbox",ng-model="obj.php")
				| PHP
		.form-group
			label
				input(type="checkbox",ng-model="obj.ssl")
				| SSL
		.form-group
			label
				input(type="checkbox",ng-model="obj.sslredirect")
				| SSL-Redirect
		.form-group
			label(for="redirect") Redirect
			input.form-control(id="redirect",name="redirect",ng-model="obj.redirect")
		.form-group
			label(for="proxy") Proxy
			input.form-control(id="proxy",name="proxy",ng-model="obj.proxy")
		.form-group
			label FTP Access
			ui-select(ng-model="obj.ftpaccess",multiple,on-select="newUser(obj.ftpaccess, $model)")
				ui-select-match {{$item.login.username}}
				ui-select-choices(repeat="i in loginlist | afterKeyID:obj.ftpaccess:'login' | filter: $select.search")
					div(ng-bind-html="i.username | highlight: $select.search")
		.form-group
			label HTTP Access
			ui-select(ng-model="obj.httpaccess",multiple,on-select="newUser(obj.httpaccess, $model)")
				ui-select-match {{$item.login.username}}
				ui-select-choices(repeat="i in loginlist | afterKeyID:obj.httpaccess:'login' | filter: $select.search")
					div(ng-bind-html="i.username | highlight: $select.search")
		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="'Domain'")
				span(ng-if="!item.isEditing")
					span(ng-if="item.subdomain != ''") {{item.subdomain}}.
					| {{item.domain.fqdn}}
				h4(ng-if="item.isEditing") {{item.subdomain}}.{{item.domain.fqdn}}
				form(name="myform",ng-if="item.isEditing")
					.form-group
						label(for="subdomain") Subdomain
						.input-group
							input.form-control(id="subdomain",name="subdomain",ng-model="item.subdomain")
							span.input-group-addon .{{item.domain.fqdn}}
					.form-group
						label
							input(type="checkbox",ng-model="item.php")
							| PHP
					.form-group
						label
							input(type="checkbox",ng-model="item.ssl")
							| SSL
					.form-group
						label
							input(type="checkbox",ng-model="item.sslredirect")
							| SSL-Redirect
					.form-group
						label(for="redirect") Redirect
						input.form-control(id="redirect",name="redirect",ng-model="item.redirect")
					.form-group
						label(for="proxy") Proxy
						input.form-control(id="proxy",name="proxy",ng-model="item.proxy")
					.form-group
						label FTP Access
						ui-select(ng-model="item.ftpaccess",multiple,on-select="newUser(item.ftpaccess, $model)")
							ui-select-match {{$item.login.username}}
							ui-select-choices(repeat="i in loginlist | afterKeyID:item.ftpaccess:'login' | filter: $select.search")
								div(ng-bind-html="i.username | highlight: $select.search")
					.form-group
						label HTTP Access
						ui-select(ng-model="item.httpaccess",multiple,on-select="newUser(item.httpaccess, $model)")
							ui-select-match {{$item.login.username}}
							ui-select-choices(repeat="i in loginlist | afterKeyID:item.httpaccess:'login' | filter: $select.search")
								div(ng-bind-html="i.username | highlight: $select.search")
					button.btn.btn-primary(type="submit",ng-click="edit(item)")
						span.glyphicon.glyphicon-floppy-disk
						| Save
			td(data-title="'FTPAccess'")
				ul
					li(ng-repeat="i in item.ftpaccess") {{i.login.username}}
			td(data-title="'HTTPAccess'")
				ul
					li(ng-repeat="i in item.httpaccess") {{i.login.username}}
			td(data-title="'Features'")
				span.glyphicon.glyphicon-cd(ng-if="item.php")
				span.glyphicon.glyphicon-lock(ng-if="item.ssl")
				span.glyphicon.glyphicon-share(ng-if="item.sslredirect")
				span.glyphicon.glyphicon-share-alt(ng-if="item.redirect")
				span.glyphicon.glyphicon-send(ng-if="item.proxy")
			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