templates/web/core/side-menu.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'web' %}
  4. <div id="sidepanel">
  6. <div id="opening_hours" style="display: none;">
  7. <section class="qodef-side-menu side-menu">
  9. <div id="cross-icon" class="js-modal-closed"
  10. style="position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer;">
  11. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  12. stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
  13. <line x1="18" y1="6" x2="6" y2="18"></line>
  14. <line x1="6" y1="6" x2="18" y2="18"></line>
  15. </svg>
  16. </div>
  18. <div class="side-menu__inner">
  19. <div class="widget qodef-sidearea widget_media_image">
  20. <a href="#">
  21. <img src="{{ asset('build/images/web/logo_bl.svg') }}"
  22. class="image wp-image-1242 attachment-full size-full side-menu__logo" alt="f"
  23. loading="lazy">
  24. </a>
  25. </div>
  26. <div class="widget qodef-sidearea widget_text">
  27. <div class="textwidget">
  28. <p style="margin-top: 33px;">{{ 'contact.text'|trans }}</p>
  29. </div>
  30. </div>
  31. <div class="widget qodef-sidearea widget_qodef_instagram_widget">
  32. <img src="{{ asset('build/images/web/menu/menu_foto.jpg') }}" alt="" style="margin-bottom: 15px;"
  33. loading="lazy">
  34. {# Otevírací doba #}
  35. <div class="widget qodef-sidearea widget_text">
  36. <h4 style="margin-bottom: 15px;">{{ 'sidepanel.openingHours' | trans }}</h4>
  37. {{ render(controller('App\\Controller\\Web\\DefaultController::opening')) }}
  38. </div>
  39. {# Otevírací doba o svátcích #}
  40. <div class="widget qodef-sidearea widget_text">
  41. <h4 style="margin-bottom: 15px;">{{ 'sidepanel.holidayHours' | trans }}</h4>
  42. <div>
  43. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  44. <div style="max-width: 60%;">{{ 'sidepanel.holidays.january.date' | trans }}</div>
  45. <div style="font-weight: bold;">{{ 'sidepanel.holidays.january.hours' | trans }}</div>
  46. </div>
  47. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  48. <div style="max-width: 60%;">{{ 'sidepanel.holidays.april.firstDate' | trans }}</div>
  49. <div style="font-weight: bold;">{{ 'sidepanel.holidays.april.firstHours' | trans }}</div>
  50. </div>
  51. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  52. <div style="max-width: 60%;">{{ 'sidepanel.holidays.april.secondDate' | trans }}</div>
  53. <div style="font-weight: bold;">{{ 'sidepanel.holidays.april.secondHours' | trans }}</div>
  54. </div>
  55. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  56. <div style="max-width: 60%;">{{ 'sidepanel.holidays.may.firstDate' | trans }}</div>
  57. <div style="font-weight: bold;">{{ 'sidepanel.holidays.may.firstHours' | trans }}</div>
  58. </div>
  59. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  60. <div style="max-width: 60%;">{{ 'sidepanel.holidays.may.secondDate' | trans }}</div>
  61. <div style="font-weight: bold;">{{ 'sidepanel.holidays.may.secondHours' | trans }}</div>
  62. </div>
  63. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  64. <div style="max-width: 60%;">{{ 'sidepanel.holidays.july.firstDate' | trans }}</div>
  65. <div style="font-weight: bold;">{{ 'sidepanel.holidays.july.firstHours' | trans }}</div>
  66. </div>
  67. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  68. <div style="max-width: 60%;">{{ 'sidepanel.holidays.july.secondDate' | trans }}</div>
  69. <div style="font-weight: bold;">{{ 'sidepanel.holidays.july.secondHours' | trans }}</div>
  70. </div>
  71. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  72. <div style="max-width: 60%;">{{ 'sidepanel.holidays.september.firstDate' | trans }}</div>
  73. <div style="font-weight: bold;">{{ 'sidepanel.holidays.september.firstHours' | trans }}</div>
  74. </div>
  75. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  76. <div style="max-width: 60%;">{{ 'sidepanel.holidays.october.firstDate' | trans }}</div>
  77. <div style="font-weight: bold;">{{ 'sidepanel.holidays.october.firstHours' | trans }}</div>
  78. </div>
  79. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  80. <div style="max-width: 60%;">{{ 'sidepanel.holidays.november.firstDate' | trans }}</div>
  81. <div style="font-weight: bold;">{{ 'sidepanel.holidays.november.firstHours' | trans }}</div>
  82. </div>
  83. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  84. <div style="max-width: 60%;">{{ 'sidepanel.holidays.december.firstDate' | trans }}</div>
  85. <div style="font-weight: bold;">{{ 'sidepanel.holidays.december.firstHours' | trans }}</div>
  86. </div>
  87. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  88. <div style="max-width: 60%;">{{ 'sidepanel.holidays.december.secondDate' | trans }}</div>
  89. <div style="font-weight: bold;">{{ 'sidepanel.holidays.december.secondHours' | trans }}</div>
  90. </div>
  91. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  92. <div style="max-width: 60%;">{{ 'sidepanel.holidays.december.thirdDate' | trans }}</div>
  93. <div style="font-weight: bold;">{{ 'sidepanel.holidays.december.thirdHours' | trans }}</div>
  94. </div>
  95. <div class="open_hours_row" style="display: flex; justify-content: space-between;">
  96. <div style="max-width: 60%;">{{ 'sidepanel.holidays.december.fourthDate' | trans }}</div>
  97. <div style="font-weight: bold;">{{ 'sidepanel.holidays.december.fourthHours' | trans }}</div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  103. <div class="widget qodef-sidearea widget_text">
  104. <div class="widget textwidget">
  105. <h4 style="margin-bottom: 15px;">{{ 'contact.title'|trans }}</h4>
  106. <p style="margin-bottom: 0;">
  107. <a href="tel:{{ 'contact.phone'|trans|replace({' ':''}) }}">{{ 'contact.phone'|trans }}</a><br>
  108. <a href="mailto:{{ 'contact.email'|trans }}">{{ 'contact.email'|trans }}</a><br>
  109. <a href="https://www.google.com/maps/place/Freeport+Fashion+Outlet/@48.762728,16.0617137,17z/data=!4m10!1m2!2m1!1sFreeport+Fashion+Outlet,+Hat%C4%9B,+Chvalovice!3m6!1s0x476d50d2a64507a9:0xf9b4e9b86a773727!8m2!3d48.762728!4d16.0639027!15sCipGcmVlcG9ydCBGYXNoaW9uIE91dGxldCwgSGF0xJssIENodmFsb3ZpY2VaKiIoZnJlZXBvcnQgZmFzaGlvbiBvdXRsZXQgaGF0xJsgY2h2YWxvdmljZZIBC291dGxldF9tYWxs4AEA!16s%2Fg%2F1v6l694x?hl=en&entry=ttu"
  110. target="_blank" rel="noopener">{{ 'contact.address1'|trans }}</a><br>
  111. <a href="https://www.google.com/maps/place/Chvalovice-Hate+196,+669+02+Chvalovice/@48.7625407,16.0596316,17z/data=!3m1!4b1!4m6!3m5!1s0x476d572c79447357:0x82bfc1bc896b49ae!8m2!3d48.7625372!4d16.0622065!16s%2Fg%2F11bw3xlvp_?hl=en&entry=ttu"
  112. target="_blank" rel="noopener">{{ 'contact.address2'|trans }}</a></p>
  113. </div>
  114. </div>
  115. <div class="widget qodef-social-icons-group-widget text-align-left" style="margin-left:15px;">
  116. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  117. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  118. href="{{ 'socials.facebook' | trans }}" target="_blank">
  119. <span class="qodef-social-icon-widget fab fa-facebook-f"></span>
  120. </a>
  121. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  122. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  123. href="{{ 'socials.youtube' | trans }}" target="_blank">
  124. <span class="qodef-social-icon-widget fab fa-youtube"></span>
  125. </a>
  126. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  127. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  128. href="{{ 'socials.instagram' | trans }}" target="_blank">
  129. <span class="qodef-social-icon-widget fab fa-instagram"></span>
  130. </a>
  131. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  132. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  133. href="{{ 'socials.linkedin' | trans }}" target="_blank">
  134. <span class="qodef-social-icon-widget fab fa-linkedin-in"></span>
  135. </a>
  136. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  137. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  138. href="{{ 'socials.tiktok' | trans }}" target="_blank">
  139. <span class="qodef-social-icon-widget">
  140. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 13px;height: 14px;">
  141. <path d="M448.5 209.9c-44 .1-87-13.6-122.8-39.2l0 178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6-64.8 13.5-96.9 5.3-60.9-25.9-82.7-50.8-35.3-56-39-88.9 2.9-66.1 18.6-95.2 40-52.7 69.6-67.7 62.9-20.5 95.7-16l0 89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3-14 28.1-13.9 43.9 5.2 31 14.5 43.7 22.4 22.1 37.4 26.9 31.1 4.8 46-.1 28-14.4 37.2-27.1 14.2-28.1 14.2-43.8l0-349.4 88 0c-.1 7.4 .6 14.9 1.9 22.2 3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1l0 87.4z" style="
  142. fill: #CACACA;
  143. "></path></svg>
  144. </span>
  145. </a>
  146. </div>
  147. </div>
  148. </section>
  149. </div>
  152. <div id="where_to_us" style="display: none;">
  153. <section class="qodef-side-menu side-menu">
  154. <div id="cross-icon2" class="js-modal-closed"
  155. style="position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer;">
  156. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  157. stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
  158. <line x1="18" y1="6" x2="6" y2="18"></line>
  159. <line x1="6" y1="6" x2="18" y2="18"></line>
  160. </svg>
  161. </div>
  163. <div class="side-menu__inner">
  164. <div class="widget qodef-sidearea widget_media_image">
  165. <a href="#">
  166. <img src="{{ asset('build/images/web/logo_bl.svg') }}"
  167. class="image wp-image-1242 attachment-full size-full side-menu__logo" alt="f"
  168. loading="lazy">
  169. </a>
  170. </div>
  171. <div class="widget qodef-sidearea widget_text">
  172. <div class="textwidget">
  173. <p style="margin-top: 33px;">{{ 'contact.text'|trans }}</p>
  174. </div>
  175. </div>
  176. <div class="widget qodef-sidearea widget_qodef_instagram_widget">
  177. {# <img src="{{ asset('build/images/web/menu/menu_foto.jpg') }}" alt="" style="margin-bottom: 30px;"> #}
  178. <div class="map-container"></div>
  179. </div>
  180. <div class="widget qodef-sidearea widget_text">
  181. <div class="textwidget">
  182. <h4 style="margin-bottom: 15px;">{{ 'contact.title'|trans }}</h4>
  183. <p style="margin-bottom: 0px;">
  184. <a href="tel:{{ 'contact.phone'|trans|replace({' ':''}) }}">{{ 'contact.phone'|trans }}</a><br>
  185. <a href="mailto:{{'contact.email' | trans}}">{{'contact.email' | trans}}</a><br>
  186. <a href="https://www.google.com/maps/place/Freeport+Fashion+Outlet/@48.762728,16.0617137,17z/data=!4m10!1m2!2m1!1sFreeport+Fashion+Outlet,+Hat%C4%9B,+Chvalovice!3m6!1s0x476d50d2a64507a9:0xf9b4e9b86a773727!8m2!3d48.762728!4d16.0639027!15sCipGcmVlcG9ydCBGYXNoaW9uIE91dGxldCwgSGF0xJssIENodmFsb3ZpY2VaKiIoZnJlZXBvcnQgZmFzaGlvbiBvdXRsZXQgaGF0xJsgY2h2YWxvdmljZZIBC291dGxldF9tYWxs4AEA!16s%2Fg%2F1v6l694x?hl=en&entry=ttu"
  187. target="_blank" rel="noopener">{{ 'contact.address1'|trans }}</a><br>
  188. <a href="https://www.google.com/maps/place/Chvalovice-Hate+196,+669+02+Chvalovice/@48.7625407,16.0596316,17z/data=!3m1!4b1!4m6!3m5!1s0x476d572c79447357:0x82bfc1bc896b49ae!8m2!3d48.7625372!4d16.0622065!16s%2Fg%2F11bw3xlvp_?hl=en&entry=ttu"
  189. target="_blank" rel="noopener">{{ 'contact.address2'|trans }}</a></p>
  190. </div>
  191. </div>
  192. <div class="widget qodef-sidearea widget_text">
  193. <div class="textwidget">
  194. <h4 style="margin-bottom: 15px;">{{ 'contact.bus'|trans }}</h4>
  195. <a href="{{asset('build/files/bus-2025.pdf')}}" target="_blank">
  196. <svg style="width:40px; fill:#757575;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  197. <path d="M5 4H15V8H19V20H5V4ZM3.9985 2C3.44749 2 3 2.44405 3 2.9918V21.0082C3 21.5447 3.44476 22 3.9934 22H20.0066C20.5551 22 21 21.5489 21 20.9925L20.9997 7L16 2H3.9985ZM10.4999 7.5C10.4999 9.07749 10.0442 10.9373 9.27493 12.6534C8.50287 14.3757 7.46143 15.8502 6.37524 16.7191L7.55464 18.3321C10.4821 16.3804 13.7233 15.0421 16.8585 15.49L17.3162 13.5513C14.6435 12.6604 12.4999 9.98994 12.4999 7.5H10.4999ZM11.0999 13.4716C11.3673 12.8752 11.6042 12.2563 11.8037 11.6285C12.2753 12.3531 12.8553 13.0182 13.5101 13.5953C12.5283 13.7711 11.5665 14.0596 10.6352 14.4276C10.7999 14.1143 10.9551 13.7948 11.0999 13.4716Z"/>
  198. </svg>
  199. </a>
  200. </div>
  201. </div>
  202. <div class="widget qodef-sidearea widget_text">
  203. <div class="textwidget">
  204. <h4 style="margin-bottom: 15px;">{{ 'contact.busWien'|trans }}</h4>
  205. <a href="https://de.familycity.com/shuttlebus/" target="_blank">
  206. <svg style="width:40px; fill:#757575;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  207. <path d="M5 4H15V8H19V20H5V4ZM3.9985 2C3.44749 2 3 2.44405 3 2.9918V21.0082C3 21.5447 3.44476 22 3.9934 22H20.0066C20.5551 22 21 21.5489 21 20.9925L20.9997 7L16 2H3.9985ZM10.4999 7.5C10.4999 9.07749 10.0442 10.9373 9.27493 12.6534C8.50287 14.3757 7.46143 15.8502 6.37524 16.7191L7.55464 18.3321C10.4821 16.3804 13.7233 15.0421 16.8585 15.49L17.3162 13.5513C14.6435 12.6604 12.4999 9.98994 12.4999 7.5H10.4999ZM11.0999 13.4716C11.3673 12.8752 11.6042 12.2563 11.8037 11.6285C12.2753 12.3531 12.8553 13.0182 13.5101 13.5953C12.5283 13.7711 11.5665 14.0596 10.6352 14.4276C10.7999 14.1143 10.9551 13.7948 11.0999 13.4716Z"/>
  208. </svg>
  209. </a>
  210. </div>
  211. </div>
  212. <div class="widget qodef-social-icons-group-widget text-align-left">
  213. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  214. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  215. href="{{ 'socials.facebook' | trans }}" target="_blank">
  216. <span class="qodef-social-icon-widget fab fa-facebook-f"></span>
  217. </a>
  218. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  219. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  220. href="{{ 'socials.youtube' | trans }}" target="_blank">
  221. <span class="qodef-social-icon-widget fab fa-youtube"></span>
  222. </a>
  223. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  224. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  225. href="{{ 'socials.instagram' | trans }}" target="_blank">
  226. <span class="qodef-social-icon-widget fab fa-instagram"></span>
  227. </a>
  228. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  229. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  230. href="{{ 'socials.linkedin' | trans }}" target="_blank">
  231. <span class="qodef-social-icon-widget fab fa-linkedin-in"></span>
  232. </a>
  233. <a class="qodef-social-icon-widget-holder qodef-icon-has-hover" data-hover-color="#000000"
  234. style="color: #cacaca;font-size: 15px;margin: 0 15px 0 0;"
  235. href="{{ 'socials.tiktok' | trans }}" target="_blank">
  236. <span class="qodef-social-icon-widget">
  237. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 13px;height: 14px;">
  238. <path d="M448.5 209.9c-44 .1-87-13.6-122.8-39.2l0 178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6-64.8 13.5-96.9 5.3-60.9-25.9-82.7-50.8-35.3-56-39-88.9 2.9-66.1 18.6-95.2 40-52.7 69.6-67.7 62.9-20.5 95.7-16l0 89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3-14 28.1-13.9 43.9 5.2 31 14.5 43.7 22.4 22.1 37.4 26.9 31.1 4.8 46-.1 28-14.4 37.2-27.1 14.2-28.1 14.2-43.8l0-349.4 88 0c-.1 7.4 .6 14.9 1.9 22.2 3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1l0 87.4z" style="
  239. fill: #CACACA;
  240. "></path></svg>
  241. </span>
  242. </a>
  243. </div>
  244. </div>
  245. </section>
  246. </div>
  247. </div>