<div id="opcao-pagamento" class="input-cpf animated fadeIn">
    <div class="panel panel-primary credit-card-box">
        <div class="panel-heading  display-table" style="background-color: #1E90FF;">
            <div class="row display-tr" >
                <h3 class="panel-title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Boleto <i class="fa fa-barcode" aria-hidden="true"></i> </h3>
            </div>
        </div>
        <form method="POST" class="form-pagamento" action="<?= base_url('processapagamento') ?>" target="_blank">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-12">
                        <ul class="list-inline">
                            <li><p style="font-size: 11pt;">A sua transação será processada por <a href="https://www.traycheckout.com.br" target="_blank" style="color:#757575 !important;">Traycheckout <li><img src="<?php echo base_url('assets/imagens/tray.png') ?>" width="40" style="margin-bottom:-5px;"></li></a></p></li>
                        </ul>
                        <div class="form-group">
                            <label for="cpf">CPF</label>
                            <input type="tel" autofocus="" class="form-control cpf" name="cpf" placeholder="Digite o seu CPF" autocomplete="off"  pattern="\d{3}\.\d{3}\.\d{3}-\d{2}" minlength="11" maxlength="11" required=""/>
                        </div>
                        <input type="hidden" name="flagOpcaPagamento" value="BoletoBancario" />
                        <input type="hidden" name="Forma" value="6">
                    </div>   
                    <div class="col-sm-12">
                        <button class="btn btn-success btn-lg btn-block" type="submit">Finalizar</button>
                    </div>      
                </div>
            </div>
        </form>
    </div>
</div>
