<h1 class="title">Confirmação Pagamento</h1>

<div class="md-list-item-text" layout="column">
    <h3><span>Vencimento:</span> {{ngDialogData.vencimento  | date: 'dd/MM/yyyy'}}</h3>
    <h3><span>Valor Original:</span> {{ngDialogData.saldo | currency:"R$ ":2}}</h3>

    <h3 ng-if="ngDialogData.saldo != ngDialogData.valorAtualizado"><span>Total a Pagar:</span>
        {{ngDialogData.valorAtualizado | currency:"R$ ":2}}</h3>

    <h3><span>Nome Cartão:</span>{{selectedCard.nome}}</h3>
    <h3><span>Número: </span>{{selectedCard.numero}}</h3>
</div>
<p class="subtitle">Confirma os dados para pagamento?</p>
<div>
    <md-button class="md-primary md-raised" ng-click="openCreditCard(ngDialogData)">Voltar</md-button>
    <md-button class="md-primary md-raised" ng-click="pagar(ngDialogData, selectedCard, $event)">Pagar</md-button>
</div>