<h4><a href="javascript:history.back()"><i class="fas fa-chevron-left"></i></a>&nbsp;<%= _lc( 'GROUP_DETAIL_VIEW' ) %></h4>
<ul class="nav nav-tabs page-nav">
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'details' ) ? 'active' : '' %>"
           href="#/group/<%= group.getId() %>">
            <%= _lc( 'DETAILS' ) %>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link <%= ( activeTab == 'members' ) ? 'active' : '' %>"
           href="#/group/<%= group.getId() %>/members">
            <%= _lc( 'MEMBERS' ) %>
        </a>
    </li>
    <% if ( currentProfile.isAdminOfGroup( group.getId() ) )    {   %>
        <li class="nav-item">
            <a class="nav-link <%= ( activeTab == 'invite' ) ? 'active' : '' %>"
               href="#/group/<%= group.getId() %>/invite">
                <%= _lc( 'INVITATION' ) %>
            </a>
        </li>
    <% }    %>
    <% if ( currentProfile.isAdminOfGroup( group.getId() ) )    {   %>
        <li class="nav-item">
            <a class="nav-link <%= ( activeTab == 'setting' ) ? 'active' : '' %>"
               href="#/group/<%= group.getId() %>/setting">
                <%= _lc( 'SETTING' ) %>
            </a>
        </li>
    <% }    %>
</ul>