<%=raw app.core.View.getTemplate( 'group-nav', { activeTab : 'setting', group : group, currentProfile : currentProfile } ) %>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <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">
                <p>
                    <strong><%= _lc( 'APPOINTMENT_EXPORT' ) %></strong>
                </p>
                <p>
                    <%= _lc( 'APPOINTMENT_EXPORT_DESC' ) %>
                </p>
                <div class="form-group">
                    <input type="text"
                           data-id="input-group-ical"
                           class="form-control reverse pb_height-50"
                           value="<%= app.core.App.getConfig( 'url' ) %>/ical/<%= group.getPublicId() %>/probuddy.ics" />
                </div>
            </div>
            <div class="card-footer">
                <button type="button"
                        data-id="btn-copy-ical-group-link"
                        class="btn btn-primary btn-sm">
                    <i class="fas fa-copy"></i> <%= _lc( 'BTN_COPY_LINK_TO_CLIPBOARD' ) %>
                </button>
            </div>
        </div>
    </div>
</div>