<section id="breeze">
  <div class="login d-flex align-items-center text-center">
    <div class="container">
      <p class="textback text-left mb-5 offset-3 row"><a (click)="onBackClicked()">Back</a></p>
      <h3 class="display-5">Welcome</h3>
      <div class="row d-flex justify-content-center">
        <form class="col-md-6 col-xs-12 text-left" [formGroup]="createWalletForm">
          <!--<div class="form-group has-success">-->
          <div class="form-group">
            <label class="col-12 row" for="walletName">Name</label>
            <input type="text" class="form-control form-control-success" formControlName="walletName" id="walletName" placeholder="Enter a wallet name.">
            <div *ngIf="formErrors.walletName" class="text-danger mt-2">{{ formErrors.walletName }}</div>
          </div>
          <div class="form-group">
            <label class="text-left" for="walletPassword">Password</label>
            <input type="password" class="form-control form-control-success" formControlName="walletPassword" id="walletPassword" placeholder="Enter a password.">
            <div *ngIf="formErrors.walletPassword" class="text-danger mt-2">{{ formErrors.walletPassword }}</div>
          </div>
          <div class="form-group">
            <label class="text-left" for="walletPasswordConfirmation">Confirm Password</label>
            <input type="password" class="form-control form-control-success" formControlName="walletPasswordConfirmation" id="walletPasswordConfirmation" placeholder="Enter a password.">
            <div *ngIf="formErrors.walletPasswordConfirmation" class="form-control-feedback">{{ formErrors.walletPasswordConfirmation }}</div>
            <div class="form-control-feedback">Your password will be required to recover your wallet in the future. Keep it safe.</div>
          </div>
          <div class="form-group">
            <label class="text-left" for="walletNetwork">Network</label>
            <select class="form-control custom-select" name="network" formControlName="selectNetwork">
              <!--<option value="main">Main</option>-->
              <option value="test">Testnet</option>
              <!--<option value="stratistest">StratisTest</option>-->
            </select>
          </div>
        </form>
      </div>
      <!-- /row-->
      <div class="row d-flex justify-content-center">
        <button type="button" class="btn btn-darkgray btn-lg" [disabled]="!createWalletForm.valid || isCreating" (click)="onCreateClicked()">Create</button>
      </div>
      <!-- /row-->
    </div>
    <!-- /container-->
  </div>
  <!-- /login-->
</section>
<!-- /breeze-->