<ion-view class="settings">
  <ion-nav-bar class="bar-royal">
    <ion-nav-title>
      {{'Wallet Settings'|translate}}
    </ion-nav-title>
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>
  <ion-content>
    <div class="list settings-list">
      <div class="item item-divider"></div>
      <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesAlias">
        <span translate>Name</span>
        <span class="item-note">
          {{wallet.name}}
        </span>
        <i class="icon bp-arrow-right"></i>
      </a>
      <a class="item" ng-show="wallet.isPrivKeyExternal()">
        <span translate>Hardware Wallet</span>
        <span class="item-note">
          {{externalSource}}
        </span>
      </a>
      <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesColor">
        <span translate>Color</span>
        <span class="item-note">
          <span class="settings-color-block" ng-style="{'background-color': wallet.color, 'color': wallet.color}"></span>
        </span>
        <i class="icon bp-arrow-right"></i>
      </a>
      <a class="item has-setting-value item-icon-right" ui-sref="tabs.preferences.preferencesEmail">
        <span class="setting-title" translate>Email Notifications</span>
        <span class="setting-value">
          <span ng-if="!wallet.email" translate>Disabled</span>
          <span ng-if="wallet.email">{{wallet.email}}</span>
        </span>
        <i class="icon bp-arrow-right"></i>
      </a>
      <div class="item item-divider" translate>
        Security
      </div>
      <a class="item item-icon-right" ui-sref="tabs.preferences.backupWarning({from: 'tabs.preferences'})" ng-hide="wallet.isPrivKeyExternal()">
        <span translate>Backup</span>
        <i class="icon bp-arrow-right"></i>
      </a>
      <div ng-show="wallet.canSign()">
        <ion-toggle ng-model="encryptEnabled.value" toggle-class="toggle-balanced" ng-change="encryptChange()">
          <span class="toggle-label" translate>Request Spending Password</span>
        </ion-toggle>
      </div>
      <div ng-show="wallet.canSign() && touchIdAvailable">
        <ion-toggle  ng-model="touchIdEnabled.value" toggle-class="toggle-balanced" ng-change="touchIdChange()">
          <span class="toggle-label" translate>Request Fingerprint</span>
        </ion-toggle>
      </div>
      <div class="item item-divider"></div>
      <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesAdvanced">
        <span translate>More Options</span>
        <i class="icon bp-arrow-right"></i>
      </a>
    </div>
  </ion-content>
</ion-view>
