<div class="container" id="sendForm">
  <div class="row">
    <div class="col">
      <h1>Send</h1>
    </div>
  </div>
  <div class="row">
    <div class="col">
      <form [formGroup]="sendForm" (ngSubmit)="send()">
        <div class="form-group">
          <label>Pay To</label>
          <input class="form-control" formControlName="address" type="text" placeholder="Please enter the recipients address.">
          <div *ngIf="formErrors.address" class="alert alert-danger">{{formErrors.address}}</div>
        </div>
        <div class="form-group">
          <label>Amount</label>
          <input class="form-control" formControlName="amount" type="text" placeholder="Please enter the amount you want to send.">
          <div *ngIf="formErrors.amount" class="alert alert-danger">{{formErrors.amount}}</div>
        </div>
        <div class="form-group">
          <label>Fee</label>
          <input class="form-control" id="feeSlider" formControlName="fee" type="range" min="1" max="3" value="2">
        </div>
        <div class="form-group">
          <label>Wallet Password</label>
          <input class="form-control" formControlName="password" type="password" placeholder="Please enter your wallet password.">
          <div *ngIf="formErrors.password" class="alert alert-danger">{{formErrors.password}}</div>
        </div>
        <button type="submit" [disabled]="!sendForm.valid" class="btn btn-success">Send</button>
        <button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button>
      </form>
    </div>
  </div>
</div>