<ion-view id="view-amount">
  <ion-nav-bar class="bar-royal">
    <ion-nav-title>
      {{'Enter Amount'|translate}}
    </ion-nav-title>
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>

  <ion-content scroll="false">

    <div>
      <div class="item item-no-bottom-border" translate>Recipient</div>

      <div class="item item-text-wrap item-icon-left bitcoin-address">
        <i ng-if="isWallet" class="icon ion-briefcase size-21"></i>
        <gravatar ng-if="!isWallet" class="send-gravatar" name="{{toName}}" width="30" email="{{toEmail}}"></gravatar>
        <span>{{toName || toAddress}}</span>
      </div>
    </div>

    <div class="amount-pane">

      <div class="amount-bar">
        <div class="title" translate>Amount</div>
        <a class="postfix" ng-click="toggleAlternative()" ng-show="showAlternativeAmount">{{alternativeIsoCode}}</a>
        <a class="postfix" ng-click="toggleAlternative()" ng-show="!showAlternativeAmount">{{unitName}}</a>
      </div>

      <div class="amount">
        <div class="text-light text-black m15b" ng-class="{'size-28': smallFont, 'size-36': !smallFont}"><span>  {{amount || "0.00" }}</div>
        <div class="text-light text-black" ng-class="{'size-16': smallFont, 'size-17': !smallFont}" ng-show="!showAlternativeAmount">
          {{globalResult}} <span class="label gray text-white radius">{{amountResult || '0.00'}} {{alternativeIsoCode}}</span>
        </div>
        <div class="text-light text-black size-17" ng-show="showAlternativeAmount">
          {{globalResult}} <span class="label gray text-white radius">{{alternativeResult || '0.00'}} {{unitName}}</span>
        </div>
      </div>

    </div>

    <div class="keypad">
      <div class="row">
        <div class="col col-25 col-offset-75 operator-send"
             ng-show="amount > 0 || alternativeResult > 0 || amountResult > 0" ng-click="finish()">
          <i class="icon ion-ios-arrow-thin-right"></i>
        </div>
      </div>
      <div class="row">
        <div class="col digit" ng-click="pushDigit('7')">7</div>
        <div class="col digit" ng-click="pushDigit('8')">8</div>
        <div class="col digit" ng-click="pushDigit('9')">9</div>
        <div class="col operator" ng-click="pushOperator('/')">/</div>
      </div>

      <div class="row">
        <div class="col digit" ng-click="pushDigit('4')">4</div>
        <div class="col digit" ng-click="pushDigit('5')">5</div>
        <div class="col digit" ng-click="pushDigit('6')">6</div>
        <div class="col operator" ng-click="pushOperator('x')">x</div>
      </div>

      <div class="row">
        <div class="col digit" ng-click="pushDigit('1')">1</div>
        <div class="col digit" ng-click="pushDigit('2')">2</div>
        <div class="col digit" ng-click="pushDigit('3')">3</div>
        <div class="col operator" ng-click="pushOperator('+')">+</div>
      </div>

      <div class="row">
        <div class="col digit" ng-click="pushDigit('.')">.</div>
        <div class="col digit" ng-click="pushDigit('0')">0</div>
        <div class="col digit icon ion-backspace-outline" ng-click="removeDigit()"></div>
        <div class="col operator" ng-click="pushOperator('-')">-</div>
      </div>
    </div>
  </ion-content>
</ion-view>
