@(account: gitbucket.core.model.Account, groupNames: List[String], active: String,
  isGroupManager: Boolean = false)(body: Html)(implicit context: gitbucket.core.controller.Context)
@import context._
@import gitbucket.core.view.helpers._
@html.main(account.userName){
  <div class="container">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-4">
          <div class="block">
            <div class="account-image">@avatar(account.userName, 270)</div>
            <div class="account-fullname">@account.fullName</div>
            <div class="account-username">@account.userName</div>
          </div>
          <div class="block">
            @if(account.url.isDefined){
              <div><i class="octicon octicon-home"></i> <a href="@account.url">@account.url</a></div>
            }
            <div><i class="octicon octicon-clock"></i> <span class="muted">Joined on</span> @date(account.registeredDate)</div>
          </div>
          @if(groupNames.nonEmpty){
            <div>
              <div>Groups</div>
              @groupNames.map { groupName =>
                @avatarLink(groupName, 36, tooltip = true)
              }
            </div>
          }

        </div>
        <div class="col-md-8">
          <ul class="nav nav-tabs" style="margin-bottom: 5px;">
            <li@if(active == "repositories"){ class="active"}><a href="@url(account.userName)?tab=repositories">Repositories</a></li>
            @if(account.isGroupAccount){
              <li@if(active == "members"){ class="active"}><a href="@url(account.userName)?tab=members">Members</a></li>
            } else {
              <li@if(active == "activity"){ class="active"}><a href="@url(account.userName)?tab=activity">Public Activity</a></li>
            }
            @if(loginAccount.isDefined && loginAccount.get.userName == account.userName){
              <li class="pull-right">
                <div class="button-group">
                  <a href="@url(account.userName)/_edit" class="btn btn-default">Edit Your Profile</a>
                </div>
              </li>
            }
            @if(loginAccount.isDefined && account.isGroupAccount && isGroupManager){
              <li class="pull-right">
                <div class="button-group">
                  <a href="@url(account.userName)/_editgroup" class="btn btn-default">Edit Group</a>
                </div>
              </li>
            }
          </ul>
          @body
        </div>
      </div>
    </div>
  </div>
}