<div class="container-payment">
    <nav>
        <i class="material-icons go-back">
            arrow_back
        </i>
        <span data-i18n="payment-p-title"></span>
    </nav>
    <div class="container-add-voucher">
        <span>
            <i class="material-icons">
                credit_card
            </i>
            <span>Voucher</span>
        </span>
        <h4 id="balanceClient">0,00</h4>
        <!-- <p data-i18n="payment-promotion-text"></p> -->
        <button type="button" id="btnViewBuyVoucher" data-i18n="payment-btn-view-buy-voucher"></button>
    </div>
    <ul style="display: none">
        <li class="list-option-pay-voucher">
            <i class="material-icons">
                cached
            </i>
            <p>Recarga automática</p>
        </li>
        <li class="list-option-pay-voucher">
            <i class="material-icons">
                card_giftcard
            </i>
            <p>Código/Pré-Pago</p>
        </li>
    </ul>
    <div class="container-payment-forms">
        <span data-i18n="payment-span-forms"></span>
        <ul id="listCardPaymentIndex">
        </ul>
        <a id="addPaymentFormIndex" data-i18n="payment-add-payment-form"></a>
    </div>

</div>
