<div ng-show="importErr" class="padding assertive" ng-click="importErr = null">
  <div translate>Could not access the wallet at the server. Please check:</div>
  <ul>
    <li translate>The password of the recovery phrase (if set)</li>
    <li translate>The derivation path</li>
    <li translate>The wallet service URL</li>
  </ul>
  <div translate>
    NOTE: To import a wallet from a 3rd party software, please go to Add Wallet &gt; Create Wallet, and specify the Recovery Phrase there.
  </div>
</div>

<form name="importForm12" ng-submit="importMnemonic(importForm12)" novalidate>
  <div class="list card">
    <div class="row">
      <div class="col col-90">
        <label class="item item-input item-stacked-label no-border">
          <span class="input-label" translate>Type the Recovery Phrase (usually 12 words)</span>
          <textarea ng-model="formData.words"
                    rows="3"
                    autocapitalize="off"
                    spellcheck="false"></textarea>
        </label>
      </div>
      <div class="col text-center">
        <qr-scanner class="qr-icon size-24" on-scan="processWalletInfo(data)"></qr-scanner>
      </div>
    </div>

    <ion-toggle ng-model="showAdv" toggle-class="toggle-stable">
      <span translate ng-show="!showAdv">Show advanced options</span>
      <span translate ng-show="showAdv">Hide advanced options</span>
    </ion-toggle>

    <div ng-show="showAdv">
      <label class="item item-input item-stacked-label">
        <span class="input-label" translate>Password</span>
        <input type="text"
        placeholder="{{'The recovery phrase could require a password to be imported'|translate}}"
        autocapitalize="off"
        ng-model="formData.passphrase">
      </label>

      <label class="item item-input item-stacked-label">
        <span class="input-label" translate>Derivation Path</span>
        <input type="text"
        placeholder="{{'BIP32 path for address derivation'|translate}}"
        ng-model="formData.derivationPath">
      </label>

      <label class="item item-input item-stacked-label">
        <span class="input-label">Wallet Service URL</span>
        <input type="text" ng-model="formData.bwsurl">
      </label>

      <ion-toggle ng-model="formData.testnetEnabled" ng-change="setDerivationPath()" toggle-class="toggle-positive">
        Testnet
      </ion-toggle>
    </div>
  </div>

  <button type="submit"
    class="button button-block button-positive"
    ng-disabled="importForm12.$invalid" translate>Import
  </button>
</form>
