<div>
    <label translate>Destinataire</label>
    <div class="input text">
        <input type="text" ng-model="alert.Recipient" placeholder="{{'Enter mail here' | translate}}" />
    </div>
    <label class="error" ng-show="emailIsValid != true" translate>Mail is not valid</label>
</div>
<div>
    <label translate>Track levels</label>
    <ul class="select-notification-levels">
        <li>
            <label class="checkbox-level checkbox-all-levels">
                <input type="checkbox" ng-model="AllLevelsChecked" ng-change="SelectRemoveAll()">
                <span>{{ 'All' | translate }}</span>
            </label>
        </li>
        <li ng-repeat="l in Levels track by $index">
            <label class="checkbox-level checkbox-{{ l.label }}-level">
                <input type="checkbox" ng-model="l.checked" ng-change="CheckIfAllSelected()">
                <span>{{ l.label | translate }}</span>
            </label>
        </li>
    </ul>
    <label class="error" ng-show="levelIsValid != true" translate>You must select at least one notification level</label>
</div>