src/Modules/VoucherCart/Templates/Voucher/config.html.twig line 1

  1. {% extends 'Modules/VoucherCart/Templates/layouts/main.html.twig' %}
  2. {% trans_default_domain 'voucherCart' %}
  4. {% if form %}
  5.     {% form_theme form 'Form/fields.html.twig' %}
  6. {% endif %}
  8. {% block javascripts %}
  9.     <script type="text/javascript" src="{{ asset('assets/app/modules/voucher-cart/js/config_form.js') }}"></script>
  10. {% endblock %}
  12. {% block content %}
  13.     {{ include('Modules/VoucherCart/Templates/Voucher/partials/orderSteps.html.twig', { 'step': 1 }) }}
  15.     {% if form %}
  16.         {{ form_start(form) }}
  18.         <h4 class="text-center py-3">
  19.             Konfiguracja vouchera kwotowego:
  20.         </h4>
  22.         <div class="row product-details pb-3" id="voucherForm"  >
  23.             <div class="col-lg-6 product-information"  >
  24.                 <p>
  25.                     <img src="{{ asset(formType.settingsData.image_url|imagine_filter('voucher_cart_package_image_1000x380i')) }}" class="img-fluid" />
  26.                 </p>
  27.                 <section class="form-section">
  28.                     <div class="form-group mb-3" >
  29.                         <div class="row gutters-md" >
  30.                             <div class="col-sm-12">
  31.                                 <div class="card p-3 bg-light">
  32.                                     <div class="row">
  33.                                         <div class="col-2 col-sm-1 h3">
  34.                                             <i class="fa  fa-gift"></i>
  35.                                         </div>
  36.                                         <div class="col-10 col-sm-11 ">
  37.                                           <div class="row">
  38.                                             <div class="col-sm-7 pb-2 pb-sm-0">
  39.                                               <strong>
  40.                                                   Podaruj voucher osobiście,
  41.                                               </strong>
  42.                                               <p class="text-muted m-0">
  43.                                                   kurierem lub mailowo
  44.                                               </p>
  45.                                             </div>
  46.                                             <div class="col-sm-5    d-grid">
  47.                                                 <button id="set_gift" type="button" class="btn btn-outline-secondary btn-sm">Dodaj jako prezent</button>
  48.                                             </div>
  49.                                           </div>
  50.                                         </div>
  52.                                     </div>
  53.                                 </div>
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                 </section>
  58.             </div>
  59.             <div class="col-lg-6" data-bind="with: userData()">
  60.                 <div class="product-form card px-3 py-2">
  61.                     <div id="voucherConfigurationForm" class="product-form-container">
  62.                         <section class="form-section">
  63.                             <div class="radio product-option">
  64.                                 <label>Wybierz lub wpisz wartość: </label>
  65.                                 <div class="range-option">
  66.                                     <div class="input-group mb-1">
  67.                                         <span class="input-group-text">{{ getCurrencyCodeSymbol(formType.settingsData.entity.package.currencyCode) }}</span>
  68.                                         {{ form_widget(form.amount, { 'attr': { 'class': 'form-control' } }) }}
  69.                                     </div>
  70.                                     {{ form_errors(form.amount) }}
  71.                                     <div class="btn-group btn-group-justified d-flex mb-3">
  72.                                         {% for amount in formType.getPredefinedPriceList() %}
  73.                                             <a href="#" class="set_amount btn w-100 {{ form.amount.vars.data == amount ? 'btn-secondary active' : 'btn-outline-secondary' }}" data-amount="{{ amount|formatPrice(false) }}">{{ amount|formatPrice(null, formType.settingsData.entity.package.currencyCode) }}</a>
  74.                                         {% endfor %}
  75.                                     </div>
  76.                                 </div>
  78.                                 <label>
  79.                                     Sposób doręczenia:
  80.                                 </label>
  82.                                 <div class="product-delivery">
  83.                                     <div class="product-delivery-type">
  84.                                         <div class="form-group" >
  85.                                             <div class="row gutters-md" >
  86.                                                 <div class="col-sm-12">
  87.                                                     <div class="card p-3 bg-light">
  89.                                                         <div class="row">
  90.                                                             <div class="col-sm-1 col-2 h3">
  91.                                                                 <i class="fa  fa-at media-object"></i>
  92.                                                             </div>
  93.                                                             <div class="col-sm-11 col-10">
  94.                                                                 <strong>
  95.                                                                     eVoucher
  96.                                                                 </strong>
  97.                                                                 <p class="text-muted m-0">
  98.                                                                     Niezwłocznie po zakupie otrzymasz voucher pocztą e-mail
  99.                                                                 </p>
  100.                                                             </div>
  101.                                                         </div>
  102.                                                     </div>
  103.                                                 </div>
  104.                                             </div>
  105.                                         </div>
  106.                                     </div>
  107.                                 </div>
  108.                             </div>
  109.                         </section>
  110.                     </div>
  112.                     <section class="form-section">
  113.                         <div class="product-actions mb-3">
  114.                             Upewnij się, że przeczytałeś i zgadzasz się na
  115.                             <a href="#">Warunki użytkowania</a>.
  116.                         </div>
  118.                         <div class="row mb-3">
  119.                             <div class="col-md-8">
  120.                                 <div class="input-group mb-md-0 mb-3">
  121.                                     <span class="input-group-text">ilość</span>
  122.                                     {{ form_widget(form.quantity, { 'attr': { 'class': 'form-control' } }) }}
  123.                                     <button type="submit" href="voucher-celis-2.html" class="btn btn-success"  id="button-addon2">
  124.                                         <i class="icon fa fa-shopping-cart"></i> &nbsp;
  125.                                         Dodaj do koszyka
  126.                                     </button>
  127.                                 </div>
  128.                                 {{ form_errors(form.quantity) }}
  129.                             </div>
  130.                             <div class="col-md-4 d-grid">
  131.                                 {% if not cartEmpty %}
  132.                                     <a href="{{ vc_path('voucher_cart_details') }}" class="btn btn-secondary">
  133.                                 {% else %}
  134.                                     <button type="button" class="btn btn-secondary" disabled="disabled">
  135.                                 {% endif %}
  136.                                         Złóż zamówienie <i class="fa fa-chevron-right ms-3" aria-hidden="true"></i>
  137.                                 {% if not cartEmpty %}</a>{% else %}</button>{% endif %}
  138.                             </div>
  139.                         </div>
  140.                     </section>
  141.                 </div>
  142.             </div>
  143.         </div>
  145.         <div class="mb-5">
  146.             <ul class="nav nav-tabs nav-justified mb-0" id="ex1" role="tablist">
  147.                 <li class="nav-item" role="presentation">
  148.                     <a
  149.                         class="nav-link active"
  150.                         id="ex1-tab-1"
  151.                         data-bs-toggle="tab"
  152.                         href="#ex1-tabs-1"
  153.                         role="tab"
  154.                         aria-controls="ex1-tabs-1"
  155.                         aria-selected="true"
  156.                         >Opis vouchera</a
  157.                     >
  158.                 </li>
  159.                 <li class="nav-item" role="presentation">
  160.                     <a
  161.                         class="nav-link"
  162.                         id="ex1-tab-2"
  163.                         data-bs-toggle="tab"
  164.                         href="#ex1-tabs-2"
  165.                         role="tab"
  166.                         aria-controls="ex1-tabs-2"
  167.                         aria-selected="false"
  168.                         >Doręczenie</a
  169.                     >
  170.                 </li>
  171.                 <li class="nav-item" role="presentation">
  172.                     <a
  173.                         class="nav-link"
  174.                         id="ex1-tab-3"
  175.                         data-bs-toggle="tab"
  176.                         href="#ex1-tabs-3"
  177.                         role="tab"
  178.                         aria-controls="ex1-tabs-3"
  179.                         aria-selected="false"
  180.                         >Warunki użytkowania</a
  181.                     >
  182.                 </li>
  183. {#
  184.                 <li class="nav-item" role="presentation">
  185.                     <a
  186.                         class="nav-link"
  187.                         id="ex1-tab-4"
  188.                         data-bs-toggle="tab"
  189.                         href="#ex1-tabs-4"
  190.                         role="tab"
  191.                         aria-controls="ex1-tabs-4"
  192.                         aria-selected="false"
  193.                         >Lokalizacja</a
  194.                     >
  195.                 </li>
  196. #}
  197.             </ul>
  198.             <div class="tab-content tabs-card" id="ex1-content">
  199.                 <div
  200.                     class="tab-pane fade show active p-3"
  201.                     id="ex1-tabs-1"
  202.                     role="tabpanel"
  203.                     aria-labelledby="ex1-tab-1"
  204.                     >
  205.                     <p>{{ formType.settingsData.entity.description|nl2br }}</p>
  206.                 </div>
  207.                 <div class="tab-pane fade p-3" id="ex1-tabs-2" role="tabpanel" aria-labelledby="ex1-tab-2">
  208.                     <p>{{ formType.settingsData.entity.delivery|nl2br }}</p>
  209.                 </div>
  210.                 <div class="tab-pane fade p-3" id="ex1-tabs-3" role="tabpanel" aria-labelledby="ex1-tab-3">
  211.                     <p>{{ formType.settingsData.entity.terms|nl2br }}</p>
  212.                 </div>
  213. {#
  214.                 <div class="tab-pane fade p-3" id="ex1-tabs-4" role="tabpanel" aria-labelledby="ex1-tab-4">
  215.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2761.999275829559!2d12.554754675862606!3d46.19057308468256!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47799e9600b09ec9%3A0xc8c11faa76bbd41b!2sVia%20Dante%2C%203%2C%2033080%20Barcis%20PN%2C%20W%C5%82ochy!5e0!3m2!1spl!2spl!4v1698062102470!5m2!1spl!2spl"
  216.                             width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  217.                 </div>
  218. #}
  219.             </div>
  220.         </div>
  222.         {{ form_end(form) }}
  224.         {{ include('Modules/VoucherCart/Templates/Voucher/partials/configGiftModal.html.twig') }}
  225.     {% endif %}
  227.     {{ render(controller('App\\Modules\\VoucherCart\\Controller\\VoucherController::predefinedVouchersWidget')) }}
  228. {% endblock %}