<div class="form-content">
	<md-card class="two-row">
		<div class="avatar">
			<eee-avatar eee-type="'group'"
						eee-receiver="ctrl.receiver"
						eee-resolution="'high'"></eee-avatar>
		</div>
		<div>

			<md-card-title>
				<md-card-title-text>
					<span class="md-headline">
						<span translate>messenger.GROUP_CREATOR</span>
						<span ng-if="ctrl.receiver.createdAt"> ({{ctrl.receiver.createdAt}})</span>
					</span>
				</md-card-title-text>
			</md-card-title>
			<md-card-content>
				<eee-contact-badge
						eee-identity="ctrl.receiver.administrator"
						eee-linked="ctrl.receiver.administrator != ctrl.me.id"
						ng-class="{'linked': ctrl.receiver.administrator != ctrl.me.id}">
				</eee-contact-badge>
			</md-card-content>
			<md-card-title>
				<md-card-title-text>
					<span class="md-headline">
						<span translate>messenger.GROUP_MEMBERS</span>
						<span> ({{ctrl.receiver.members.length}}/{{ctrl.controllerModel.getMaxMemberSize()}})</span>
					</span>
				</md-card-title-text>
			</md-card-title>
			<md-card-content>
				<ul class="member-list">
					<li ng-repeat="memberIdentity in ctrl.receiver.members">
						<eee-contact-badge
								eee-identity="memberIdentity"
								eee-linked="memberIdentity != ctrl.me.id"
								ng-class="{'linked': memberIdentity != ctrl.me.id}">
						</eee-contact-badge>
					</li>
				</ul>

			</md-card-content>
		</div>
	</md-card>

	<md-card>
		<md-card-content>
			<section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
				<md-button ng-disabled="!ctrl.receiver.access.canSync" class="md-raised" ng-click="ctrl.controllerModel.sync($event)">
					<span translate>messenger.GROUP_SYNC</span>
				</md-button>
				<md-button ng-disabled="!ctrl.controllerModel.canClean()" class="md-raised" ng-click="ctrl.controllerModel.clean($event)">
					<span translate>messenger.DELETE_THREAD</span>
				</md-button>
				<md-button ng-disabled="!ctrl.receiver.access.canLeave" class="md-raised " ng-click="ctrl.controllerModel.leave($event)">
					<span translate>messenger.GROUP_LEAVE</span>
				</md-button>
				<md-button ng-disabled="!ctrl.receiver.access.canDelete" class="md-raised md-warn" ng-click="ctrl.controllerModel.delete()">
					<span translate>messenger.GROUP_DELETE</span>
				</md-button>
			</section>
		</md-card-content>
	</md-card>
</div>
