<section id="new-card" ng-controller="NewCardFormCtrl as newCard">
  <section role="region">
    <header>
      <a href="#wallet"><span class="icon icon-close">close</span></a>
      <h1>Añadir Tarjeta</h1>
    </header>
  </section>
  <div class="container">
    <form name="newcardform" id="new-card-form" class="new-card-form" novalidate="" >
      <p>Introduce el número de tarjeta de Metro de Panamá, Metrobus o Rapipass</p>
      <img class="text-center" src="img/card-num-sample.png">
      <br>
      <label for="card-number">Número de tarjeta*</label>
      <input name="cardnumber" id="card-number" integer="" required="" ng-model="newCard.cardNumber" class="form-control" type="number" placeholder="Ej: 1234567890"></input>
      <br>
      <label for="card-alias">Alias</label>
      <input id="card-alias"  ng-model="cardAlias" class="form-control" type="text" placeholder="Mi tarjeta"></input>
      <br>
      <button class="btn btn-lg btn-primary btn-block" ng-click="newCard.submit()" ng-disabled="newcardform.cardnumber.$invalid == true" ng-model="submitButton">
      <span class="glyphicon glyphicon-refresh rotating" ng-show="submitting"></span> <span ng-show="submitting">Añadiendo</span>
      <span ng-show="! submitting">Añadir</span>
      </button>
    </form>
  </div>
</section>