<h1 class="title">Dados da Fatura</h1>
<h3><span>Número: </span>{{ngDialogData.numero}}</h3>
<h3><span>Emissão: </span>{{ngDialogData.dataEmissao | date: 'dd/MM/yyyy' }}</h3>
<h3><span>Vencimento: </span>{{ngDialogData.vencimento | date: 'dd/MM/yyyy' }}</h3>
<h3><span>Valor: </span>{{ngDialogData.saldo | currency:"R$ ":2}}</h3>
<div ng-if="my_credit_cards.length > 0">
    <h1 class="title">Cartões Cadastrados</h1>
    <p class="subtitle">Selecione um Cartão</p>
    <md-list>
        <md-list-item class="md-2-line" ng-repeat="credit_card in my_credit_cards">
            <md-checkbox ng-model="credit_card.selected" ng-change="changeCardSelected($index)"></md-checkbox>
            <div class="md-list-item-text" layout="column">
                <p>{{credit_card.nome}}</p>
                <p>{{credit_card.numero}}</p>
            </div>
            <md-button class="md-secondary buttonPrinter" ng-if="!credit_card.faturamento"
                ng-click="excluirCartao(credit_card.token)">
                <md-tooltip md-direction="top">
                    Remover Cartão
                </md-tooltip>
                <md-icon md-font-icon="flaticon-delete"></md-icon>
            </md-button>
        </md-list-item>
    </md-list>
</div>

<div>
    <md-button class="md-primary md-raised" ng-click="novoCartao(ngDialogData)">
        {{ my_credit_cards.length > 0 ? 'Pagar com outro Cartão' : 'Novo Cartão de Crédito'}}</md-button>
    <md-button class="md-primary md-raised" ng-click="confirmDialog(ngDialogData, false)"
        ng-if="my_credit_cards.length > 0">Pagar</md-button>
</div>