<div ng-controller="wizdom365RemoveUsersPushRegistrationsController as vm">
    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title">
            <h1>{{'Remove users push registrations' | 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.removeUsersPushRegistrations()" ng-disabled="!vm.usersToForget">Remove users(s) registrations</button>
        </div>
    </div>

    <div class="panel lt-module-page__content-panel form-horizontal">
        <p>
            Clicking “Remove user(s) registrations ” will remove all device registrations in connected notification hubs for that user. The user will then no longer be able to receive push messages on registered devices, until those devices are registered again. Be aware that this happens automatically, if the user still has access to any mobile apps that are authorized to access this tenant.
        </p>
        <p>
            Note there is no undo function for this, but the user(s) will easily be able to enable push again, by opening any mobile apps and allow them to register for push again.
        </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"></div>
            </div>
        </div>
    </div>
</div>