<%=raw app.core.View.getTemplate( 'group-nav', { activeTab : 'members', group : group, currentProfile : currentProfile } ) %>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <!--
            <img c
            lass="card-img-top" src="img-system/alvaro-reyes-507651-unsplash.jpg" alt="Card image cap" />
            -->
            <div class="team-header">
                <div class="pb_cover_v3 overflow-hidden cover-bg-indigo cover-bg-opacity-8 text-left pb_gradient_v1 pb_slant-white-small"
                     style="overflow: hidden; background: url(./img-system/<%= group.getBackgroundImgUrl() %>); background-position: center;background-repeat: no-repeat;background-size: cover;height: 135px;">
                </div>
                <div class="team-logo"
                     style="position: relative">
                    <img src="<%= group.getEmblemUrl() %>"
                         style="width: 128px; height: 128px; top: -64px; margin: auto; border: 4px solid white;z-index: 11; padding: 0; "
                         class="card-img-overlay"/>
                </div>
            </div>
            <div class="card-body">
                <div class="group-members-header">
                    <i class="fas fa-users"></i> <%= _lc( 'MEMBERS' ) %> (<%= members.length %>)
                </div>
                <div class="group-members-content">
                    <div class="table-responsive">
                        <table class="table table-profiles">
                            <tbody>
                            <% for ( var mi = 0; mi < members.length; mi++ ) {  %>
                                <%=raw app.core.View.getTemplate( 'group-member-row', { m : members[ mi ], g : group } ) %>
                            <% }    %>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <% if ( currentProfile.isAdminOfGroup( group.getId() ) ) {    %>
                    <a href="#/group/<%= group.getId() %>/membermanagement"
                       class="btn btn-sm btn-primary">
                        <%= _lc( 'EDIT_MEMBERS' ) %>
                    </a>
                <% } %>
                <% if ( false ===  currentProfile.isOwnerOfGroup( group.getId() ) ) {    %>
                    <a href="#/group/<%= group.getId() %>/leave"
                       class="float-right btn btn-sm btn-danger">
                        <%= _lc( 'LEAVE_GROUP' ) %>
                    </a >
                <% }    %>
            </div>
        </div>
    </div>
</div>