<div class="ftr-container" id="rede_creditcard_container" data-info='{"parcelas":"{{ rede_parcela_qtdmax }}", "idorder":"{{ idorder }}", "continue":"{{ continue }}", "text_erro_retentativa":"{{ text_erro_retentativa }}"}'>
  <div class="ftr-container-flag-card">
    <label class="ftr-field">
      <input type="text" class="ftr-field__entry ftr-js-field__entry" name="creditcard_ccno" id="rede_creditcard_ccno" value="" required>
      <span class="ftr-field__text">{{text_num_cartao}}</span>
    </label>
    <div id="rede_box-bandeiras">
      {% for key, credit_card in credit_cards %}
          <input class="ftr-flag-card ftr-js-flag-card" type="hidden" name="creditcard_cctype" value="{{ credit_card.descricao|lower }}" disabled>
          <img src="image/cielo/{{ credit_card.descricao|lower|replace({' ' : '-'}) }}.jpg">
      {% endfor %}
    </div>
  </div>
  <div id="rede_parcelas"></div>
  <label class="ftr-field">
    <input type="text" id="rede_creditcard_name" name="creditcard_name" class="ftr-field__entry ftr-js-field__entry" value="" required>
    <span class="ftr-field__text">{{ text_nome }}</span>
  </label>
  <img src="image/cielo/security-code.jpg" alt="Código de Segurança">
  <label class="ftr-field">
    <input type="text" id="rede_creditcard_cccvd" name="creditcard_cccvd" class="ftr-field__entry ftr-js-field__entry" value="" required>
    <span class="ftr-field__text">{{text_cod_seguranca}}</span>
  </label>
  <label class="ftr-field">
    <input type="text" id="rede_expire" name="expire" class="ftr-field__entry ftr-js-field__entry" value="" required>
    <span class="ftr-field__text">{{text_vencimento}}</span>
  </label>

  {% if captcha_tpl %}
  <div class="flex nowrap-xs top-margin-large">
      {{captcha_tpl}}
  </div>
  {% endif %}  
</div>
<script>
  if (typeof loadSpecificSources != 'undefined') {
    loadSpecificSources({
      scripts: {{ scriptsApp }}
    });
  }
</script>
