templates/website/cart/cart-section-card.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import card %}
  2. <div id="card" class="box-tabs div-method div-card" data-show="true" data-payment="{{ payment }}">
  3.     <nav>
  4.         {% if userCards|length > 0 %}
  5.             <span class="tab">{{ getLanguage('cards', 'cart') }}</span>
  6.             <span class="tab">{{ getLanguage('new', 'cart') }}</span>
  7.         {% else %}
  8.             <span class="tab">{{ getLanguage('new', 'cart') }}</span>
  9.         {% endif %}
  10.     </nav>
  12.     {% if userCards|length > 0 %}
  13.         <div class="js--tab-content div-card-option active choose-card tab-card-active">
  14.             <form id="formCheckout" action="POST" class="form-modo-pagamento">
  15.                 {% for card in userCards %}
  16.                     {{ card({
  17.                         card: card,
  18.                         checked: card.default == enum('AbstractEnum::YES'),
  19.                     })}}
  20.                 {% endfor %}
  22.                 {% if installmentsOptions is defined %}
  23.                     <select id="installmentNumber" name="installmentNumber" required="required" class="custom-select">
  24.                         <option value="">{{ getLanguage('select', 'cart') }}</option>
  25.                         {% for item in installmentsOptions %}
  26.                             <option value="{{ item.installment }}"{{ loop.last? ' selected' }}>
  27.                                 {{ item.installment }}x {{ getLanguage('of', 'cart') }} {{ getConfig('currency_symbol') }} {{ (item.installment_amount/100)|number_format(2, ',', '.') }}
  28.                             </option>
  29.                         {% endfor %}
  30.                     </select>
  31.                 {% endif %}
  32.             </form>
  33.         </div>
  34.     {% endif %}
  36.     <div class="js--tab-content div-card-option new-card {% if userCards|length == 0 %} active tab-card-active {% endif %}">
  37.         <form id="formUserCard" action="{{ path('userCardRegister') }}" method="POST" class="form-geral form-col-4 form-adiciona-cartao">
  38.             <div class="cp-cols">
  39.                 <div class="cp cp-1">
  40.                     <label for="card-name">{{ getLanguage('name', 'cart') }} <small>({{ getLanguage('name_on_card', 'cart') }})</small></label>
  41.                     <input type="text" maxlength="30" id="card-name" class="card_holder_name" name="card-name" placeholder="{{ getLanguage('name_card', 'cart') }}" required="required" autocomplete="cc-name">
  42.                 </div>
  43.                 <div class="cp cp-1">
  44.                     <label for="card-number">{{ getLanguage('card_number', 'cart') }}</label>
  45.                     <input type="text" maxlength="19" id="card-number" class="card_number" name="card-number" placeholder="{{ getLanguage('enter_card_number', 'cart') }}" required="required" autocomplete="cc-number">
  46.                 </div>
  47.                 <div class="cp cp-4-2">
  48.                     <label for="card-month">{{ getLanguage('due_date', 'cart') }}</label>
  49.                     <div class="cp-mes-ano">
  50.                         <input type="text" maxlength="2" id="card-month"class="card_expiration_date"  name="card-month" placeholder="{{ getLanguage('month', 'cart') }}" required="required" data-encrypted-name="expiryMonth" autocomplete="cc-exp-month">
  51.                         <input type="text" maxlength="2" id="card-year" class="card_expiration_date" name="card-year" placeholder="{{ getLanguage('year', 'cart') }}" required="required" data-encrypted-name="expiryYear" autocomplete="cc-exp-year">
  52.                     </div>
  53.                 </div>
  54.                 <div class="cp cp-4-2">
  55.                     <label for="card-cvv">{{ getLanguage('code_of_security', 'cart') }}</label>
  56.                     <input type="text" maxlength="4" id="card-cvv" class="card_cvv" name="card-cvv" placeholder="CVC" required="required" autocomplete="cc-csc">
  57.                 </div>
  59.                 {% if installmentsOptions is defined %}
  60.                     <div class="cp cp-1">
  61.                         <label for="installmentNumber">{{ getLanguage('installment', 'cart') }}</label>
  62.                         <select id="installmentNumber" name="installmentNumber" class="custom-select">
  63.                             <option value="">{{ getLanguage('select', 'cart') }}</option>
  64.                             {% for item in installmentsOptions %}
  65.                                 <option value="{{ item.installment }}"{{ loop.last? ' selected' }}>
  66.                                     {{ item.installment }}x {{ getLanguage('of', 'cart') }} {{ getConfig('currency_symbol') }} {{ (item.installment_amount/100)|number_format(2, ',', '.') }}
  67.                                 </option>
  68.                             {% endfor %}
  69.                         </select>
  70.                     </div>
  71.                 {% endif %}
  72.             </div>
  74.             <div class="contem-cartao">
  75.                 <div id="js--card"></div>
  76.             </div>
  77.         </form>
  78.     </div>
  79. </div>