<ion-view id="tab-notifications" class="settings">
  <ion-nav-bar class="bar-royal">
    <ion-nav-title>{{'Notifications' | translate}}</ion-nav-title>
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>

  <ion-content>
    <div class="list">
      <div ng-if="PNEnabledByUser">
        <ion-toggle ng-model="pushNotifications.value" toggle-class="toggle-balanced" ng-change="pushNotificationsChange()" ng-if="usePushNotifications">
          <span class="toggle-label" translate>Enable push notifications</span>
        </ion-toggle>
      </div>

      <div ng-if="!PNEnabledByUser && isIOSApp">
        <div class="padding text-light" translate>
          Push notifications for {{appName}} are currently disabled. Enable them in the Settings app.
        </div>
      </div>

      <ion-toggle ng-model="emailNotifications.value" toggle-class="toggle-balanced" ng-change="emailNotificationsChange()">
        <span class="toggle-label" translate>Enable email notifications</span>
      </ion-toggle>

      <div ng-if="emailNotifications.value">
        <div class="settings-explanation">
          <div class="settings-description" translate>
            You'll receive email notifications about payments sent and received from your wallets.
          </div>
        </div>

        <form name="emailForm" ng-submit="save()" novalidate>
          <div class="list settings-input-group">
            <label class="item item-input item-stacked-label">
              <span class="input-label" translate>Email Address</span>
              <input type="email" id="email" name="email" ng-model="newEmail.value" required></input>
            </label>
          </div>
          <button type="submit"
            class="button button-standard button-primary"
            ng-disabled="emailForm.$invalid || (newEmail.value == latestEmail.value)" translate>Save
          </button>
        </form>
      </div>
    </div>
  </ion-content>
</ion-view>
