<%=raw app.core.View.getTemplate( 'group-nav', { activeTab : null, 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/alvaro-reyes-507651-unsplash.jpg); 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">
                <p class="text-danger">
                    <strong><%= _lc( 'DO_YOU_REALLY_WANT_TO_LEAVE_THIS_GROUP' ) %></strong>
                </p>
                <p>
                    <%= _lc( 'CONSEQUENCES_OF_LEAVING_GROUP' ) %>
                </p>
                <form data-id="form-group-leave"
                      class="needs-validation"
                      novalidate>
                    <div class="form-group">
                        <div class="custom-control custom-checkbox my-1 mr-sm-2">
                            <input type="checkbox"
                                   name="group-leave-accept"
                                   data-id="group-leave-accept"
                                   id="group-leave-accept"
                                   class="custom-control-input"
                                   required />
                            <label class="custom-control-label"
                                   for="group-leave-accept"><%= _lc( 'YES_AGREE_TO_GROUP_LEAVE' ) %></label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="col">
                        <a href="#/group/<%= group.getId() %>/members"
                           class="btn btn-sm btn-primary">
                            <%= _lc( 'BTN_CANCEL' ) %>
                        </a>
                        <% if ( false === currentProfile.isOwnerOfGroup( group.getId() ) ) {  %>
                        <button type="button"
                                data-id="btn-leave-group"
                                class="float-right btn btn-sm btn-danger">
                            <%= _lc( 'BTN_LEAVE_GROUP' ) %>
                        </button>
                        <% }    %>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>