<ion-view id="onboarding-collect-email" class="onboarding">
  <ion-content scroll="false">
    <div id="success-container">
      <img src="img/onboarding-success.svg" id="success-image" />
      <div id="success-message" translate>Wallet Created</div>
    </div>
    <div id="collect-email">
      <div id="collect-email-inner" ng-if="!confirmation">
        <div translate class="heading">Email Notifications</div>
        <div translate class="prompt">Where would you like to receive email notifications about payments?</div>
        <form id="email-form" name="emailForm" ng-submit="confirm(emailForm)" novalidate>
          <label class="item item-input" id="email-label">
            <input type="email" name="email" ng-model="email" placeholder="email address" required></input>
          </label>
          <ion-checkbox ng-model="data.accept"><span translate>Get news and updates from BitPay</span></ion-checkbox>
          <button class="button button-standard button-primary" disabled>
            Continue &rarr;
          </button>
        </form>
      </div>
      <div ng-if="confirmation">
          <p translate class="confirm">Is this email address correct?</p>
          <p class="user-email">{{email}}</p>
        <div class="row">
          <div class="col col-50">
            <button class="button button-block button-stable" ng-click="cancel()">
              {{'No' | translate}}
            </button>
          </div>
          <div class="col col-50">
            <button class="button button-block button-stable" ng-click="save()">
              {{'Yes' | translate}}
            </button>
          </div>
        </div>
      </div>
    </div>
    <div class="overlay collect-overlay">
      <button class="button button-stable button-clear" ng-click="goNextView()">
        {{'Skip' | translate}}
      </button>
    </div>
  </ion-content>
</ion-view>
