templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}" class="{{ app.request.host|replace({'.': '_'}) }} app-color-{{ app_color() }}">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  9. {% if no_index %}
  10. <meta name="robots" content="noindex,nofollow"/>
  11. {% endif %}
  13. {% block meta %}
  14. {% endblock %}
  15. {# <meta content="width=1280" name="viewport">#}
  16. <meta http-equiv="Content-Style-Type" content="text/css" />
  17. <meta http-equiv="Content-Script-Type" content="text/javascript"/>
  18. {% if block('seoKeywords') is not empty -%}
  19. <meta name="keywords" content="{% block seoKeywords %}{% endblock %}"/>
  20. {%- endif %}
  21. {% if block('seoDescription') is not empty -%}
  22. <meta name="description" content="{% block seoDescription %}{% endblock %}"/>
  23. {%- endif %}
  24. {% if block('seoCreated') is not empty -%}
  25. <meta name="date" content="{% block seoCreated %}{% endblock %}"/>
  26. {%- endif %}
  27. <meta name="author" content="{{ app_name }}"/>
  28. <meta name="copyright" content="copyright by {{ app_name }}"/>
  29. <!-- SCRIPTS -->
  31. <title>{% block title %}Welcome{% endblock %} | {{ app_name }}</title>
  32. <!-- LINK -->
  33. <link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/static/favicon.ico') }}"/>
  34. <link rel="shortcut icon" type="image/png" href="{{ asset('assets/static/favicon.png') }}"/>
  35. <link rel="apple-touch-icon" type="image/png" href="{{ asset('assets/static/favicon.png') }}"><!-- iPhone -->
  36. <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('assets/static/apple-touch-icon-57x57.png') }}" />
  37. <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('assets/static/apple-touch-icon-72x72.png') }}" />
  38. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/static/apple-touch-icon-76x76.png') }}" />
  39. <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('assets/static/apple-touch-icon-114x114.png') }}" />
  40. <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('assets/static/apple-touch-icon-120x120.png') }}" />
  41. <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('assets/static/apple-touch-icon-144x144.png') }}" />
  42. <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('assets/static/apple-touch-icon-152x152.png') }}" />
  43. <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/static/apple-touch-icon-180x180.png') }}" />
  45. {# <link rel="stylesheet" href="{{ asset(style()) }}">#}
  46. {% block stylesheets %}
  47. {{ encore_entry_link_tags(app_color('app/app-')) }}
  48. {% endblock %}
  50. <!-- GOOGLE -->
  51. {# <script type="application/javascript" src="{{ asset('assets/runtime.js') }}"></script>#}
  52. {# <script type="application/javascript" src="{{ asset('assets/vendor.js') }}"></script>#}
  53. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCxYi_Sk25cIlLkMEQlM7I-jAqWYTDQj64&loading=async"></script>
  54. <!-- Global site tag (gtag.js) - Google Analytics -->
  55. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-151104863-1"></script>
  56. <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-151104863-1');</script>
  57. </head>
  59. <body class="{% block body_class %}{% endblock %}">
  60. {% set allMessages = app.flashes() %}
  62. {% if allMessages is not empty %}
  63. <div aria-live="polite" aria-atomic="true">
  64. <!-- Position it -->
  65. <div>
  66. {% for type,messages in allMessages %}
  67. {% for message in messages %}
  68. <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-delay="10000">
  69. <div class="alert alert-{{ type }} mb-0" role="alert" aria-live="assertive" aria-atomic="true">
  70. <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
  71. <span aria-hidden="true">&times;</span>
  72. </button>
  73. {{ message|raw }}
  74. </div>
  75. </div>
  76. {% endfor %}
  77. {% endfor %}
  78. </div>
  79. </div>
  80. {% endif %}
  82. <div class="card cookie-card" style="position:fixed; bottom:0; left:0; width: 100vw; z-index: 9999; max-height: 100vh; max-width: 100vw; overflow: auto">
  83. <div class="card-body">
  84. <h5 class="card-title">Cookies</h5>
  85. <p class="card-text">
  86. {{ 'cookie.text'|trans({
  87. ':link': path('mdl_public_page_show', { '_locale': app.request.locale, 'slug': 'privacy-policy' })
  88. })|raw }}
  89. </p>
  90. <a href="#" class="btn btn-primary cookie-btn">{{ 'cookie.action'|trans }}</a>
  91. </div>
  92. </div>
  93. <script>function checkGDPRCookie(){var e=document.cookie.split("; ").find(e=>e.startsWith("gdpr"));void 0!==e&&"true"===(e=e.split("=")[1])&&(document.querySelector(".cookie-card").style.display="none")}document.querySelector(".cookie-btn").addEventListener("click",function(){document.cookie="gdpr=true; ;max-age=31536000; path=/; SameSite",checkGDPRCookie()}),checkGDPRCookie();</script>
  95. {{ render(controller('App\\Controller\\ECommerce\\App\\InvoiceController::unPaidAction'))|raw }}
  98. <!-- header -->
  99. {% set isUser = is_granted('ROLE_USER') %}
  100. <div class="container-fluid">
  101. {#{% if isUser %}#}
  102. <div class="container font-medium" id="header-login">
  103. <div class="row top-row nowrap">
  104. <div class="top-left">
  105. <div class="header-contact map-pin">
  106. <img src="{{ asset('assets/static/map-pin.svg') }}" alt="Map Pin Icon">
  107. <span class="font-medium">{{ company_address }}</span>
  108. </div>
  109. <div class="header-contact header-phone">
  110. <img src="{{ asset('assets/static/phone.svg') }}" alt="Phone Icon">
  111. <a class="font-medium phone-link" href="tel:{{ company_phone|regex_replace('/,.*/', '') }}">
  112. {{ company_phone|regex_replace('/,.*/', '') }}
  113. </a>
  114. </div>
  115. <div class="header-contact header-email">
  116. <img src="{{ asset('assets/static/mail.svg') }}" alt="Envelope Icon">
  117. <span class="font-medium">{{ company_email }}</span>
  118. </div>
  119. </div>
  120. <div class="top-right">
  121. <div class="language-picker">
  122. <div class="btn-group float-right">
  123. {% if block('translations') is defined %}
  124. {% block translations %}{{ defaultLanguagePicker() }}{% endblock %}
  125. {% else %}
  126. {{ defaultLanguagePicker() }}
  127. {% endif %}
  128. </div>
  129. </div>
  130. <div class="help">
  131. <a class="text-decoration-none" href="{{ path(
  132. 'mdl_app_product_filter',
  133. {
  134. '_locale': app.request.locale,
  135. 'title': 'S 30X47X7',
  136. 'help': 1,
  137. 'on_complete': path(
  138. 'mdl_app_product_index',
  139. {'_locale': app.request.locale},
  140. 'true'
  141. )
  142. })
  143. }}">{{ 'nav.help'|trans|raw}}</a>
  144. </div>
  145. {% if isUser == false %}
  146. <div class="header-login-btn margin-header">
  147. <a class="text-decoration-none btn btn-dark align-content-center font-medium" id="login-btn" href="{{ path(
  148. 'login',
  149. {
  150. '_locale': app.request.locale,
  151. })
  152. }}"><span>{{ 'nav.login'|trans|raw }}</span><img src="{{ asset('assets/static/arrow-button.svg') }}" alt="Arrow Button Icon"></a>
  153. </div>
  154. {% else %}
  155. <div class="header-login-btn margin-header">
  156. <img src="{{ asset('assets/static/user.svg') }}" class="wh-42" alt="User Profile Icon" />
  157. </div>
  158. {% endif %}
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <div class="container-fluid">
  164. <div class="container" id="header-login">
  165. <div class="row bottom-row">
  166. <div class="header-logo">
  167. <a href="{{ path('mdl_public_page_index', {'_locale': app.request.locale}) }}">
  168. <img src="{{ asset(logo()) }}" class="img-fluid" alt="{{ app_name }}"/>
  169. </a>
  170. </div>
  171. <div class="input-group" id="search-bar">
  172. {{ render(controller('App\\Controller\\ECommerce\\App\\ProductController::filterAction')) }}
  173. </div>
  174. {{ render(controller('App\\Controller\\ECommerce\\App\\CountdownController::countdown')) }}
  176. {% if is_granted('CART_CREATE') %}
  177. {{ render(controller('App\\Controller\\ECommerce\\App\\CartController::smallWidgetAction')) }}
  178. {% else %}
  179. {{ render(controller('App\\Controller\\ECommerce\\App\\IndividualOrderController::smallWidgetAction')) }}
  180. {% endif %}
  181. <nav class="navbar navbar-expand-lg navbar-light sm-screen-navbar">
  182. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  183. <span class="navbar-toggler-icon"></span>
  184. </button>
  185. {% set currentRoute = app.request.attributes.get('_route') %}
  186. {% set shopRoute = 'mdl_app_product_index' %}
  187. <div class="collapse navbar-collapse text" id="navbar">
  189. <div class="mobile-menu">
  190. <div class="language-picker">
  191. <div class="btn-group float-left">
  192. {% if block('translations') is defined %}
  193. {{ defaultLanguagePicker() }}
  194. {% else %}
  195. {{ defaultLanguagePicker() }}
  196. {% endif %}
  197. </div>
  198. </div>
  200. <div class="float-right">
  202. {% if isUser == false %}
  203. <div class="header-login-btn margin-header">
  204. <a class="text-decoration-none btn btn-dark align-content-center font-medium" id="login-btn" href="{{ path(
  205. 'login',
  206. {
  207. '_locale': app.request.locale,
  208. })
  209. }}"><span>{{ 'nav.login'|trans|raw }}</span><img src="{{ asset('assets/static/arrow-button.svg') }}" alt="Arrow Button Icon"></a>
  210. </div>
  211. {% else %}
  212. <div class="header-login-btn margin-header">
  213. <img src="{{ asset('assets/static/user.svg') }}" class="wh-42" alt="User Profile Icon" />
  214. </div>
  215. {% endif %}
  216. </div>
  217. </div>
  218. <div class="mobile-widgets">
  219. <div class="widgets">
  220. {{ render(controller('App\\Controller\\ECommerce\\App\\CountdownController::countdown')) }}
  222. {% if is_granted('CART_CREATE') %}
  223. {{ render(controller('App\\Controller\\ECommerce\\App\\CartController::smallWidgetAction')) }}
  224. {% else %}
  225. {{ render(controller('App\\Controller\\ECommerce\\App\\IndividualOrderController::smallWidgetAction')) }}
  226. {% endif %}
  227. </div>
  228. <div class="input-group" id="search-bar">
  229. {{ render(controller('App\\Controller\\ECommerce\\App\\ProductController::filterAction')) }}
  230. </div>
  231. </div>
  232. {{ menu('main_menu') }}
  233. </div>
  234. </nav>
  235. </div>
  236. </div>
  237. </div>
  238. <!-- / header -->
  241. <!-- nav -->
  242. <div class="container-fluid">
  243. <div class="container">
  244. <div class="row">
  245. <div class="col">
  246. <nav class="navbar navbar-expand-lg navbar-light lg-screen-navbar">
  247. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  248. <span class="navbar-toggler-icon"></span>
  249. </button>
  250. {% set currentRoute = app.request.attributes.get('_route') %}
  251. {% set shopRoute = 'mdl_app_product_index' %}
  252. <div class="collapse navbar-collapse text" id="navbar">
  253. {{ menu('main_menu') }}
  254. {% if currentRoute == shopRoute %}
  255. <ul class="navbar-nav ml-auto mr-5 link-help">
  256. <li class="nav-item">
  257. <a href="{{ path(
  258. 'mdl_app_product_filter',
  259. {
  260. '_locale': app.request.locale,
  261. 'title': 'S 30X47X7',
  262. 'help': 1,
  263. 'on_complete': path(
  264. 'mdl_app_product_index',
  265. {'_locale': app.request.locale},
  266. 'true'
  267. )
  268. })
  269. }}" class="nav-link">{{ 'nav.help'|trans }}</a>
  270. </li>
  271. </ul>
  272. {% endif %}
  273. </div>
  274. </nav>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. <!-- / nav -->
  281. {% if isUser %}
  282. <div class="container-fluid">
  283. <div class="container">
  284. <div class="content">
  285. <div class="row">
  286. {{ menu('user_menu') }}
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. {% endif %}
  293. {% block slider %}{% endblock %}
  296. <!-- body1 -->
  297. {% block body %}
  298. {% block content %}{% endblock %}
  299. {% endblock %}
  300. <!-- / body2 -->
  302. <!-- footer -->
  303. <div class="container-fluid" id="page-footer">
  304. <div class="container">
  305. <div class="row">
  306. <div class="newsletter">
  307. <span>{{ 'newsletter.subscribe'|trans|raw }}</span>
  308. </div>
  309. <div class="footer-mail">
  310. <form action="{{ path('mdl_newsletter_new') }}" method="post" class="input-group">
  311. <input type="text" class="form-control bg-white p-lg-3 mr-sm-2 font-medium" placeholder="Email" aria-label="Email">
  312. <button type="submit" class="btn btn-dark font-medium" id="login-btn">
  313. <span>{{ 'newsletter.apply'|trans|raw }}</span><img src="{{ asset('assets/static/arrow-button.svg') }}" class="mw-17 mh-11" alt="Arrow Button Icon">
  314. </button>
  315. </form>
  316. </div>
  317. </div>
  318. <div class="row">
  319. <div class="optima-group">
  320. <img src="{{ asset(group()) }}" alt="optima-group">
  321. <div>
  322. <span class="optima-group-bolded">By Optima Group</span>
  323. <div class="optima-group-text">
  324. <span>Ready to get things moving</span>
  325. </div>
  326. </div>
  327. <div class="social-media input-group">
  328. <a href="https://www.linkedin.com/showcase/optima-srbija/" class="linkedin"></a>
  329. <a href="https://www.instagram.com/optima.rs/" class="instagram"></a>
  330. <a href="https://www.facebook.com/people/Optimars/61571058540257/" class="facebook"></a>
  331. <a href="https://www.youtube.com/channel/UCb-qzB-4PGf1EhZtnaageew" class="youtube"></a>
  332. </div>
  333. </div>
  334. <div class="footer-menu">
  335. <div class="simple-menu">
  336. {{ menu('footer_left') }}
  337. {{ menu('footer_right') }}
  338. {{ render(controller('App\\Controller\\ECommerce\\App\\WorkingHoursController::workingHoursWidgetAction'))|raw }}
  339. </div>
  340. </div>
  341. </div>
  342. <div class="row">
  343. <p class="text-color-grey">{{ 'now'|date('Y') }} {{ 'rights-reserved'|trans }}</p>
  344. <div>
  345. <a href="{{ path('public_privacy_policy') }}" class="text-color-grey">{{ 'policy.privacy'|trans }}</a>
  346. <a href="{{ path('public_terms_of_use') }}" class="text-color-grey">{{ 'policy.use'|trans }}</a>
  347. <a href="{{ path('public_cookie_policy') }}" class="text-color-grey">{{ 'policy.cookies'|trans }}</a>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. <!-- / footer -->
  353. <a href="#" class="scrollup">Scroll</a>
  355. <!-- SCRIPTS -->
  356. {#<script type="application/javascript" src="{{ asset('assets/app/app.js') }}"></script>#}
  357. {% block javascripts %}
  358. {{ encore_entry_script_tags(app_color('app/app-')) }}
  360. <!-- Renders app.js & a webpack runtime.js file
  361. <script src="/build/runtime.js" defer></script>
  362. <script src="/build/app.js" defer></script>
  363. See note below about the "defer" attribute -->
  364. {% endblock %}
  365. </body>
  366. </html>