
<div id="opcao-pagamento" class="credito animated fadeIn">
    <p style="font-size: 11pt;">A sua transação será processada por <a href="https://www.cielo.com.br/" target="_blank" style="color:#757575 !important;"><img src="<?php echo base_url('assets/img/pagamento/cielo-logo.png') ?>" width="40" style="margin-bottom:-5px;"></a></p>
            <form action="<?= base_url('processapagamento') ?>" method="POST" autocomplete="off" class="" >
            <?php $this->load->view('commons/pagamento/cartao'); ?>

                <div class="row">
                    <div class="input-field col  s12 m4">
                        <input id="numero" type="tel" class="only-number" required="" name="numero_cartao" pattern="[0-9]+$" minlength="13"maxlength="19" placeholder="Número" >
                        <label for="numero_cartao">Número do Cartão</label>
                    </div>
                    <div class="input-field col s12 m4">

                        <select class="form-control" id="" name="parcelas">
                                    <?php if (($parcelas) != FALSE) { ?>    
                                        <?php foreach ($parcelas as $parcela => $valor) { ?>
                                            <option value="<?php echo $parcela + 1 ?>"><?php echo $parcela + 1 ?> x <?php echo number_format($valor, 2, ',', '.'); ?></option> 
                                        <?php } ?> 
                                    <?php } else { ?>
                                        <?php foreach ($valores as $valor) { ?>
                                            <option value="1"> 1 x <?php echo number_format($valor->valor, 2, ',', '.'); ?></option>
                                        <?php } ?>  
                                    <?php } ?> 
                        </select>
                        <label>Parcelas</label>
                    </div>
                    <div class="input-field col  s12 m2">
                        <input id="validade" type="tel" class="dates" required="" name="exp_cartao"  maxlength="5" placeholder="Validade">
                        <label for="exp_cartao">Validade</label>
                    </div>
                    <div class="input-field col  s12 m2">
                        <input id="codigo" type="tel" class="only-number" required="" name="codigo_seguranca" pattern="[0-9]+$" maxlength="10" placeholder="Código" >
                        <label for="codigo_seguranca">Código</label>
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m12">
                        <input id="portador" type="text" name="nome_portador"  placeholder="Nome do Portador (Igual ao do Cartão)" required="">
                        <label for="nome_portador">Nome do Portador (Igual ao do Cartão)</label>
                    </div>
                </div>
                  
                <input type="hidden" name="flagOpcaPagamento" value="CartaoCredito" />

                <button class="btn waves-effect waves-light btn-curso btn-end finaliza" type="submit" name="action">Finalizar</button>
            </form>
        </div>