<div class="navbar">
	<div class="navbar-inner">
		<div class="left">
			<a href="javascript:void(0)" class="link icon-only back" data-bind="click: function () { $root.gotoContactList(); }">
				<i class="icon icon-back"></i>
				<!--_i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}-->
			</a>
		</div>

		<div class="center sliding" data-bind="visible: !edited() && !isNew(), i18n: {'key': '%MODULENAME%/HEADING_VIEW_GROUP'}"></div>

		<div class="right">
			<a href="javascript:void(0)" class="link icon-only aurora-icons delete" data-bind="click: function() { $root.deleteGroup(uuid()); }">
				<i class="icon"></i>
				<!--_i18n: {'key': '%MODULENAME%/ACTION_DELETE_GROUP'}-->
			</a>
			<a href="javascript:void(0)" class="link icon-only aurora-icons edit" data-bind="click: function (oItem) { $root.editGroup(oItem); }">
				<i class="icon"></i>
				<!--_i18n: {'key': '%MODULENAME%/ACTION_EDIT_GROUP'}-->
			</a>
			<a href="javascript:void(0)" class="link icon-only aurora-icons new_message" data-bind="click: function() { $root.mailGroup($data); }">
				<i class="icon"></i>
				<!--_i18n: {'key': '%MODULENAME%/ACTION_EMAIL_TO_GROUP'}-->
			</a>
		</div>
	</div>
</div>


<div class="page-content">
	<div class="content-block-title" data-bind="i18n: {'key': '%MODULENAME%/HEADING_VIEW_GROUP'}, visible: !isNew()"></div>
	
	<div class="list-block">
		<ul>
			<li data-bind="visible: '' !== name()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_GROUP_NAME'}"></div>
						<div class="item-after" data-bind="text: name"></div>
					</div>
				</div>
			</li>
		</ul>
		<ul data-bind="visible: '' !== isOrganization()">
			<li data-bind="visible: '' !== email()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></div>
						<div class="item-after" data-bind="text: email"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== company()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_COMPANY'}"></div>
						<div class="item-after" data-bind="text: company"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== country()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_COUNTRY'}"></div>
						<div class="item-after" data-bind="text: country"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== state()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_STATE'}"></div>
						<div class="item-after" data-bind="text: state"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== city()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_CITY'}"></div>
						<div class="item-after" data-bind="text: city"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== street()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_STREET'}"></div>
						<div class="item-after" data-bind="text: street"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== zip()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_ZIP'}"></div>
						<div class="item-after" data-bind="text: zip"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== phone()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_PHONE'}"></div>
						<div class="item-after" data-bind="text: phone"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== fax()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_FAX'}"></div>
						<div class="item-after" data-bind="text: fax"></div>
					</div>
				</div>
			</li>
			<li data-bind="visible: '' !== web()">
				<div class="item-content">
					<div class="item-inner">
						<div class="item-title label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_WEB'}"></div>
						<div class="item-after" data-bind="text: web"></div>
					</div>
				</div>
			</li>
		</ul>
	</div>
	
	<span class="button" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SEE_EMAILS_WITH_GROUP'}, click: function() { $root.viewAllMails(); }, visible: $root.bAllowSearchMessagesInInbox && $root.selectedGroupEmails().length > 0" ></span>
</div>


