templates/base.html.twig line 235

  1. {% set FLUID_CONTAINER = false %}
  2. {% set isEgyptSite = get_setting('general', 'country') == 'EG' %}
  3. {% set isKSASite = get_setting('general', 'country') == 'SA' %}
  4. {% set isEnabledKSAnewHome = isKSASite and isEnabledFeature('web.ksa.newhome') %}
  5. {% set isProduction = app.environment == 'prod' %}
  6. {% set isGoogleTagManagerDisabledTest = isEnabledFeature('web.disable.tagmanager') %}
  8. <!DOCTYPE html>
  9. <html lang="{{ app.request.locale }}" dir="{{ 'layout.direction_code'|trans }}" ng-app="moonshot">
  11. {% set isSearchResultsPage = app.request.attributes.get('_route') in ['search', 'property_type_search'] %}
  12. {% set isComoundResultsPage = app.request.attributes.get('_route') in ['compound_search', 'compound_adviser_search_results'] %}
  13. {% set isListingDetailsPage = app.request.attributes.get('_route') in ['listing_slug'] %}
  14. {% import '@AqarmapListing/Default/macros/seoVersion.twig' as seoMacro %}
  15. {% set isSeoVersion = seoMacro.seoVersion(app.request.requesturi) and isSearchResultsPage and not app.user %}
  16. {% set isLongTailPage = app.request.get('lt') %}
  17. {% set isUXVersion = not isSeoVersion %}
  18. {% set allowTagManagerDelay = isSeoVersion or isComoundResultsPage or isListingDetailsPage %}
  19. {% set hiddenParametersLanguageRoutes = ['search', 'property_type_search', 'listing_slug'] %}
  20. {% set removeParametersLanguageSwitcher = app.request.attributes.get('_route') in hiddenParametersLanguageRoutes and not isLongTailPage %}
  21. {% set adminBodyClass = is_granted("ROLE_ADMIN") ? 'is-admin' : '' %}
  22. {% set searchResultsBodyClass = isSearchResultsPage ? 'initial-font' : '' %}
  23. {% set aqarmap_exhibits_guide_url = aqarmap_advice_url ~ '/' ~ app.request.locale ~ '/events' %}
  24. {% set isUserHasActiveSubscription = app.user and app.user.getAbsoluteSubscriptionExpiryDays > 0 %}
  25. {% set appLocale = app.request.locale %}
  26. {% set isLocalArabic = appLocale == 'ar' %}
  27. <head>
  28. <meta charset="{{ _charset }}" />
  30. <title>{% block title %}{{ 'layout.brand_suffix'|trans }}{% endblock %}</title>
  32. {% set hiddenMetaDescriptionRoutes = ['compound_search'] %}
  33. {% if app.request.attributes.get('_route') not in hiddenMetaDescriptionRoutes or (app.request.attributes.get('_route') == 'listing_slug' and listing.section.searchable) %}
  34. <meta name="description" content="{% apply spaceless %}{% if block('meta_description') is defined %}
  35. {{ block('meta_description')|default('layout.homepage_description'|trans)|striptags|u.truncate(250, true, true)|replace({"\n": " ", "\r\n": " ", "\t": " ", "\n\r": " ", " ": ".."})|replace({" ": ". "})|trim('.') }}
  36. {% else %}
  37. {{ 'layout.homepage_description'|trans|striptags|u.truncate(250, true, true)|replace({"\n": " ", "\r\n": " ", "\t": " ", "\n\r": " ", " ": ".."})|replace({" ": ". "})|trim('.') }}
  38. {% endif %}
  39. {% endapply %}">
  40. {% endif %}
  42. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
  43. <meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width">
  44. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  45. <meta name="theme-color" content="#007dbe">
  46. <meta name="author" content="{{ 'layout.app_name'|trans }}">
  47. <meta name="apple-itunes-app" content="app-id=642633889">
  48. <meta name="google-play-app" content="app-id=com.aqarmap.android">
  49. <meta name="robots" content="noindex, follow">
  50. {% if app_domain != app.request.getHost() %}<meta name="robots" content="noindex, nofollow">{% endif %}
  52. {% block metatags %}{% endblock %}
  53. <link rel="preload" as="image" href="{{ asset('images/placeholder.svg') }}">
  54. <link rel="preload" as="image" href="{{ asset('images/logo-' ~ app.request.locale ~ '-white.svg') }}">
  55. <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
  56. <link rel="manifest" href="{{ asset('manifest.json') }}" />
  57. {% block htmlhead %}{% endblock %}
  59. {% block categorizedStylesheets -%}
  60. <link rel="stylesheet" href="{{ asset('builds/css/build'~ (app.environment == 'dev' ? '' : '.min') ~'.css') }}" />
  61. {% endblock %}
  63. {% block favouriteHead %}
  64. {% endblock %}
  66. {% set topBar = active_announcement({topBar : true}) %}
  67. {% block headScripts %}
  68. <script>
  69. var app_data = {};
  70. app_data.locale = '{{ appLocale }}';
  71. app_data.debug = {{ (app.debug ? true : false)|serialize }};
  72. app_data.base_url = {{ url('homepage')|serialize|raw }};
  73. app_data.is_authenticated = {{ is_granted("IS_AUTHENTICATED_REMEMBERED")|serialize|raw }};
  74. app_data.messaging_api_key = "{{ firebase_api_key }}";
  75. app_data.messaging_sender_id = "{{ firebase_sender_id }}";
  76. app_data.country = "{{ get_setting('general', 'country') | lower }}";
  77. app_data.topBar = "{{ topBar is not null ? true : false }}";
  78. app_data.topBarStarts = "{{ topBar is not null ? topBar.startAt : false }}";
  79. app_data.topBarCounter = "{{ topBar is not null ? topBar.counter : false }}";
  80. app_data.environment = "{{ app.environment }}"
  81. app_data.currency = "{{ get_setting('general', 'currency')|trans }}"
  82. app_data.searchSvcUrl="{{search_service_public_endpoint}}"
  84. </script>
  85. <script type="application/ld+json">
  86. {
  87. "@context": "https://schema.org",
  88. "@type": "Organization",
  89. "logo" : "{{ app.request.locale == 'ar' ? absolute_url(asset('images/logo-ar.svg')) : absolute_url(asset('images/EnglishLogo.png')) }}",
  90. "url": "{{ app.request.getSchemeAndHttpHost() }}"
  91. }
  92. </script>
  93. {% endblock %}
  95. {% block env %}
  96. {% include "env.html.twig" %}
  97. {% endblock %}
  98. </head>
  100. <body class="{{ 'layout.direction_code'|trans }} {{ adminBodyClass }} {{ searchResultsBodyClass }}">
  101. {% if isProduction and not isGoogleTagManagerDisabledTest %}
  102. <!-- Google Tag Manager -->
  103. <script>
  104. var tagManagerSettings = '{{ get_setting('general', 'tag_manager') }}';
  105. var allowTagManagerDelay = '{{allowTagManagerDelay}}'
  106. </script>
  107. <noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ get_setting('general', 'tag_manager') }}"
  108. height="0" width="0" style="display:none;visibility:hidden" loading="lazy"></iframe></noscript>
  109. <script type="application/javascript" src="{{ asset('builds/js/buildTagManager'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  110. <!-- End Google Tag Manager -->
  111. {% endif %}
  113. {% block googleDoubleclick %}
  114. {% if isProduction and isUXVersion %}
  115. <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
  116. <script>
  117. window.googletag = window.googletag || {cmd: []};
  118. googletag.cmd.push(function() {
  119. googletag.pubads().enableSingleRequest();
  120. googletag.pubads().collapseEmptyDivs();
  121. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  122. });
  123. {% if get_setting('general', 'country') == 'SA' %}
  124. googletag.cmd.push(function() {
  125. googletag.defineSlot('/34628225/Frontpage-KSA', [[1140, 225], [728, 144]], 'div-gpt-ad-1611048992201-0').addService(googletag.pubads());
  126. googletag.enableServices();
  127. });
  128. {% else %}
  129. googletag.cmd.push(function() {
  130. googletag.defineSlot('/34628225/half-page', [1140, 225], 'div-gpt-ad-1588539416603-0').addService(googletag.pubads());
  131. googletag.enableServices();
  132. });
  133. {% endif %}
  134. </script>
  135. <script>
  136. window.googletag = window.googletag || {cmd: []};
  137. googletag.cmd.push(function() {
  138. googletag.pubads().enableSingleRequest();
  139. googletag.pubads().collapseEmptyDivs();
  140. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  141. });
  142. {% if get_setting('general', 'country') == 'SA' %}
  143. googletag.cmd.push(function() {
  144. googletag.defineSlot('/34628225/sideadksalong', [300, 600], 'div-gpt-ad-1638434718795-0').addService(googletag.pubads());
  145. googletag.enableServices();
  146. });
  147. {% else %}
  148. googletag.cmd.push(function() {
  149. googletag.defineSlot('/34628225/sideadlong', [300, 600], 'div-gpt-ad-1638434601381-0').addService(googletag.pubads());
  150. googletag.enableServices();
  151. });
  152. {% endif %}
  153. </script>
  154. <script>
  155. window.googletag = window.googletag || {cmd: []};
  156. googletag.cmd.push(function() {
  157. googletag.pubads().enableSingleRequest();
  158. googletag.pubads().collapseEmptyDivs();
  159. googletag.pubads().setTargeting('lang', "{{ app.request.locale }}").setTargeting('url', "{{ app.request.pathInfo }}");
  160. });
  161. {% if get_setting('general', 'country') == 'SA' %}
  162. googletag.cmd.push(function() {
  163. googletag.defineSlot('/34628225/feedadksa', [320, 320], 'div-gpt-ad-1611049193067-0').addService(googletag.pubads());
  164. googletag.enableServices();
  165. });
  166. {% else %}
  167. googletag.cmd.push(function() {
  168. googletag.defineSlot('/34628225/feedad', [320, 320], 'div-gpt-ad-1588541966744-0').addService(googletag.pubads());
  169. googletag.enableServices();
  170. });
  171. {% endif %}
  172. </script>
  173. {% endif %}
  174. {% endblock %}
  176. {% block searchFilters %}
  177. {% endblock %}
  179. {% block firebase %}
  180. <div id="overlay-back"></div>
  181. <div id="overlay"><div class="overlay-text">{{ 'notification_modal.info_message'|trans }} </div></div>
  182. {% endblock %}
  184. {% block vueBody %}
  185. {% include "flashes.html.twig" %}
  186. {% set vueAppName = isListingDetailsPage ? "activitiesApp" : "vueApp" %}
  187. <div id="{{vueAppName}}"
  188. data-feature-toggle="{{ featureToggle is defined ? featureToggle|json_encode : null }}"
  189. data-user="{{ app.user ? app.user.id : null }}"
  190. data-user-email="{{ app.user ? app.user.email : null }}">
  191. {% block navigation %}
  192. {% include "header.html.twig" %}
  193. {% endblock %}
  194. {% if app.request.attributes.get('_route') == 'homepage' %}
  195. {% include "hero-searchbar.html.twig" %}
  196. <section class="container-fluid">
  197. <div class="row justify-content-center">
  198. {% if isProduction %}
  199. {% if get_setting('general', 'country') == 'SA' %}
  200. <div id='div-gpt-ad-1611048992201-0' style='width: 1140px; height: 225px;'>
  201. <script type="application/javascript" v-pre defer>
  202. if (typeof googletag !== 'undefined') {
  203. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1611048992201-0'); });
  204. }
  205. </script>
  206. </div>
  207. {% else %}
  208. <div id='div-gpt-ad-1588539416603-0' style='width: 1140px; height: 225px;'>
  209. <script type="application/javascript" v-pre defer>
  210. if (typeof googletag !== 'undefined') {
  211. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1588539416603-0'); });
  212. }
  213. </script>
  214. </div>
  215. {% endif %}
  216. {% else %}
  217. <div class="takeover-ad" style="text-align: center; background-color: {{ get_setting('features', 'takeover_ad_color') }};">
  218. <img src="https://placehold.it/1140x225/DFDFDF/B6B6B6&text=AD%20BANNER%20(1140%20X%20225)" width="100%" alt="" />
  219. </div>
  220. {% endif %}
  221. </div>
  222. </section>
  223. {% endif %}
  225. {% block headerTop %}
  226. {% include "adsHeader.html.twig" %}
  227. {% endblock %}
  229. {% block body %}
  230. {% endblock %}
  231. {% block modals %}
  232. {% endblock %}
  233. </div>
  234. {% endblock %}
  235. {% if app.request.attributes.get('_route') not in ['compound_adviser_search_results', 'compound_adviser', 'search', 'property_type_search', 'compound_search'] %}
  236. <section class="problem">
  237. <a class="gtm-btn-report problemButton hidden-xs"
  238. href="{{ path('aqarmap_feedback_get') }}"
  239. target="_blank" rel="nofollow">
  240. <span class="fa fa-smile"></span>
  241. {{ 'problem.problem_help_btn'|trans }}
  242. </a>
  243. </section><!-- problem Section -->
  244. {% endif %}
  246. {% if app.request.attributes.get('_route') not in ['listing_slug', 'compound_adviser_search_results', 'compound_adviser', 'search', 'property_type_search', 'compound_search'] %}
  247. <div class="position-fixed mobile-problem-wrapper visible-xs">
  248. <section class="problem mobile-problem-section">
  249. <a class="gtm-btn-report mobile-problem-button position-relative"
  250. href="{{ path('aqarmap_feedback_get') }}"
  251. target="_blank" rel="nofollow">
  252. <span class="icon fa fa-question"></span>
  253. </a>
  254. </section><!-- problem Section Mobile-->
  255. </div>
  256. {% endif %}
  258. {% block footer %}
  259. {% set hiddenFooterRoutes = ['listing_initialize', 'listing_edit', 'listing_upload', 'listing_confirm_publish_credit'] %}
  260. {% if app.request.attributes.get('_route') not in hiddenFooterRoutes %}
  261. {% include "footer.v2.html.twig" %}
  262. {% endif %}
  264. {% endblock %}
  268. {% block stylesheets -%}
  269. {% if ('layout.direction_code'|trans) == 'rtl' -%}
  270. <link href="{{ asset('builds/css/bootstrap-rtl.min.css') }}" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;" />
  271. {% endif -%}
  272. {% endblock %}
  274. {% block getTranslations %}
  275. {% include "get-translations.html.twig" %}
  276. {% endblock %}
  277. <!-- Javascript categorized files -->
  278. {% block categorizedJavascripts %}
  279. <script src="{{ asset('builds/js/build'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  280. <script defer type="application/javascript" src="{{ asset('builds/js/buildTopSellers'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  281. {% if topBar is not null %}
  282. {{ encore_entry_script_tags('countdown') }}
  283. {% endif %}
  284. {% endblock %}
  285. <!-- Javascript files -->
  287. {% block javascripts %}
  288. <script src="{{ asset('js/translations/jstranslation/'~ app.request.locale ~'.js') }}" defer></script>
  290. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  291. <!--[if lt IE 9]>
  292. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  293. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  294. <![endif]-->
  296. <script type="application/javascript">
  297. // Google Tag Manager Data Layer initialization
  298. window.dataLayer = window.dataLayer || [];
  300. // Translator initialization
  301. window.Translator = window.Translator || [];
  302. </script>
  304. {# Criteo Custom DataLayer #}
  305. {% set criteo_custom_datalayer = {'PageType': 'TransactionPage', 'email': ' '} %}
  307. {# Criteo DataLayer #}
  308. {% set criteo_datalayer = {'PageType': app.request.attributes.get('_route')} %}
  310. {% if app.request.attributes.get('_route') == 'search' or app.request.attributes.get('_route') == 'property_type_search' -%}
  311. {% set criteo_datalayer = {'PageType': 'search'} %}
  312. {% endif %}
  314. {% set criteo_datalayer = criteo_datalayer|merge({'email': ' '}) %}
  316. {% if app.request.attributes.get('_route') == 'listing_slug' %}
  317. {% set criteo_datalayer = {'PageType': 'ListingPage', 'email': ' '} %}
  318. {% set criteo_custom_datalayer = criteo_custom_datalayer|merge({'ProductTransactionProducts': [{ 'id': listing.id , 'price': '0.01' , 'quantity': '1' }]}) %}
  320. {% set criteo_datalayer = criteo_datalayer|merge({'ListingID': listing.id}) %}
  321. <script>
  322. $(document).ready(function () {
  323. dataLayer.push({{ criteo_custom_datalayer|json_encode|raw }});
  324. });
  325. </script>
  326. {% if listing.liveChildren is not empty %}
  327. {% set criteo_datalayer = criteo_datalayer|merge({'unitsIDs': listing.liveChildrenIDs}) %}
  328. {% endif -%}
  329. {% endif %}
  331. {% if app.request.attributes.get('_route') == 'search' or app.request.attributes.get('_route') == 'property_type_search' -%}
  332. {% set criteo_datalayer = criteo_datalayer|merge({'ListingIDList': resultsIDs|slice(1, 3)}) %}
  333. {% endif %}
  334. <script>
  335. $(document).ready(function () {
  336. dataLayer.push({{ criteo_datalayer|json_encode|raw }});
  337. });
  338. </script>
  339. {% endblock %}
  341. {% block fos %}
  342. {% if app.debug %}
  343. <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>
  344. {% else %}
  345. <script src="{{ asset('js/fos_js_routes.js') }}"></script>
  346. <script>
  347. Routing.setPrefix("{{ app.request.locale }}__RG__");
  348. </script>
  349. {% endif %}
  350. {% endblock %}
  352. {% block extraScripts %}
  353. {% if app.request.attributes.get('_route') == 'homepage' %}
  354. <script type="application/javascript" src="{{ asset('js/priceFilters.js') }}"></script>
  355. {% endif %}
  356. {% endblock extraScripts %}
  358. {% block wootricScript %}
  359. {% if isUXVersion %}
  360. <!-- begin Wootric code -->
  361. <script>
  362. window.wootric = function(){};
  363. </script>
  364. <script type="text/javascript" src="https://cdn.wootric.com/wootric-sdk.js"></script>
  365. {% if app.user %}
  366. <script id="wootricScript" type="application/javascript" src="{{ asset('builds/js/buildWootric'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  367. {% else %}
  368. <script type="text/javascript">
  369. //window.wootric_survey_immediately = true; // Shows survey immediately for testing purposes. TODO: Comment out for production.
  370. window.wootricSettings = {
  371. account_token: 'NPS-8fa9e73b'
  372. };
  373. window.wootric("run");
  374. </script>
  375. {% endif %}
  376. {% else %}
  377. <script>
  378. $(document).ready(function () {
  379. {% if app.user %}
  380. dataLayer.push({
  381. 'userEmail': '{{ app.user.email }}',
  382. 'userCreatedAt': '{{ app.user.createdAt|date('U') }}',
  383. });
  384. {% endif %}
  385. });
  386. </script>
  387. {% endif %}
  388. {% endblock %}
  390. {% block facebookLogin %}
  391. {% endblock %}
  393. {% block googleLogin %}
  394. {% include "googleLogin.html.twig" %}
  395. {% endblock googleLogin %}
  396. </body>
  397. </html>