templates/Customer/Postman/form.html.twig line 1

Open in your IDE?
  1. {% extends 'Customer/Postman/base.html.twig' %}
  2. {% form_theme orderForm with ['form_div_layout.html.twig', 'OverrideForm/form_errors.html.twig'] %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     {{ encore_entry_link_tags('customer/form')}}
  7. {% endblock %}
  9. {% block javascripts %}
  10.     {{ parent() }}
  11.     {{ encore_entry_script_tags('customer/form')}}
  12.     {{ encore_entry_script_tags('customer/prevent-enter-submit')}}
  13.     {% if app.environment != 'prod' and app.environment != 'demo' %}
  14.         {{ encore_entry_script_tags('support/test-data-filler') }}
  15.     {% endif %}
  16. {% endblock %}
  18. {% block catchword %}
  19.     {% trans %}Pošlete balík s naším{% endtrans %}
  20.     <span>{% trans %}Superpošťákem{% endtrans %}</span><br>
  21.     {% trans %}ještě dnes!{% endtrans %}
  22. {% endblock %}
  24. {% block content %}
  25.     {{ form_start(orderForm, { attr: {novalidate: 'novalidate'} }) }}
  26.     <div class="row">
  27.         <div class="col-12 d-flex flex-column justify-content-center" data-aos="fade-up">
  28.             <div class="header-wrapper">
  29.                 <div class="row">
  30.                     <div class="col-12">
  31.                         <h1 class="d-flex flex-wrap align-items-center">
  32.                             <span class="mr-2 mx-0">{% trans %}Pošlete balík za{% endtrans %}
  33.                                 <span id="delivery-price-h2">
  34.                                     {{- render(controller('App\\Controller\\Customer\\PriceController::getDeliveryPrice', {'iso': defaultCountry.iso, 'json': 0})) -}}
  35.                                 </span>&nbsp;{% trans %}Kč do{% endtrans %}
  36.                             </span>
  37.                             <span class="mr-2 mx-0 country-delivery">
  38.                                 {{ form_widget(orderForm.deliveryTo.country, {'attr' : {'class': 'form-control form-control-lg'}}) }}
  39.                             </span>
  40.                         </h1>
  41.                     </div>
  42.                 </div>
  43.             </div>
  44.         </div>
  45.     </div>
  46.     <div id="form-wrapper">
  47.         {% if orderForm.vars.errors|length %}
  48.             {%for error in orderForm.vars.errors%}
  49.                 <div>
  50.                     <div class="alert alert-danger" role="alert">
  51.                         <span class="cil-warning" aria-hidden="true"></span>
  52.                         <span class="sr-only">Warning:</span>
  53.                         <a href="#" class="close" data-dismiss="alert">&times;</a>
  54.                         <span class="text">{{error.message}}</span>
  55.                     </div>
  56.                 </div>
  57.             {%endfor%}
  58.         {% endif%}
  59.         <div class="row mb-3 mt-3">
  60.             <div class="col-12">
  61.                 <h3 class="font-weight-bold">{% trans %}1. Zadejte rozměry a hmotnost balíčku a ihned uvidíte cenu{% endtrans %}</h3>
  62.             </div>
  63.         </div>
  64.         <div class="row mb-3">
  65.             <div class="col-12">
  66.                 <div>{% trans %}Pokud si nejste jisti rozměry, odhadněte je.{% endtrans %}</div>
  67.             </div>
  68.         </div>
  69.         <div class="row">
  70.             <div class="col-12">
  71.                 {% for item in orderForm.calculation %}
  72.                     <div class="row">
  73.                         <div class="col-xl-3 col-lg-4 col-md-5 col-sm-6 col-12">
  74.                             <div class="form-row">
  75.                                 <label class="col-12 col-lg-5 col-md-5 col-sm-5 col-form-label pb-0 mb-0 h-25">{{ form_label(item) }}
  76.                                     <span class="text-secondary">{{ item.vars.required ? " *" : "" }}</span>
  77.                                 </label>
  78.                                 <div class="col-12 col-sm-7">{{ form_widget(item, {'attr' : {'class' : 'form-control form-control-sm form-calculation'}}) }}
  79.                                     <div class="col-lg-7 col-sm-7 p-0">
  80.                                         <span class="form-text-error">{{ form_errors(item) }}</span>
  81.                                     </div>
  82.                                 </div>
  83.                             </div>
  84.                         </div>
  85.                         <div class="col-lg-7 col-sm-6">
  86.                             <span>{{ form_help(item) }}</span>
  87.                         </div>
  88.                     </div>
  89.                 {% endfor %}
  90.                 <div class="orderForm font-xl">
  91.                     <div class="row">
  92.                         <div class="col-12 mt-3">
  93.                             {% apply spaceless %}
  94.                                 <span class=''>{% trans %}Cena{% endtrans %}:&nbsp;</span>
  95.                                 <b>
  96.                                 <span id="delivery-price">
  97.                                     {{- render(controller('App\\Controller\\Customer\\PriceController::getDeliveryPrice', {'iso': defaultCountry.iso})) -}}
  98.                                 </span>
  99.                                 </b>&nbsp;{% trans %}Kč, balíček doručíme do 3 pracovních dnů.{% endtrans %}
  100.                             {% endapply %}
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.                 <div class="orderForm">
  105.                     {#<span class="orderForm-star mr-2">* </span>#}
  106.                     {#<span>{% trans %}Takto označená pole jsou důležitá pro spočítání ceny.{% endtrans %}</span>#}
  107.                 </div>
  108.             </div>
  109.         </div>
  110.         <div class="row mb-3 mt-3">
  111.             <div class="col-12">
  112.                 <h3 class="font-weight-bold">{% trans %}2. Zadejte obsah zásilky{% endtrans %}</h3>
  113.             </div>
  114.         </div>
  115.         <div class="row mb-3">
  116.             <div class="col-lg-7 col-sm-10">
  117.                 <div>{% trans %}Do tohoto pole prosím zadejte obsah balíku, stačí jednoslovně, ale konkrétně. Např: elektronika, dokumenty, drogistické zboží, strojírenské součástky atp.{% endtrans %}</div>
  118.             </div>
  119.         </div>
  120.         <div class="row">
  121.             <div class="col-lg-10 col-sm-12">
  122.                 <div class="row">
  123.                     <div class="col-12">
  124.                         <div class="form-row">
  125.                             <label class="col-sm-4 col-md-3 col-lg-3 col-xl-2 col-form-label">{{ form_label(orderForm.contentDescription) }}
  126.                                 <span class="text-secondary">{{ orderForm.contentDescription.vars.required ? " *" : "" }}</span>
  127.                             </label>
  128.                             <div class="col-12 col-xl-6 col-sm-7">{{ form_widget(orderForm.contentDescription, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  129.                                 <div class="col-xl-7 col-lg-6 col-sm-7 p-0">
  130.                                     <span class="form-text-error">{{ form_errors(orderForm.contentDescription) }}</span>
  131.                                 </div>
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.             </div>
  137.         </div>
  138.         <div class="row mb-3 mt-3">
  139.             <div class="col-12">
  140.                 <h3 class="font-weight-bold">{% trans %}3. Zadejte cílovou adresu{% endtrans %}</h3>
  141.             </div>
  142.         </div>
  143.         <div class="row">
  144.             <div class="col-lg-10 col-sm-12">
  145.                 {% for item in orderForm.deliveryTo %}
  146.                     {% if (item.vars.id != 'simple_order_deliveryTo_country') %}
  147.                         <div class="row">
  148.                             <div class="col-12">
  149.                                 <div class="form-row">
  150.                                     <label class="col-sm-4 col-md-3 col-lg-3 col-xl-2 col-form-label">{{ form_label(item) }}
  151.                                         <span class="text-secondary">{{ item.vars.required ? " *" : "" }}</span>
  152.                                     </label>
  153.                                     {#
  154.                                     Proc je tam 'autocomplete':'autofill-off'?
  155.                                     U Chrome 'autocomplete':'off' vypne jen jednoradkovy autokomplete.
  156.                                     Autofill adres, karet a jmen trigruje na dany set stringu v atributu name
  157.                                     chovani se prepisuje pokud je vyplnen atribut autocomplete
  158.                                     pak se hleda odpovidajici ulozena hodnota napr cc-name je jmeno kreditni karty
  159.                                     pokud se klic nenajde nevyplnuje se nic
  160.                                     #}
  161.                                     <div class="col-12 col-xl-6 col-sm-7">{{ form_widget(item, {'attr' : {'class' : 'form-control form-control-sm', 'autocomplete':'autofill-off' }}) }}
  162.                                         <div class="col-xl-7 col-lg-6 col-sm-7 p-0">
  163.                                             <span class="form-text-error">{{ form_errors(item) }}</span>
  164.                                         </div>
  165.                                     </div>
  166.                                 </div>
  167.                             </div>
  168.                         </div>
  169.                     {% endif %}
  170.                 {% endfor %}
  171.             </div>
  172.         </div>
  173.         <div class="row">
  174.             <div class="col-lg-10 col-sm-12">
  175.                 <div class="row mb-3 mt-3">
  176.                     <div class="col-12">
  177.                         <h3 class="font-weight-bold">{% trans %}4. Zpáteční adresa{% endtrans %}</h3>
  178.                     </div>
  179.                 </div>
  180.                 {% for item in orderForm.returnTo%}
  181.                     <div class="row">
  182.                         <div class="col-12">
  183.                             <div class="form-row">
  184.                                 <label class="col-sm-4 col-md-3 col-lg-3 col-xl-2 col-form-label">{{ form_label(item) }}
  185.                                     <span class="text-secondary">{{ item.vars.required ? " *" : "" }}</span>
  186.                                 </label>
  187.                                 <div class="col-12 col-xl-6 col-sm-7">{{ form_widget(item, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  188.                                     <div class="col-lg-7 col-sm-7 p-0">
  189.                                         <span class="form-text-error">{{ form_errors(item) }}</span>
  190.                                     </div>
  191.                                 </div>
  192.                             </div>
  193.                         </div>
  194.                     </div>
  195.                 {% endfor %}
  196.             </div>
  197.         </div>
  198.         <div class="row">
  199.             <div class="companyDataLink"><u>Zadat firemní data</u></div>
  200.             <div class="companyDataLink d-none"><u>Skrýt firemní data</u></div>
  201.         </div>
  202.         <div class="row d-none" id="companyData">
  203.             <div class="col-lg-10 col-sm-12">
  204.                 <div class="row mb-3 mt-3">
  205.                     <div class="col-12">
  206.                         <h5 class="font-weight-bold">{% trans %}Fakturační adresa{% endtrans %}</h5>
  207.                     </div>
  208.                 </div>
  209.                 {% for item in orderForm.billing%}
  210.                     <div class="row">
  211.                         <div class="col-12">
  212.                             <div class="form-row">
  213.                                 <label class="col-sm-4 col-md-3 col-lg-3 col-xl-2 col-form-label">{{ form_label(item) }}
  214.                                     <span class="text-secondary">{{ item.vars.attr.reqStar is defined and item.vars.attr.reqStar ? " *" : "" }}</span>
  215.                                 </label>
  216.                                 <div class="col-12 col-xl-6 col-sm-7">{{ form_widget(item, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  217.                                     <div class="col-lg-7 col-sm-7 p-0">
  218.                                         <span class="form-text-error">{{ form_errors(item) }}</span>
  219.                                     </div>
  220.                                 </div>
  221.                             </div>
  222.                         </div>
  223.                     </div>
  224.                 {% endfor %}
  225.             </div>
  226.         </div>
  227.         <div class="row mt-3 mb-3">
  228.             <div class="col-12">
  229.                 <h3 class="font-weight-bold">{% trans %}5. Zaplaťte za doručení do{% endtrans %} <span id="label-delivery-to"></span></h3>
  230.             </div>
  231.         </div>
  232.         <div class="row">
  233.             <div class="col-12">
  234.                 <p>{% trans %}Platební údaje se vám zobrazí po odeslání objednávky.{% endtrans %}</p>
  235.             </div>
  236.         </div>
  237.         <div class="row mt-3">
  238.             <div class="col-12">
  239.                 <h3 class="font-weight-bold">{% trans %}6. Připravte balík a pošlete nám ho{% endtrans %}</h3>
  240.             </div>
  241.         </div>
  242.         <div class="row mt-3">
  243.             <div class="col-12 col-sm-5">
  244.                 <div>
  245.                     <strong>{% trans %}Velmi důležité!{% endtrans %}</strong>&nbsp;{% trans %}Kamkoliv na balík napište identifikační kód:{% endtrans %}
  246.                     <br>
  247.                     <strong class="text-danger font-xl">{{ formatCode(code) }}</strong>
  248.                 </div>
  249.                 <br>
  250.                 <p>{% trans %}Zašlete balík na naše sběrné místo na adresu:{% endtrans %}</p>
  251.                 <p>
  252.                     {{ depo_address_name }}<br>
  253.                     {{ depo_address_street }}<br>
  254.                     {{ depo_address_city }}<br>
  255.                     {{ depo_address_zipcode }}<br>
  256. {#                    {% trans %}Tel:{% endtrans %} {{ depo_phone }}<br>#}
  257.                 </p>
  258.             </div>
  259.         </div>
  260.         <div class="row mb-3 mt-3">
  261.             <div class="col-12">
  262.                 <h3 class="font-weight-bold">{% trans %}7. Dokončení{% endtrans %}</h3>
  263.             </div>
  264.         </div>
  265.         <div class='row'>
  266.             <div class='col-12 col-sm-8'>
  267.                 {{ form_widget(orderForm.submit, {'attr' : {'class': 'btn btn-danger btn-lg'}}) }}
  268.             </div>
  269.         </div>
  270.         {{ form_end(orderForm) }}
  271.     </div>
  273.     <!-- Modal zmena ceny (prevody jednotek) -->
  274.     <div class="modal fade" id="measurementModal" tabindex="-1" role="dialog" aria-labelledby="measurementModalTitle" aria-hidden="true">
  275.         <div class="modal-dialog" role="document">
  276.             <div class="modal-content">
  277.                 <div class="modal-header">
  278.                     <h5 class="modal-title" id="measurementModalTitle"></h5>
  279.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  280.                         <span aria-hidden="true">&times;</span>
  281.                     </button>
  282.                 </div>
  283.                 <div class="modal-body" id="measurementModalBody">
  284.                 </div>
  285.                 <div class="modal-footer">
  286.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans %}Zrušit{% endtrans %}</button>
  287.                     <button type="button" id="measurement-modal-confirmation" class="btn btn-primary">{% trans %}Změnit{% endtrans %}</button>
  288.                 </div>
  289.             </div>
  290.         </div>
  291.     </div>
  293.     <!-- Obecny modal pro vypsani textu do divu bez tlacitek, napr pro invalidni kombinace zeme doruceni a parametru baliku-->
  294.     <div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="messageModalTitle" aria-hidden="true">
  295.         <div class="modal-dialog modal-lg" role="document">
  296.             <div class="modal-content">
  297.                 <div class="modal-header">
  298.                     <h5 class="modal-title" id="messageModalTitle"></h5>
  299.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  300.                         <span aria-hidden="true">&times;</span>
  301.                     </button>
  302.                 </div>
  303.                 <div class="modal-body" id="messageModalBody">
  304.                 </div>
  305.             </div>
  306.         </div>
  307.     </div>
  309.     <span id="dimensionSelector" class="d-none"></span>
  310.     <span id="length-title" class="d-none">{% trans %}Délka musí být zadaná v centimetrech.{% endtrans %}</span>
  311.     <span id="width-title" class="d-none">{% trans %}Šířka musí být zadaná v centimetrech.{% endtrans %}</span>
  312.     <span id="height-title" class="d-none">{% trans %}Výška musí být zadaná v centimetrech.{% endtrans %}</span>
  313.     <span id="weight-title" class="d-none">{% trans %}Hmotnost musí být zadaná v kilogramech.{% endtrans %}</span>
  314.     <span id="circuit-title" class="d-none">{% trans %}Pozor, byl překročen limit pro maximální rozměry balíku!{% endtrans %}</span>
  315.     <span id="length-desc" class="d-none">
  316.         {% trans %}Zadaný rozměr délky je nejspíše v metrech, chcete jej převést na centimetry? <br>
  317.             Původní hodnota je <span id="length-oldValue"></span>, nová hodnota bude <span id="length-newValue"></span> cm.
  318.         {% endtrans %}
  319.     </span>
  320.     <span id="width-desc" class="d-none">
  321.         {% trans %}Zadaný rozměr šířky je nejspíše v metrech, chcete jej převést na centimetry? <br>
  322.             Původní hodnota je <span id="width-oldValue"></span>, nová hodnota bude <span id="width-newValue"></span> cm.
  323.         {% endtrans %}
  324.     </span>
  325.     <span id="height-desc" class="d-none">
  326.         {% trans %}Zadaný rozměr výšky je nejspíše v metrech, chcete jej převést na centimetry? <br>
  327.             Původní hodnota je <span id="height-oldValue"></span>, nová hodnota bude <span id="height-newValue"></span> cm.
  328.         {% endtrans %}
  329.     </span>
  330.     <span id="weight-desc" class="d-none">
  331.         {% trans %}Zadaný rozměr hmotnosti je nejspíše v gramech, chcete jej převést na kilogramy? <br>
  332.             Původní hodnota je <span id="weight-oldValue"></span>, nová hodnota bude <span id="weight-newValue"></span> kg.
  333.         {% endtrans %}
  334.     </span>
  335.     <span id="circuit-desc" class="d-none">
  336.         {% trans %}Součet délek všech stran musí být menší než 300 cm.{% endtrans %}
  337.         {% trans %}Součet je vypočítán jako (2x nejkratší strana + 2x prostřední strana + 1x nejdelší strana).{% endtrans %}
  338.     </span>
  339.     <span id="msgLength" class="d-none">{% trans %}Délka balíku musí být v rozsahu od 1 do 100 cm!{% endtrans %}</span>
  340.     <span id="msgWidth" class="d-none">{% trans %}Šířka balíku musí být v rozsahu od 1 do 100 cm!{% endtrans %}</span>
  341.     <span id="msgHeight" class="d-none">{% trans %}Výška balíku musí být v rozsahu od 1 do 100 cm!{% endtrans %}</span>
  342.     <span id="msgWeight" class="d-none">{% trans %}Hmotnost balíku musí být v rozsahu od 0.01 do 30 kg!{% endtrans %}</span>
  343.     <span id="msgContentDescription" class="d-none">{% trans %}Obsah balíku musí být vyplňen!{% endtrans %}</span>
  344.     <span id="msgNameMin" class="d-none">{% trans %}Jméno musí být dlouhé alespoň 2 znaky!{% endtrans %}</span>
  345.     <span id="msgNameMax" class="d-none">{% trans %}Jméno nesmí být delší než 50 znaků!{% endtrans %}</span>
  346.     <span id="msgAddressMin" class="d-none">{% trans %}Adresa musí být dlouhá alespoň 2 znaky!{% endtrans %}</span>
  347.     <span id="msgAddressMax" class="d-none">{% trans %}Adresa nesmí být delší než 50 znaků!{% endtrans %}</span>
  348.     <span id="msgCityMin" class="d-none">{% trans %}Město musí být dlouhé alespoň 2 znaky!{% endtrans %}</span>
  349.     <span id="msgCityMax" class="d-none">{% trans %}Město nesmí být delší než 50 znaků!{% endtrans %}</span>
  350.     <span id="msgZipCode" class="d-none">{% trans %}PSČ musí být číslo ve tvaru XXXXX nebo XXX XX!{% endtrans %}</span>
  351.     <span id="msgTelephone" class="d-none">{% trans %}Telefonní číslo musí být ve tvaru 606123123 nebo +420 606 123 123!{% endtrans %}</span>
  352.     <span id="msgEmail" class="d-none">{% trans %}E-mail musí být ve tvaru ab@ab.cz!{% endtrans %}</span>
  353.     <span id="msgCompanyNameMin" class="d-none">{% trans %}Název firmy musí být dlouhý alespoň 2 znaky!{% endtrans %}</span>
  354.     <span id="msgCompanyNameMax" class="d-none">{% trans %}Název firmy nesmí být delší než 50 znaků!{% endtrans %}</span>
  355.     <span id="msgCompanyRegNumberMin" class="d-none">{% trans %}IČO musí obsahovat alespoń 5 znaků!{% endtrans %}</span>
  356.     <span id="msgCompanyRegNumberMax" class="d-none">{% trans %}IČO musí obsahovat maximálně 20 znaků!{% endtrans %}</span>
  357.     <span id="msgCompanyVatNumberMin" class="d-none">{% trans %}DIČ musí obsahovat alespoń 5 znaků!{% endtrans %}</span>
  358.     <span id="msgCompanyVatNumberMax" class="d-none">{% trans %}DIČ musí obsahovat maximálně 20 znaků!{% endtrans %}</span>
  359. {% endblock %}