<div id="modalSend" tabindex="-1" role="dialog" aria-labelledby="modal_send" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <div class="bubble"><i class="icon-upload"></i></div>
      </div>
      <div class="modal-body">
        <h5 class="modal-title text-uppercase" id="modalSend">Send</h5>
        <form [formGroup]="sendForm" (ngSubmit)="send()">
          <!--<div class="form-group has-danger clearfix">-->
            <div class="form-group clearfix">
            <label class="float-left" for="yourAddress">Amount</label>
            <!--<span class="float-right"><a href="#">max</a></span>-->
            <input type="text" class="form-control form-control-danger" formControlName="amount" id="Amount" placeholder="0.00 BTC">
            <div *ngIf="formErrors.amount" class="form-control-feedback">{{ formErrors.amount }}</div>
          </div>
          <!--<div class="form-group has-success">-->
          <div class="form-group clearfix">
            <label for="destinationAddress">Destination address</label>
            <input type="text" class="form-control form-control-success" formControlName="address" id="destinationAddress" placeholder="Please enter the destination address here.">
            <div *ngIf="formErrors.address" class="form-control-feedback">{{ formErrors.address }}</div>
          </div>
          <!--<div class="form-group">
            <label for="Fees">Fees</label>
            <div class="col feeSlider text-center">
              <input class="form-control" id="dataSlider" type="text"
                data-provide="slider"
                data-slider-ticks="[1, 2, 3]"
                data-slider-ticks-labels='["Low", "Medium", "High"]'
                data-slider-min="1"
                data-slider-max="3"
                data-slider-step="1"
                data-slider-value="2"
                data-slider-tooltip="hide">
              </div>
              <p class="text-muted text-center">
                <em>A higher fee helps expedite your transaction.
                <br>You are sending <strong>1 BTC</strong> with an included <strong>Medium</strong> fee of <strong>0.0001</strong>.</em>
              </p>
          </div>-->
          <div class="form-group clearfix">
            <label for="feeSlider">Fee</label>
            <input class="form-control col text-center" formControlName="fee" id="feeSlider" type="range" min="1" max="3" value="2">
          </div>
            <div class="form-group clearfix">
            <label for="walletPassword">Wallet Password</label>
            <input type="password" class="form-control form-control-success" formControlName="password" id="walletPassword" placeholder="Please enter your wallet password.">
            <div *ngIf="formErrors.password" class="form-control-feedback">{{formErrors.password}}</div>
          </div>
        </form>
        <!-- /form-->
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-lg btn-primary" [disabled]="!sendForm.valid" (click)="send()">Send</button>
        <button type="button" class="btn btn-lg btn-primary" (click)="activeModal.close('Close click')">Close</button>
      </div>
    </div>
  </div>
</div>