src/Modules/VoucherCart/Templates/Cart/partials/detailsForm.html.twig line 1

  1. {% if form %}
  2.     {% form_theme form 'Form/fields.html.twig' %}
  3. {% endif %}
  5. {% if form %}
  6.     {{ form_start(form, { 'attr': { 'id': 'cart_form' } }) }}
  8.     <div class="row product-details py-3" id="voucherForm">
  9.         <div id="vouchers_container" class="col-lg-6 product-information">
  10.             <div class="product-form card px-3 py-2 mb-3 mb-md-0">
  11.                 <div class="text-center text-md-start">
  12.                     <h4 class="text-uppercase">Podsumowanie zamówienia</h4>
  13.                     <div class="mb-4"><small>Wybrane vouchery</small></div>
  14.                 </div>
  16.                 {% for index,voucherForm in form.vouchers %}
  17.                     {% set voucherData = formType.getVoucherData(index) %}
  18.                     <div class="voucher_container card mb-3">
  19.                         <div class="row gx-1">
  20.                             <div class="col-md-2 col-12">
  21.                                 <div class="card bg-image h-100" style="background:url({{ voucherData.image_url }})center no-repeat"></div>
  22.                             </div>
  23.                             <div class="col-md-4 col-12 text-center text-md-start my-2 my-md-auto small">
  24.                                 <div class="py-2">
  25.                                     <p class="mb-1">{{ voucherData.name }}</p>
  26.                                     {% if voucherData.desc is defined and voucherData.desc != '' %}
  27.                                         <p class="m-0"><strong>{{ voucherData.desc }}</strong></p>
  28.                                             {% endif %}
  29.                                 </div>
  30.                             </div>
  31.                             <div class="col-md-2 col-4 text-center my-auto d-grid">{{ voucherData.price|formatPrice(null, formType.cartData.currency_code) }}</div>
  32.                             <div class="col-md-3 col-5 text-center my-auto d-grid">
  33.                                 <div class="input-group m-auto">
  34.                                     {{ form_widget(voucherForm.quantity, { 'attr': { 'readonly': 'readonly', 'class': 'quantity form-control' } }) }}
  35.                                     <span class="input-group-text">
  36.                                         <button type="button" class="increase_quantity">+</button>
  37.                                         <button type="button" class="decrease_quantity">-</button>
  38.                                     </span>
  39.                                 </div>
  40.                                 {{ form_errors(voucherForm.quantity) }}
  41.                             </div>
  42.                             <div class="col-md-1 col-3 text-end text-md-center my-auto">
  43.                                 <button type="button" class="delete_voucher btn btn-danger"><i class="fa fa-trash"></i></button>
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 {% endfor %}
  49.                 <div class="card p-2 bg-light">
  50.                     <div class="row text-center text-md-end">
  51.                         <div class="col-md-6 col-lg-8">Łączna cena:</div>
  52.                         <div class="col-md-6 col-lg-4"><strong>{{ formType.cartData.total_price|formatPrice(null, formType.cartData.currency_code) }}</strong> </div>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.         <div class="col-lg-6">
  58.             <div class="product-form card px-3 py-2 mb-3 mb-md-0 h-100">
  59.                 <div class="text-center text-md-start">
  60.                     <h4>INFORMACJE O KUPUJĄCYM</h4>
  61.                     <div class="mb-2"><small>Uzupełnij poniższe informacje:</small></div>
  62.                 </div>
  63.                 <div class="row">
  64.                     <div class="col-md-6">
  65.                         <div class="form-group form-group-default mb-1">
  66.                             {{ form_row(form.firstName, { 'attr': { 'class': 'form-control sm-form-control' } }) }}
  67.                         </div>
  68.                     </div>
  69.                     <div class="col-md-6">
  70.                         <div class="form-group form-group-default mb-1">
  71.                             {{ form_row(form.lastName, { 'attr': { 'class': 'form-control sm-form-control' } }) }}
  72.                         </div>
  73.                     </div>
  74.                     <div class="col-md-6">
  75.                         <div class="form-group form-group-default mb-1">
  76.                             {{ form_row(form.email, { 'attr': { 'class': 'form-control sm-form-control' } }) }}
  77.                         </div>
  78.                     </div>
  79.                     <div class="col-md-6">
  80.                         <div class="form-group form-group-default mb-1">
  81.                             {{ form_row(form.phone, { 'attr': { 'class': 'form-control sm-form-control' } }) }}
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  89.     <div class="card p-3 mb-5">
  90.         <div class="text-center text-md-start">
  91.             <h4 class="text-uppercase">Metoda płatności</h4>
  92.             <div class="mb-3"><small>Wybierz sposób zapłaty:</small></div>
  93.         </div>
  95.         <div class="row">
  96.             <div class="col-lg-4">
  97.                 {{ form_row(form.paymentMethod) }}
  99.                 {% set paymentMethodList = formType.getPaymentMethodList() %}
  101.                 {% if paymentMethodList %}
  102.                     <div id="payment_methods_container" class="row mb-3 mb-lg-0" data-off-class="bg-light text-dark" data-on-class="bg-success text-white">
  103.                         {% for paymentMethodData in paymentMethodList %}
  104.                             <div class="col-6">
  105.                                 <div class="mb-3">
  106.                                     <div class="payment_method_container card px-2 py-4 h-100 text-center" style="cursor: pointer" data-id="{{ paymentMethodData.id }}">
  107.                                         <div class="h1">
  108.                                             <i class="{{ paymentMethodData.css_icon_class }}" aria-hidden="true"></i>
  109.                                         </div>
  110.                                         {{ paymentMethodData.name }}
  111.                                     </div>
  112.                                 </div>
  113.                             </div>
  114.                         {% endfor %}
  115.                     </div>
  116.                 {% else %}
  117.                     <strong><span class="text-danger">Brak dostępnych metod płatności.</span></strong>
  118.                 {% endif %}
  119.             </div>
  120.             <div class="col-lg-4  ">
  121.                 <div class="checkbox mb-3">
  122.                     <label>
  123.                         <input data-bind="checked: acceptedVCCPromotions" id="acceptedVCCPromotions" name="acceptedVCCPromotions" type="checkbox" value="1"><span class="help-block" style="display: none;"></span>
  124.                         Tak, chcę otrzymywać aktualizacje od <strong>Lorem ipsum  </strong>
  125.                     </label>
  126.                 </div>
  127.                 <div class="checkbox mb-3">
  128.                     <label>
  129.                         <input data-bind="checked: acceptedVCCPromotions" id="acceptedVCCPromotions" name="acceptedVCCPromotions" type="checkbox" required="required"><span class="help-block" style="display: none;"></span>
  130.                         Zapoznałem się i akceptuję <strong>Regulamin</strong>
  131.                     </label>
  132.                   
  133.                 </div>
  134.             </div>
  135.             <div class="col-lg-4 d-grid mb-auto">
  136.                 <button type="submit" class="btn btn-success">
  137.                     <i class="fa fa-gift" aria-hidden="true"></i> Przejdź do płatności
  138.                 </button>
  139.             </div>
  140.         </div>
  141.     </div>
  143.     {{ form_end(form) }}
  144. {% else %}
  145.     <div class="voucher_container card p-3 mb-3 text-center">
  146.         <p class="py-3 mb-2">Koszyk jest pusty</p>
  147.         <div class="d-block">
  148.             <a href="{{ vc_path('voucher_cart_voucher_config') }}"
  149.                class="btn btn-outline-secondary"
  150.                title="ETAP 1 - wybór vouchera">
  151.                 <i class="fa fa-chevron-left me-1" aria-hidden="true"></i>
  152.                 Powrót do wyboru
  153.             </a>
  154.         </div>
  155.     </div>
  156. {% endif %}