<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 ng-include="'views/includes/walletItem.html'"></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 item-icon-right" ui-sref="tabs.preferences.preferencesColor">
        <span translate>Color</span>
        <span class="item-note">
          <span class="settings-color-block"
          ng-class="{'wallet-background-color-default': !wallet.color, 'wallet-color-default': !wallet.color}"
          ng-style="{'background-color': wallet.color, 'color': wallet.color}"></span>
        </span>
        <i class="icon bp-arrow-right"></i>
      </a>

      <ion-toggle ng-model="hiddenBalance.value" toggle-class="toggle-balanced" ng-change="hiddenBalanceChange()">
        <span class="toggle-label" translate>Hide Balance</span>
      </ion-toggle>

      <div class="item item-divider" ng-hide="wallet.isPrivKeyExternal() || !wallet.canSign()" 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>
        <span class="right text-light assertive" ng-show="wallet.needsBackup">
          {{'Backup needed' | translate}}
        </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()" ng-disabled="wallet.needsBackup">
          <span ng-class="{'disabled': wallet.needsBackup}" class="toggle-label" translate>Request Spending Password</span>
        </ion-toggle>
        <div class="comment">
          <span translate>
            If enabled, all sensitive information (private key and recovery phrase) and actions (spending and exporting) associated with this wallet will be protected.
          </span>
          <span class="text-light assertive" ng-show="wallet.needsBackup" translate>
            Complete the backup process to use this option
          </span>
        </div>
      </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>
