<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>