copay/views/send.html

<div class="send" ng-controller="SendController" ng-init="init()">

  <div class="row hide-for-large-up"  ng-hide="$root.wpInputFocused" >
    <div class="large-10 medium-10 small-9 columns">
      <h1>{{$root.title}}</h1>
    </div>
    <div class="large-2 medium-2 small-3 columns" ng-show="!lockAddress && !_merchantData">
      <div ng-hide="showScanner || disableScanner">
        <a class="button right m10b radius tiny black" ng-click="openScanner()"><i class="fi-camera size-18"></i></a>
      </div>
      <div ng-show="showScanner">
        <a translate class="button right radius tiny m10b warning" ng-click="cancelScanner()"><i class="fi-x size-18"></i></a>
      </div>
    </div>
  </div>

  <div class="row" ng-show="fetchingURL">
    <div class="large-12 columns">
      <div class="panel">
        <div class="box-notification">
          <div class="box-icon secondary">
            <i class="fi-bitcoin-circle icon-rotate spinner size-24"></i>
          </div>
          <span class="text-secondary size-14">
              Fetching Payment Information...
            </span>
        </div>
      </div>
    </div>
  </div>

    <div class="row" ng-show="creatingTX">
        <div class="large-12 columns">
            <div class="panel">
                <div class="box-notification">
                    <div class="box-icon secondary">
                        <i class="fi-bitcoin-circle icon-rotate spinner size-24"></i>
                    </div>
                    <span class="text-secondary size-14">
                        Creating Transaction...
                    </span>
                </div>
            </div>
        </div>
    </div>


  <div class="row" ng-show="!fetchingURL && !creatingTX">
    <div class="large-8 large-centered columns">
      <form name="sendForm" ng-submit="submitForm(sendForm)" novalidate>
        <div class="panel">
          <div class="box-notification" ng-show="error  && !hideForWP ">
            <div class="box-icon error">
              <i class="fi-x size-24"></i>
            </div>
            <span class="text-warning size-14">
              {{error|translate}}
            </span>
            <a class="close-notification  text-warning" ng-click="error=null">&#215;</a>
          </div>
          <div class="box-notification" ng-show="success">
            <div class="box-icon success">
              <i class="fi-check size-24"></i>
            </div>
            <span class="text-success size-14">
              {{success|translate}}
            </span>
            <a class="close-notification text-success" ng-click="success=null">&#215;</a>
          </div>

          <div ng-if="!_merchantData"  ng-hide="hideAddress">
            <div class="row collapse">

              <label for="address" class="left" >
                <span translate>To</span> 
              </label>

              <span ng-hide="sendForm.address.$pristine">
              <span translate class="has-error right size-12" ng-show="sendForm.address.$invalid && _address">
              <span class="icon-input">
                <i class="fi-x"></i>
              </span>
              Not valid
              </span>
              <small class="icon-input right" ng-show="!sendForm.address.$invalid">
                <i class="fi-check"></i>
              </small>
              </span>
            </div>

            <div class="input">
              <input type="text" id="address" name="address" ng-disabled="loading || lockAddress" placeholder="{{'Bitcoin address'|translate}}" ng-model="_address" valid-address required ng-focus="formFocus('address')" ng-blur="formFocus(false)">
              <a class="postfix" ng-click="openAddressBook()"><i class="fi-address-book size-24"></i></a>
            </div>
            <div id="scanner" class="row" ng-if="showScanner" ng-include="'views/includes/scanner.html'">
            </div>
          </div>
          <div ng-show="_merchantData && !hideAddress">
            <div class="row collapse" ng-click="openPPModal(_merchantData)">

              <label for="domain">
                <span translate>Payment to</span> 
              </label>

              <div class="input block">
                <input class="p45li" type="text" id="domain" name="domain" ng-model="_domain" ng-disabled="1">
                <i class="fi-lock color-greeni"></i> 
              </div>
            </div>
          </div>

          <div class="row" ng-init="showAlternative = false"   ng-hide="hideAmount">
            <div class="large-12 medium-12 columns">
              <div class="m5b right" ng-hide="sendForm.amount.$pristine">
                <span translate class="has-error right size-12" ng-show="sendForm.amount.$invalid">
                  <span class="icon-input"><i class="fi-x"></i></span>
                Not valid
                </span>
                <small class="icon-input right" ng-show="!sendForm.amount.$invalid">
                    <i class="fi-check"></i>
                </small>
              </div>
              <div ng-show="!showAlternative">
                <label for="amount">
                  <span translate>Amount</span>
                </label>

                <div class="input">
                  <input type="number" id="amount" ng-disabled="loading || lockAmount" name="amount" placeholder="{{'Amount'|translate}}" ng-minlength="0.00000001" ng-maxlength="10000000000" ng-model="_amount" valid-amount required autocomplete="off"  ng-focus="formFocus('amount')" ng-blur="formFocus(false)">
                  <a class="postfix" ng-click="showAlternative = true">{{$root.wallet.settings.unitName}}</a>
                </div>
              </div>
              <div ng-show="showAlternative">
                <label for="alternative"><span translate>Amount in</span> {{ alternativeName }}
                </label>
                <div class="input">
                  <input type="number" id="alternative" ng-disabled="loading || !isRateAvailable || lockAmount" name="alternative" placeholder="{{'Amount'|translate}}" ng-model="_alternative" requiredautocomplete="off"  ng-focus="formFocus('amount')" ng-blur="formFocus(false)">
                  <a class="postfix" ng-click="showAlternative = false"> {{ alternativeName }}</a>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="large-12 columns">
              <label for="comment"><span translate>Note</span>
                <small translate ng-hide="!sendForm.comment.$pristine">optional</small>
                <small translate class="has-error" ng-show="sendForm.comment.$invalid && !sendForm.comment.$pristine">too long!</small>
              </label>
              <div class="input">
                <textarea id="comment" ng-disabled="loading" name="comment" ng-if="isShared" placeholder="Leave a private message to your copayers" ng-maxlength="100" ng-model="_comment"  ng-focus="formFocus('msg')" ng-blur="formFocus(false)"></textarea>
                <textarea id="comment" ng-disabled="loading" name="comment" ng-if="!isShared" placeholder="Add a private comment to identify the transaction" ng-maxlength="100" ng-model="_comment"  ng-focus="formFocus('msg')" ng-blur="formFocus(false)"></textarea>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="large-6 medium-6 small-12 columns text-right">
              <button type="submit" class="button primary expand" ng-disabled="sendForm.$invalid || loading">
                <i class="fi-bitcoin-circle icon-rotate spinner" ng-show="loading"></i> Send
              </button>
            </div>
            <div class="large-4 medium-4 small-12 columns text-left">
              <div class="show-for-large-up text-right" ng-show="!lockAddress && !_merchantData">
                <div ng-hide="showScanner || disableScanner">
                  <a class="button radius black size-12" ng-click="openScanner()"><i class="fi-camera size-18 vm m5r"></i> Scan QR </a>
                </div>
                <div ng-show="showScanner">
                  <a translate class="button radius tiny warning" ng-click="cancelScanner()"><i class="fi-x size-18"></i> </a>
                </div>
              </div>
              <a ng-click="resetForm()" class="button expand warning m0" ng-show="_merchantData || lockAddress" ng-disabled="loading">Cancel</a>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
  <!--  end of row -->
</div>