templates/website/user/userInfoCheckout/user-info-checkout-modal.html.twig line 1

Open in your IDE?
  1. {# MODAL -- USER INFO CHECKOUT #}
  2. {% embed "website/includes/modal.html.twig" with {
  3.     'id': 'modal-user-info-checkout',
  4.     'title': getLanguage('add_billing_data', 'profile'),
  5.     'classes': 'modal-wid',
  6. }%}
  7.     {% from 'utils.html.twig' import switch %}
  9.     {% set isBrazilSetup = isBrazilDefault %}
  11.     {# CART COMPLETE REGISTRATION #}
  12.     {% set cartCompReg = cartCompleteRegistration|default(false) %}
  14.     {% block title %}
  15.         <h3>
  16.             <span data-mode-show="create">{{ getLanguage('title_add_new', 'modals') }}</span>
  17.             <span data-mode-show="edit">{{ getLanguage('title_edit', 'modals') }}</span>
  18.             <span data-mode-show="fix">{{ getLanguage('title_complete', 'modals') }}</span>
  19.         </h3>
  20.     {% endblock %}
  22.     {% block content %}
  23.         {% from 'utils.html.twig' import ico %}
  24.         <form 
  25.             id="formUserInfoCheckout"
  26.             class="form-geral"
  27.             data-is-brazil-active="{{ isBrazilSetup? 1 : 0 }}"
  28.             data-save-action="{{ path('registerUserCheckoutInfo') }}" 
  29.             data-edit-action="{{ path('editUserCheckoutInfo', { id: null }) }}" 
  30.             data-save-method="POST"
  31.             data-edit-method="PUT">
  33.             <div class="cp-cols">
  34.                 {# NAME #}
  35.                 <div class="cp cp-2">
  36.                     <label for="fatura-name">{{ getLanguage('name', 'profile') }}<em> *</em></label>
  37.                     <input type="text" id="fatura-name" name="name" placeholder="{{ getLanguage('name_or_company', 'profile') }}" required autofocus="autofocus" maxlength="70">
  38.                 </div>
  40.                 {# EMAIL #}
  41.                 <div class="cp cp-2">
  42.                     <label for="fatura-email">E-mail<em> *</em></label>
  43.                     <input type="email" id="fatura-email" name="email" placeholder="{{ getLanguage('enter_an_email', 'profile') }}" required autofocus="autofocus" maxlength="70">
  44.                 </div>
  46.                 {# PHONE #}
  47.                 <div class="cp cp-4 cp-gd">
  48.                     <label for="fatura-telephone">{{ getLanguage('phone', 'profile') }}<em> *</em></label>
  49.                     <input id="fatura-telephone" type="text" class="intlPhone" name="phone" required>
  50.                 </div>
  52.                 {# IS BRAZILIAN #}
  53.                 <div class="cp cp-pq">
  54.                     <label for="fatura-country">{{ getLanguage('am_brazilian', 'util') }}</label>
  55.                     {{ switch({
  56.                         name: 'country',
  57.                         id: 'fatura-country',
  58.                         checked: isBrazilSetup,
  59.                         attribs: 'class="isBrazil_fatura"',
  60.                     })}}
  61.                 </div>
  63.                 {# DOCUMENT #}
  64.                 <div class="cp cp-2">
  65.                     <label for="fatura-document" data-country="{{ isBrazilDefault? 1:'' }}">{{ getLanguage('document', 'profile') }}<span class="document-type">&nbsp;(CPF&thinsp;/&thinsp;CNPJ)</span><em> *</em></label>
  66.                     <input id="fatura-document" type="text" name="document" required>
  67.                 </div>
  69. {# ////////////////////////////////////////////// #}
  71.                 {# ZIP CODE | CEP #}
  72.                 <div class="cp cp-3">
  73.                     <label for="fatura-zipCode">
  74.                         {{ getLanguage('zipcode', 'profile') }}
  75.                         {% if (cartCompReg) %}<em> *</em>{% endif %}
  76.                     </label>
  77.                     <input id="fatura-zipCode" type="text" name="zipCode" {{ cartCompReg? 'required' }} placeholder="{{ getLanguage('enter_zip_code', 'profile') }}">
  78.                 </div>
  80.                 {# STATE #}
  81.                 <div class="cp cp-3" data-show-brazil>
  82.                     <label for="fatura-state">
  83.                         {{ getLanguage('state', 'profile') }}
  84.                         {% if (cartCompReg) %}<em> *</em>{% endif %}
  85.                     </label>
  86.                     <div class="select-wrap">
  87.                         <select id="fatura-state"
  88.                                 name="state" 
  89.                                 request="{{ path('stateList') }}" 
  90.                                 save=""
  91.                                 class="custom-select custom-select--search"
  92.                                 {{ cartCompReg? 'required' }}>
  93.                             <option value="">{{ getLanguage('select_state', 'profile') }}</option>
  94.                             <option value="other">{{ getLanguage('other', 'profile') }}</option>
  95.                         </select>
  96.                         <i class="loader">{{ ico('loader-wish') }}</i>
  97.                     </div>
  98.                 </div>
  100.                 {# CITY #}
  101.                 <div class="cp cp-3" data-show-brazil>
  102.                     <label for="fatura-city">
  103.                         {{ getLanguage('city', 'profile') }}
  104.                         {% if (cartCompReg) %}<em> *</em>{% endif %}
  105.                     </label>
  106.                     <div class="select-wrap">
  107.                         <select id="fatura-city"
  108.                                 name="city" 
  109.                                 request="{{ path('cityList') }}"
  110.                                 save=""
  111.                                 class="custom-select custom-select--search"
  112.                                 {{ cartCompReg? 'required' }}>
  113.                             <option value="">{{ getLanguage('select_city', 'profile') }}</option>
  114.                             <option value="other">{{ getLanguage('other', 'profile') }}</option>
  115.                         </select>
  116.                         <i class="loader">{{ ico('loader-wish') }}</i>
  117.                     </div>
  118.                 </div>
  120.                 {# ADDRESS #}
  121.                 <div class="cp cp-3-2">
  122.                     <label for="fatura-address">
  123.                         {{ getLanguage('address', 'profile') }}
  124.                         {% if (cartCompReg) %}<em data-show-brazil> *</em>{% endif %}
  125.                     </label>
  126.                     <input id="fatura-address" type="text" name="address" {{ cartCompReg? 'required' }} placeholder="{{ getLanguage('type_your_address', 'profile') }}">
  127.                 </div>
  129.                 {# NUMBER #}
  130.                 <div class="cp cp-3">
  131.                     <label for="fatura-addressNumber">
  132.                         {{ getLanguage('number', 'profile') }}
  133.                         {% if (cartCompReg) %}<em data-show-brazil> *</em>{% endif %}
  134.                     </label>
  135.                     <input id="fatura-addressNumber" type="text" name="addressNumber" class="mask-digits" {{ cartCompReg? 'required' }} placeholder="{{ getLanguage('type_your_number', 'profile') }}">
  136.                 </div>
  138.                 {# COMPLEMENT #}
  139.                 <div class="cp cp-2">
  140.                     <label for="fatura-addressComplement">{{ getLanguage('complement', 'profile') }}</label>
  141.                     <input id="fatura-addressComplement" type="text" name="addressComplement" placeholder="{{ getLanguage('type_your_complement', 'profile') }}" maxlength="110">
  142.                 </div>
  144.                 {# NEIGHBORHOOD #}
  145.                 <div class="cp cp-2">
  146.                     <label for="fatura-addressNeighborhood">
  147.                         {{ getLanguage('district', 'profile') }}
  148.                         {% if (cartCompReg) %}<em> *</em>{% endif %}
  149.                     </label>
  150.                     <input id="fatura-addressNeighborhood" type="text" name="addressNeighborhood" {{ cartCompReg? 'required' }} placeholder="{{ getLanguage('enter_district', 'profile') }}" maxlength="60">
  151.                 </div>
  153. {# ////////////////////////////////////////////// #}
  155.                 {# RECEIVE EMAIL #}
  156.                 <div class="cp cp-br">
  157.                     <label>
  158.                         <input type="checkbox" id="receiveEmail" name="receiveEmail" checked>
  159.                         {{ getLanguage('receive_email', 'profile') }}
  160.                     </label>
  161.                 </div>
  162.             </div>
  163.             <nav class="actions">
  164.                 <button type="button" class="js--modal-fecha cancel">{{ getLanguage('cancel', 'profile') }}</button>
  165.                 <button type="submit" id="btnSaveUserInfoCheckout" class="btn-continuar-peq btn-load">
  166.                     <span id="modalInfoCheckoutBtnLabel">{{ getLanguage('save', 'modals')|upper }}</span>
  167.                     <span>{{ getLanguage('wait', 'util') }}&thinsp;&hellip;&ensp;<i class="loader">{{ ico('loader-wish') }}</i></span>
  168.                 </button>
  169.             </nav>
  170.         </form>
  171.     {% endblock %}
  172. {% endembed %}