templates/customer/form.html.twig line 1

Open in your IDE?
  1. {% extends 'customer/base.html.twig' %}
  2. {% block javascripts %}
  3.     {{ parent() }}
  4.     {{ encore_entry_script_tags('order-form') }}
  5.     {% if app.environment != 'prod' %}
  6.         {{ encore_entry_script_tags('test-data-filler') }}
  7.     {% endif %}
  8.     <script type="text/javascript" src="https://api.mapy.cz/loader.js"></script>
  9.     <script type="text/javascript">Loader.load(null, {suggest: true});</script>
  10. {% endblock %}
  11. {% block body %}
  13.     {% for message in app.flashes('success') %}
  14.         <div class="alert alert-danger">
  15.             {{ message }}
  16.         </div>
  17.     {% endfor %}
  19.     {% if api.errors is defined %}
  20.         <div class="mt-5 ms-5">
  21.             <h2>Chyby</h2>
  22.             {% for error in api.errors %}
  23.                 <div>
  24.                     {{ error.message }}
  25.                 </div>
  26.             {% endfor %}
  27.         </div>
  28.     {% endif %}
  30.     {#     modal #}
  31.     <div id="modalTimes" class="modal fade" role="dialog">
  32.         <div class="modal-dialog modal-lg">
  34.             <div class="modal-content">
  35.                 <div class="modal-header">
  36.                     <h4 class="modal-title">Vyberte čas</h4>
  37.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  38.                 </div>
  39.                 <div class="modal-body">
  40.                     {% for item in timestamps %}
  41.                         <div class="container">
  42.                             <h4>{{ item.name }}</h4>
  43.                             {% for time in item.timeRange %}
  44.                                 <div type="button" data-bs-dismiss="modal" class="btn btn-times times"
  45.                                      data-dh="{{ time.timeFrom|date('d.m (l), H') }} - {{ time.timeTo|date('H') }} h"
  46.                                      data-from="{{ time.timeFrom }}" data-to="{{ time.timeTo }}">
  47.                                     <p>{{ time.timeFrom|date('H:i') }}-{{ time.timeTo|date('H:i') }}</p>
  48.                                 </div>
  49.                             {% endfor %}
  50.                         </div>
  51.                     {% endfor %}
  52.                 </div>
  53.                 <div class="modal-footer">
  55.                     <button id="close_modal" type="button" class="btn btn-default" data-bs-dismiss="modal">Zavřít
  56.                     </button>
  57.                 </div>
  58.             </div>
  60.         </div>
  61.     </div>
  62.     {#     modal end #}
  64.     <div class="form">
  65.         <div class="head-text p6 extraBold">
  66.             OBJEDNÁVKA
  67.         </div>
  69.         <div class="mb-5">
  70.             <div class="banner">
  71.                 <img src="{{ asset('build/img/banner-adjacent.jpg') }}" alt="">
  72.             </div>
  73.             <div class="banner-text p2">
  74.                 Nejsme jen kurýr, jsme SUPERKURÝR!
  75.             </div>
  76.         </div>
  78.         <div class="container">
  79.             <div class="mb-5">
  80.                 <div class="row justify-content-center text-center">
  81.                     <div class="col-10">
  82.                         <p class="p2">
  83.                             Vyplňte údaje o své objednávce, obratem Vás kontaktujeme a doplníme podrobnosti.
  84.                         </p>
  85.                     </div>
  86.                 </div>
  87.             </div>
  89.             <div style="width:80%; margin:0 auto;">
  91.                 {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
  93.                 <div class="row pb-3">
  94.                     <div class="form-header p5 pb-4">
  95.                         ADRESA VYZVEDNUTÍ
  96.                     </div>
  98.                     <div class="col-6">
  99.                         <div title="Jméno" class="mb-4 iconSpace form-field">
  100.                             <div class="icons"><img class="" src="{{ asset('build/img/name.svg') }}" alt=""></div>
  101.                             <div>{{ form_widget(form.addressA.name, {'id': 'nameP', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  102.                             </div>
  103.                             <div>{{ form_errors(form.addressA.name, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  104.                             </div>
  105.                         </div>
  107.                         <div title="Příjmení" class="mb-4 iconSpace form-field">
  108.                             <div class="icons"><img class="" src="{{ asset('build/img/name.svg') }}" alt=""></div>
  109.                             <div>{{ form_widget(form.addressA.surname, {'id': 'surnameP', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  110.                             </div>
  111.                             <div>{{ form_errors(form.addressA.surname, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  112.                             </div>
  113.                         </div>
  115.                         <div title="Telefon" class="mb-4 iconSpace form-field">
  116.                             <div class="icons"><img class="" src="{{ asset('build/img/phone.svg') }}" alt=""></div>
  117.                             <div>{{ form_widget(form.addressA.phone, {'id': 'phoneP', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  118.                             </div>
  119.                             <div>{{ form_errors(form.addressA.phone, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  120.                             </div>
  121.                         </div>
  123.                         <div>
  124.                             <div class="p4" style="font-weight: 600; text-align: center">DATUM A ČAS</div>
  125.                             <div class="mb-4 iconSpace form-field">
  126.                                 <div id="pickupTimes" data-bs-toggle="modal" data-bs-target="#modalTimes">
  127.                                     <div type="button" class="time-btn mb-3">Vybrat</div>
  128.                                     <div id="pickFromSum" class="time-control"></div>
  129.                                 </div>
  130.                                 <div>{{ form_errors(form.timeA.timeFrom, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  131.                                     <div class="mb-4">
  132.                                         <div>{{ form_widget(form.timeA.timeFrom, {'id': 'pickFrom', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  133.                                         </div>
  134.                                     </div>
  135.                                     <div class="mb-4">
  136.                                         <div>{{ form_widget(form.timeA.timeTo, {'id': 'pickTo', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  137.                                         </div>
  138.                                     </div>
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  143.                     </div>
  145.                     <div class="col-6">
  146.                         <div title="Vyhledat adresu" class="mb-4 iconSpace form-field">
  147.                             <div class="icons"><img class="" src="{{ asset('build/img/location.svg') }}" alt=""></div>
  148.                             <div>
  149.                                 <input id="pickupSelectInput"
  150.                                        class="pickupSelect form-control form-control-sm form-control"
  151.                                        type="text"
  152.                                        value=""
  153.                                        placeholder="Vyhledat adresu"/>
  154.                             </div>
  155.                         </div>
  157.                         <div class="row">
  158.                             <div class="mb-4 col-6">
  159.                                 <div class="ps-2" style="display: flex;">
  160.                                     <label id="streetPLabel" class="addressLabel">Ulice:</label>
  161.                                     <div>{{ form_widget(form.addressA.street, {'id': 'streetP', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  162.                                     </div>
  163.                                 </div>
  164.                                 <div>{{ form_errors(form.addressA.street, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  165.                                 </div>
  166.                             </div>
  168.                             <div class="mb-4 col-6">
  169.                                 <div style="display: flex;">
  170.                                     <label id="house_numberPLabel" class="addressLabel">ČP:</label>
  171.                                     <div>{{ form_widget(form.addressA.houseNumber, {'id': 'house_numberP', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  172.                                     </div>
  173.                                 </div>
  174.                                 <div>{{ form_errors(form.addressA.houseNumber, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  175.                                 </div>
  176.                             </div>
  177.                         </div>
  179.                         <div class="row">
  180.                             <div class="col-6 mb-4">
  181.                                 <div class="ps-2" style="display: flex;">
  182.                                     <label id="cityPLabel" class="addressLabel">Město:</label>
  183.                                     <div>{{ form_widget(form.addressA.city, {'id': 'cityP', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  184.                                     </div>
  185.                                 </div>
  186.                                 <div>{{ form_errors(form.addressA.city, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  187.                                 </div>
  188.                             </div>
  190.                             <div class="col-6 mb-4">
  191.                                 <div style="display: flex;">
  192.                                     <label id="postPLabel" class="addressLabel">PSČ:</label>
  193.                                     <div>{{ form_widget(form.addressA.postcode, {'id': 'postP', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  194.                                     </div>
  195.                                 </div>
  196.                                 <div>{{ form_errors(form.addressA.postcode, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  197.                                 </div>
  198.                             </div>
  199.                         </div>
  201.                         <div class="mb-4">
  202.                             <div>{{ form_widget(form.coordinatesA.longitude, {'id': 'longP', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  203.                             </div>
  204.                             <div>{{ form_errors(form.coordinatesA.longitude, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  205.                             </div>
  206.                         </div>
  208.                         <div class="mb-4">
  209.                             <div>{{ form_widget(form.coordinatesA.latitude, {'id': 'latP', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  210.                             </div>
  211.                             <div>{{ form_errors(form.coordinatesA.latitude, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  212.                             </div>
  213.                         </div>
  214.                     </div>
  216.                 </div>
  218.                 <div class="row pb-3">
  219.                     <div class="form-header p5 pb-4">
  220.                         ADRESA DORUČENÍ
  221.                     </div>
  223.                     <div class="col-6">
  224.                         <div title="Jméno" class="mb-4 iconSpace form-field">
  225.                             <div class="icons"><img class="" src="{{ asset('build/img/name.svg') }}" alt=""></div>
  226.                             <div>{{ form_widget(form.addressB.name, {'id': 'nameD', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  227.                             </div>
  228.                             <div>{{ form_errors(form.addressB.name, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  229.                             </div>
  230.                         </div>
  232.                         <div title="Příjmení" class="mb-4 iconSpace form-field">
  233.                             <div class="icons"><img class="" src="{{ asset('build/img/name.svg') }}" alt=""></div>
  234.                             <div>{{ form_widget(form.addressB.surname, {'id': 'surnameD', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  235.                             </div>
  236.                             <div>{{ form_errors(form.addressB.surname, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  237.                             </div>
  238.                         </div>
  240.                         <div title="Telefon" class="mb-4 iconSpace form-field">
  241.                             <div class="icons"><img class="" src="{{ asset('build/img/phone.svg') }}" alt=""></div>
  242.                             <div>{{ form_widget(form.addressB.phone, {'id': 'phoneD', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  243.                             </div>
  244.                             <div>{{ form_errors(form.addressB.phone, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  245.                             </div>
  246.                         </div>
  248.                         <div>
  249.                             <div class="p4" style="font-weight: 600; text-align: center">DATUM A ČAS</div>
  250.                             <div class="mb-4 iconSpace form-field">
  251.                                 <div id="deliveryTimes" data-bs-toggle="modal" data-bs-target="#modalTimes">
  252.                                     <div type="button" class="time-btn mb-3">Vybrat</div>
  253.                                     <div id="delFromSum" class="time-control"></div>
  254.                                 </div>
  255.                                 <div>{{ form_errors(form.timeB.timeFrom, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  256.                                     <div class="mb-4">
  257.                                         <div>{{ form_widget(form.timeB.timeFrom, {'id': 'deliveryFrom', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  258.                                         </div>
  259.                                     </div>
  260.                                     <div class="mb-4">
  261.                                         <div>{{ form_widget(form.timeB.timeTo, {'id': 'deliveryTo', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  262.                                         </div>
  263.                                     </div>
  264.                                 </div>
  265.                             </div>
  266.                         </div>
  267.                     </div>
  269.                     <div class="col-6">
  270.                         <div title="Vyhledat adresu" class="mb-4 iconSpace form-field">
  271.                             <div class="icons"><img class="" src="{{ asset('build/img/location.svg') }}" alt=""></div>
  272.                             <div>
  273.                                 <input class="deliverySelect form-control form-control-sm form-control"
  274.                                        type="text"
  275.                                        value=""
  276.                                        placeholder="Vyhledat adresu"/>
  277.                             </div>
  278.                         </div>
  280.                         <div class="row">
  281.                             <div class="mb-4 col-6">
  282.                                 <div class="ps-2" style="display: flex;">
  283.                                     <label id="streetDLabel" class="addressLabel">Ulice:</label>
  284.                                     <div>{{ form_widget(form.addressB.street, {'id': 'streetD', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  285.                                     </div>
  286.                                 </div>
  287.                                 <div>{{ form_errors(form.addressB.street, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  288.                                 </div>
  289.                             </div>
  291.                             <div class="mb-4 col-6">
  292.                                 <div style="display: flex;">
  293.                                     <label id="house_numberDLabel" class="addressLabel">ČP:</label>
  294.                                     <div>{{ form_widget(form.addressB.houseNumber, {'id': 'house_numberD', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  295.                                     </div>
  296.                                 </div>
  297.                                 <div>{{ form_errors(form.addressB.houseNumber, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  298.                                 </div>
  299.                             </div>
  300.                         </div>
  302.                         <div class="row">
  303.                             <div class="col-6 mb-4">
  304.                                 <div class="ps-2" style="display: flex;">
  305.                                     <label id="cityDLabel" class="addressLabel">Město:</label>
  306.                                     <div>{{ form_widget(form.addressB.city, {'id': 'cityD', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  307.                                     </div>
  308.                                 </div>
  309.                                 <div>{{ form_errors(form.addressB.city, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  310.                                 </div>
  311.                             </div>
  313.                             <div class="col-6 mb-4">
  314.                                 <div style="display: flex;">
  315.                                     <label id="postDLabel" class="addressLabel">PSČ:</label>
  316.                                     <div>{{ form_widget(form.addressB.postcode, {'id': 'postD', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  317.                                     </div>
  318.                                 </div>
  319.                                 <div>{{ form_errors(form.addressB.postcode, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  320.                                 </div>
  321.                             </div>
  322.                         </div>
  324.                         <div class="mb-4">
  325.                             <div>{{ form_widget(form.coordinatesB.longitude, {'id': 'longD', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  326.                             </div>
  327.                             <div>{{ form_errors(form.coordinatesB.longitude, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  328.                             </div>
  329.                         </div>
  331.                         <div class="mb-4">
  332.                             <div>{{ form_widget(form.coordinatesB.latitude, {'id': 'latD', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  333.                             </div>
  334.                             <div>{{ form_errors(form.coordinatesB.latitude, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  335.                             </div>
  336.                         </div>
  337.                     </div>
  339.                 </div>
  341.                 <div class="my-4">
  342.                     <div style="display: flex;">
  343.                         <label style="font-weight: 600;" class="p4 pt-1">Cena (Kč):</label>
  344.                         <div>{{ form_widget(form.price, {'id': 'price', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  345.                         </div>
  346.                     </div>
  347.                     <div>{{ form_errors(form.price, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  348.                     </div>
  349.                 </div>
  351.                 <div class="row pb-3">
  352.                     <div class="form-header p5 pb-2">
  353.                         FAKTURAČNÍ ADRESA
  354.                     </div>
  355.                     <div class="row pb-3" style="text-align: center;">
  357.                         <div class="p3" style="font-weight: 600; text-align: center">
  358.                             <label class="form-label">Stejná jako
  359.                                 <span id="copyP"
  360.                                       class="text-decoration-underline">adresa vyzvednutí</span> -
  361.                                 <span id="copyD"
  362.                                       class="text-decoration-underline">adresa doručení</span>.
  363.                             </label>
  364.                         </div>
  365.                     </div>
  367.                     <div class="col-6">
  368.                         <div title="Jméno" class="mb-4 iconSpace form-field">
  369.                             <div class="icons"><img class="" src="{{ asset('build/img/name.svg') }}" alt=""></div>
  370.                             <div>{{ form_widget(form.addressF.name, {'id': 'nameF', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  371.                             </div>
  372.                             <div>{{ form_errors(form.addressF.name, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  373.                             </div>
  374.                         </div>
  376.                         <div title="Příjmení" class="mb-4 iconSpace form-field">
  377.                             <div class="icons"><img class="" src="{{ asset('build/img/name.svg') }}" alt=""></div>
  378.                             <div>{{ form_widget(form.addressF.surname, {'id': 'surnameF', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  379.                             </div>
  380.                             <div>{{ form_errors(form.addressF.surname, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  381.                             </div>
  382.                         </div>
  384.                         <div title="Telefon" class="mb-4 iconSpace form-field">
  385.                             <div class="icons"><img class="" src="{{ asset('build/img/phone.svg') }}" alt=""></div>
  386.                             <div>{{ form_widget(form.addressF.phone, {'id': 'phoneF', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  387.                             </div>
  388.                             <div>{{ form_errors(form.addressF.phone, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  389.                             </div>
  390.                         </div>
  392.                         <div title="E-mail" class="mb-4 iconSpace form-field-mail">
  393.                             <div class="icons"><img class="" src="{{ asset('build/img/mail.svg') }}" alt=""></div>
  394.                             <div>{{ form_widget(form.email, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  395.                             </div>
  396.                             <div>{{ form_errors(form.email, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  397.                             </div>
  398.                         </div>
  400.                         <div title="Název firmy" class="mb-4 form-field">
  401.                             <div>{{ form_widget(form.company, {'id': 'companyF', 'attr' : {'class' : 'form-control form-control-sm'}}) }}
  402.                             </div>
  403.                             <div>{{ form_errors(form.company, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  404.                             </div>
  405.                         </div>
  406.                     </div>
  408.                     <div class="col-6">
  409.                         <div title="Vyhledat adresu" class="mb-4 iconSpace form-field">
  410.                             <div class="icons"><img class="" src="{{ asset('build/img/location.svg') }}" alt=""></div>
  411.                             <div>
  412.                                 <input class="invoiceSelect form-control form-control-sm form-control"
  413.                                        type="text"
  414.                                        value=""
  415.                                        placeholder="Vyhledat adresu"/>
  416.                             </div>
  417.                         </div>
  419.                         <div class="row">
  420.                             <div class="mb-4 col-6">
  421.                                 <div class="ps-2" style="display: flex;">
  422.                                     <label id="streetFLabel" class="addressLabel">Ulice:</label>
  423.                                     <div>{{ form_widget(form.addressF.street, {'id': 'streetF', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  424.                                     </div>
  425.                                 </div>
  426.                                 <div>{{ form_errors(form.addressF.street, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  427.                                 </div>
  428.                             </div>
  430.                             <div class="mb-4 col-6">
  431.                                 <div style="display: flex;">
  432.                                     <label id="house_numberFLabel" class="addressLabel">ČP:</label>
  433.                                     <div>{{ form_widget(form.addressF.houseNumber, {'id': 'house_numberF', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  434.                                     </div>
  435.                                 </div>
  436.                                 <div>{{ form_errors(form.addressF.houseNumber, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  437.                                 </div>
  438.                             </div>
  439.                         </div>
  441.                         <div class="row">
  442.                             <div class="col-6 mb-4">
  443.                                 <div class="ps-2" style="display: flex;">
  444.                                     <label id="cityFLabel" class="addressLabel">Město:</label>
  445.                                     <div>{{ form_widget(form.addressF.city, {'id': 'cityF', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  446.                                     </div>
  447.                                 </div>
  448.                                 <div>{{ form_errors(form.addressF.city, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  449.                                 </div>
  450.                             </div>
  452.                             <div class="col-6 mb-4">
  453.                                 <div style="display: flex;">
  454.                                     <label id="postFLabel" class="addressLabel">PSČ:</label>
  455.                                     <div>{{ form_widget(form.addressF.postcode, {'id': 'postF', 'attr' : {'class' : 'form-control form-control-sm readonly'}}) }}
  456.                                     </div>
  457.                                 </div>
  458.                                 <div>{{ form_errors(form.addressF.postcode, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  459.                                 </div>
  460.                             </div>
  461.                         </div>
  463.                         <div title="IČ" class="mb-4 form-field">
  464.                             <div>{{ form_widget(form.ic, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  465.                             </div>
  466.                             <div>{{ form_errors(form.ic, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  467.                             </div>
  468.                         </div>
  470.                         <div title="DIČ" class="mb-4 form-field">
  471.                             <div>{{ form_widget(form.dic, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  472.                             </div>
  473.                             <div>{{ form_errors(form.dic, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  474.                             </div>
  476.                         </div>
  477.                     </div>
  478.                 </div>
  480.                 <div class="row pt-2">
  481.                     <div class="form-header p5 pb-2">
  482.                         DETAILY
  483.                     </div>
  484.                     <div title="Váha (kg)" class="col-3 mb-4">
  485.                         <div>{{ form_widget(form.weight, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  486.                         </div>
  487.                         <div>{{ form_errors(form.weight, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  488.                         </div>
  489.                     </div>
  490.                     <div title="Obsah balíku" class="col-9 mb-4">
  491.                         <div>{{ form_widget(form.contentOfPackage, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  492.                         </div>
  493.                         <div>{{ form_errors(form.contentOfPackage, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  494.                         </div>
  495.                     </div>
  496.                     <div title="Poznámka" class="col-12 mb-4">
  497.                         <div>{{ form_widget(form.note, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  498.                         </div>
  499.                         <div>{{ form_errors(form.note, {'attr' : {'class' : 'form-control form-control-sm'}}) }}
  500.                         </div>
  501.                     </div>
  502.                 </div>
  504.                 <div class="mb-4 text-center">
  505.                     <div class="form-header p5 pb-2">
  506.                         MAPA TRASY
  507.                     </div>
  508.                     <div id="m" class="rounded mx-auto d-block" style="height:300px; width: 70%"></div>
  509.                 </div>
  511.                 {{ form_end(form) }}
  513.             </div>
  514.         </div>
  515.     </div>
  516. {% endblock %}