<div ng-controller="wizdom365ForgetUserController as vm">
    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title">
            <h1>{{'Forget User' | translate}}</h1>
        </div>
        <div class="lt-module-page-top__actions">
            <button ng-if="vm.usersToForget" class="btn btn-default" ng-click="vm.clearListOfUsersToBeForgotten()">Clear list</button>
            <button class="btn btn-primary" ng-click="vm.forgetUser()" ng-disabled="(!vm.usersToForget || !vm.usersToForget.length > 0) || vm.forgetingUsers">Forget user(s)</button>
        </div>
    </div>

    <div class="panel lt-module-page__content-panel form-horizontal">
        <p>
            Clicking “Forget user” will anonymize that user’s full name and email in the Wizdom user database table. Any content this user has provided in the Wizdom database will have “removed” displayed as author, and all @mentions of that user in Wizdom will be replaced by “@removed”. This means that for all privacy purposes that person’s personal information is no longer stored in the Wizdom database, and that the content this person has created can no longer be associated with this person.
        </p>
        <p>
            Note there is no undo function for this. If a forgotten user logs into the solution afterwards, the user will appear as a new user.
        </p>
        <br />
        <div class="form-group row">
            <div class="col-sm-4">
                <label class="control-label">{{'Select user(s)' | translate}}</label>
            </div>
            <div class="col-sm-8">
                <div wizdom365-principalpicker principals="vm.usersToForget" mode="users" redudantsearchdb="true"></div>
            </div>
        </div>
    </div>
</div>
