<h4><a href="javascript:history.back()"><i class="fas fa-chevron-left"></i></a> <%= _lc( 'DELETE_PROFILE' ) %></h4>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <% if ( app.model.SessionUser.isGroupOwnerOfATeam() ) { %>

                <div class="card-header text-white bg-danger">
                    <i class="fas fa-info-circle"></i> <%= _lc( 'DELETION_GROUP_OWNER_INFO_HEADLINE' ) %>
                </div>
                <div class="card-body">
                    <p>
                        <strong><%= _lc( 'DELETION_GROUP_OWNER_INFO' ) %></strong>
                    </p>
                </div>
                <div class="card-footer">
                    <a href="#/configuration/profile"
                       class="btn btn-sm btn-secondary">
                        <%= _lc( 'BTN_BACK' ) %>
                    </a>
                </div>

            <% } else { %>

                <form data-id="form-profile-deletion"
                      class="needs-validation"
                      novalidate>
                    <div class="card-header text-white bg-danger">
                        <i class="far fa-hand-paper"></i> <%= _lc( 'WARNING_SLOW_DOWN' ) %>
                    </div>
                    <div class="card-body">
                        <p>
                            <strong><%= _lc( 'DO_YOU_REALLY_WANT_TO_DELETE_THIS_ACCOUNT' ) %></strong>
                        </p>
                        <div class="form-group">
                            <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                <input type="checkbox"
                                       name="profile-delete"
                                       data-id="profile-delete"
                                       id="profile-delete"
                                       class="custom-control-input"
                                       required
                                >
                                <label class="custom-control-label"
                                       for="profile-delete"><%= _lc( 'YES_AGREE_TO_PROFILE_DELETION' ) %></label>
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_CONFIRM_PROFILE_DELETION' ) %>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <a href="#/configuration/profile"
                           class="btn btn-sm btn-secondary">
                            <%= _lc( 'BTN_CANCEL' ) %>
                        </a>
                        <button type="button"
                                data-id="btn-delete-profile"
                                class="float-right btn btn-sm btn-danger">
                            <%= _lc( 'BTN_DELETE_PROFILE' ) %>
                        </button>
                    </div>
                </form>

            <% }    %>
        </div>
    </div>
</div>