<div class="container col-md-8 offset-md-2">
  <div class="row">
    <div class="col">
      <h1>Recover your wallet</h1>
    </div>
  </div>
  <div class="row">
    <div class="col">
      <p>Welcome, please complete the form below to recover your wallet.</p>
    </div>
  </div>
  <div class="row">
    <div class="col">
      <form [formGroup]="recoverWalletForm" (ngSubmit)="onRecoverClicked()">
        <div class="form-group">
          <label>Mnemonic:</label>
          <input class="form-control" formControlName="walletMnemonic" type="text" placeholder="Enter your saved mnemonic.">
          <div *ngIf="formErrors.walletMnemonic" class="alert alert-danger">{{formErrors.walletMnemonic}}</div>
        </div>
        <div class="form-group">
          <label>Wallet password: </label>
          <input class="form-control" type="password" formControlName="walletPassword" placeholder="Enter password here.">
          <div *ngIf="formErrors.walletPassword" class="alert alert-danger">{{formErrors.walletPassword}}</div>
        </div>
        <div class="form-group">
          <label>Name:</label>
          <input class="form-control" formControlName="walletName" type="text" placeholder="Enter a name for your wallet.">
          <div *ngIf="formErrors.walletName" class="alert alert-danger">{{formErrors.walletName}}</div>
        </div>
        <div class="form-group">
          <label>Network:</label>
          <select name="network" formControlName="selectNetwork">
            <!--<option value="main">Main</option>-->
            <option value="test">Testnet</option>
            <!--<option value="stratistest">StratisTest</option>-->
          </select>
        </div>
        <div class="form-group">
          <label>Creation date:</label>
          <material-datepicker [(date)]="creationDate"></material-datepicker>
        </div>
        <div class="form-group" id="buttons">
          <button type="button" class="btn btn-outline-secondary" (click)="onBackClicked()">Back</button>
          <button type="submit" [disabled]="!recoverWalletForm.valid" class="btn ml-2">Recover Wallet</button>
        </div>
      </form>
    </div>
  </div>
</div>