templates/website/cart/cart-section-user-info.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico, switch %}
  3. <div id="cart-info--content" class="cart-info step-container">
  4.     <div class="box-checkout box-checkout-form">
  5.         <div class="titulo-form">
  6.             <h2>{{ getLanguage('information', 'cart') }}</h2>
  7.         </div>
  8.         <form id="formUserInfoCart"
  9.               action="{{ path('userEditInfoCart', { id: user.id }) }}"
  10.               method="PUT"
  11.               class="form-geral"
  12.               data-is-brazil-active="{{ isBrazilDefault? 1:'' }}">
  14.             <input type="hidden" name="no-contracts" value="{{ hasContracts ? '' : true }}">
  15.             <div class="cp-cols">
  17.                 {# IS BRAZILIAN #}
  18.                 <div class="cp cp-pq">
  19.                     <label for="country">{{ getLanguage('am_brazilian', 'util') }}</label>
  20.                     {{ switch({
  21.                         name: 'country',
  22.                         checked: isBrazilDefault,
  23.                         attribs: 'class="isBrazil_infoCart"',
  24.                     })}}
  25.                 </div>
  27.                 {# DOCUMENT #}
  28.                 <div class="cp cp-3">
  29.                     <label for="document" data-country="{{ isBrazilDefault? 1:'' }}">
  30.                         {{ getLanguage('document', 'cart') }}
  31.                         <span class="document-type">&nbsp;(CPF&thinsp;/&thinsp;CNPJ)</span>
  32.                         <em> *</em>
  33.                     </label>
  34.                     <input 
  35.                         id="document"
  36.                         {% if user.country is not null and user.country.id == enum('AbstractEnum::COUNTRY_BRAZIL') %}
  37.                             data-apply-validation="true"
  38.                         {% endif %}
  39.                         class="document mask-cpf-cnpj"
  40.                         type="text" 
  41.                         name="document" value="{{ user.document }}" 
  42.                         required="required"
  43.                         placeholder="{{ getLanguage('type_your_document', 'cart') }}">
  44.                 </div>
  46.                 {# COMPLETE REGISTRATION #}
  47.                 {% if cartCompleteRegistration %}
  49.                     {# ZIP CODE | CEP #}
  50.                     <div class="cp cp-3">
  51.                         <label for="zipCode">{{ getLanguage('zipcode', 'cart') }}<em> *</em></label>
  52.                         <input 
  53.                             id="zipCode"
  54.                             type="text"
  55.                             name="zipCode"
  56.                             value="{{ user.zipCode }}"
  57.                             data-apply-search="true"
  58.                             required="required"
  59.                             placeholder="{{ getLanguage('type_your_zipcode', 'cart') }}"
  60.                         >
  61.                     </div>
  63.                     {# STATE #}
  64.                     <div class="cp cp-3 cp-custom-sel" data-show-brazil>
  65.                         <label for="state">{{ getLanguage('state', 'cart') }}<em> *</em></label>
  66.                         <div class="select-wrap">
  67.                             <select id="state" 
  68.                                     name="state"
  69.                                     request="{{ path('stateList') }}" 
  70.                                     save="{% if user.state %}{{ user.state.id }}{% endif %}"
  71.                                     class="custom-select custom-select--search"
  72.                                     required>
  73.                                 <option state-option value="">
  74.                                     {{ user.state? user.state.name : getLanguage('select_state', 'cart') }}
  75.                                 </option>
  76.                                 <option value="other">{{ getLanguage('other', 'cart') }}</option>
  77.                             </select>
  78.                             <i class="loader">{{ ico('loader-wish') }}</i>
  79.                         </div>
  80.                     </div>
  82.                     {# CITY #}
  83.                     <div class="cp cp-3 cp-custom-sel" data-show-brazil>
  84.                         <label for="city">{{ getLanguage('city', 'cart') }}<em> *</em></label>
  85.                         <div class="select-wrap">
  86.                             <select id="city"
  87.                                     name="city"
  88.                                     request="{{ path('cityList') }}" 
  89.                                     save="{% if user.city %}{{ user.city.id }}{% endif %}"
  90.                                     class="custom-select custom-select--search"
  91.                                     required>
  92.                                 <option city-option value="">
  93.                                     {{ user.city? user.city.name : getLanguage('select_city', 'cart') }}
  94.                                 </option>
  95.                                 <option value="other">{{ getLanguage('other', 'cart') }}</option>
  96.                             </select>
  97.                             <i class="loader">{{ ico('loader-wish') }}</i>
  98.                         </div>
  99.                     </div>
  101.                     {# ADDRESS #}
  102.                     <div class="cp cp-3">
  103.                         <label for="address">{{ getLanguage('address', 'cart') }}<em> *</em></label>
  104.                         <input id="address" type="text" name="address" value="{{ user.address }}" required placeholder="{{ getLanguage('type_your_address', 'cart') }}">
  105.                     </div>
  107.                     {# NUMBER #}
  108.                     <div class="cp cp-3">
  109.                         <label for="addressNumber">
  110.                             {{ getLanguage('number', 'cart') }}
  111.                             <em data-show-brazil> *</em>
  112.                         </label>
  113.                         <input id="addressNumber" type="text" name="addressNumber" value="{{ user.addressNumber }}" required placeholder="{{ getLanguage('type_your_number', 'cart') }}">
  114.                     </div>
  116.                     {# COMPLEMENT #}
  117.                     <div class="cp cp-3">
  118.                         <label for="addressComplement">{{ getLanguage('complement', 'cart') }}</label>
  119.                         <input id="addressComplement" type="text" name="addressComplement" value="{{ user.addressComplement }}" placeholder="{{ getLanguage('type_your_complement', 'cart') }}">
  120.                     </div>
  122.                     {# NEIGHBORHOOD #}
  123.                     <div class="cp cp-3">
  124.                         <label for="addressNeighborhood">{{ getLanguage('district', 'cart') }}<em> *</em></label>
  125.                         <input id="addressNeighborhood" type="text" name="addressNeighborhood" value="{{ user.addressNeighborhood }}" required placeholder="{{ getLanguage('enter_district', 'cart') }}">
  126.                     </div>
  127.                 {% endif %}
  128.                 {# -/ Complete Registration #}
  129.             </div>
  130.         </form>
  132.         {# WARN REQUIRED #}
  133.         <p class="warn-required">{{ getLanguage('required_fields', 'util')|raw }}</p>
  135.     </div>
  136.     <div class="base-acoes">
  137.         <button id="btnUserInfo" type="submit" form="formUserInfoCart" class="btn-continuar-peq btn-load">
  138.             <span>{{ getLanguage('continue', 'cart') }}</span>
  139.             <span>{{ getLanguage('wait', 'util') }}&thinsp;&hellip;&ensp;<i class="loader">{{ ico('loader-wish') }}</i></span>
  140.         </button>
  141.     </div>
  142. </div>