src/Aqarmap/Bundle/ListingBundle/Resources/views/Listing/read.html.twig line 1

  1. {% extends "base.html.twig" %}
  3. {% form_theme quick_registration_form 'Form/form_div_layout.html.twig' %}
  5. {# Constants #}
  6. {% set FIRST_LISTING_FOR_FREE_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::FIRST_LISTING_FOR_FREE') %}
  7. {% set EBAWAB_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::EBAWAB') %}
  8. {% set UNLIMITED_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::UNLIMITED') %}
  9. {% set PAID_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::PAID') %}
  10. {% set PROJECT_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::PROJECTS') %}
  11. {% set SCRAPPED_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::SCRAPPED') %}
  12. {% set SHOW_PHONE_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\LeadTypes::SHOW_PHONE') %}
  13. {% set SEND_MESSAGE_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\LeadTypes::SEND_MESSAGE') %}
  14. {% set SEND_WHATSAPP_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\LeadTypes::WHATSAPP') %}
  15. {% set CALL_REQUEST_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\LeadTypes::CALL_REQUEST') %}
  16. {% set TOP_VIEWED_CONST = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingLabel::TOP_VIEWED') %}
  17. {% set TOP_FAVOURITAED_CONST = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingLabel::TOP_FAVORITE') %}
  18. {% set VALID_PRICE_CONST = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingLabel::VALID_PRICE') %}
  19. {% set SPONSORED_TYPE = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::SPONSORED') %}
  20. {% set FEATURE_TYPE = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::FEATURED') %}
  21. {% set PREMIUM_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::PREMIUM') %}
  22. {% set SPOTLIGHT_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::SPOTLIGHT') %}
  24. {# gtm events variables #}
  25. {% set listingFeatured = listing.featured %}
  26. {% set isSpotLight = listingFeatured == SPOTLIGHT_CONSTANT %}
  27. {% set isSponserd = listingFeatured == SPONSORED_TYPE %}
  28. {% set isPremium = listingFeatured == PREMIUM_CONSTANT %}
  29. {% set isFeatured = listingFeatured == FEATURE_TYPE %}
  30. {% set listingCategory = listing.category %}
  31. {% set isProject = listingCategory == PROJECT_LISTING_CATEGORY %}
  32. {% set isPaid = listingCategory == PAID_LISTING_CATEGORY %}
  33. {% set isScrapped = listingCategory == SCRAPPED_LISTING_CATEGORY %}
  34. {% set isEBawab = listingCategory == EBAWAB_LISTING_CATEGORY %}
  35. {% set isUnlimited = listingCategory == UNLIMITED_LISTING_CATEGORY %}
  36. {% set isFlf2 = listingCategory == FIRST_LISTING_FOR_FREE_LISTING_CATEGORY %}
  37. {% set propertySectionSlug = isProject ? "projects" : section is defined ? section.slug: listing.section.slug %}
  38. {% set propertyCategory = isProject ? "projects" : isScrapped ? "scrapped" :
  39. isPaid ? "paid" : isEBawab ? "bawab" : isUnlimited ? "unlimited" :
  40. isFlf2 ? "flf2" : "free" %}
  41. {% set depthProduct = isFeatured ? "featured" : isPremium ? "premium" :
  42. isSponserd ? "sponsored": isSpotLight ? "spotlight" : "regular" %}
  43. {% set insideCompound = isProject or listing.parent != null %}
  45. {# classes names variables #}
  46. {% set sendEmailBtnStyleClasses = 'btn btn-block btn-lg cta-btn rounded-pill btn-gray' %}
  47. {% set phoneBtnStyleClasses = 'btn btn-block btn-lg cta-btn rounded-pill btn-primary' %}
  49. {% set forRent = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingSections::FOR_RENT')%}
  50. {% set PROJECT_LISTING_CHILD = listing.parent != null %}
  51. {% set isListingHasChildren = liveUnitsPaginated is not empty %}
  52. {% set PROJECT_LISTING_PARENT = isListingHasChildren %}
  53. {% set IS_PROJECT = listing.category == PROJECT_LISTING_CATEGORY or PROJECT_LISTING_CHILD %}
  54. {% set IS_PROJECT_PARENT = PROJECT_LISTING_PARENT or listing.category == PROJECT_LISTING_CATEGORY %}
  55. {% set isScrapped = listing.category == SCRAPPED_LISTING_CATEGORY %}
  56. {% set parentId = listing.parent ? listing.parent.id : listing.id %}
  57. {% set parentTitle = listing.parent ? listing.parent.title : listing.title %}
  58. {% set isEnabledActivityToggles = isEnabledFeature('web.activity.app') and isEnabledFeature('web.my.activities.build') %}
  59. {% set isEnabledActivityListingPageToggles = isEnabledActivityToggles and isEnabledFeature('web.listing.page.activities') %}
  60. {% set isEnabledActivityListingPage = isEnabledActivityListingPageToggles and not IS_PROJECT_PARENT %}
  61. {% set isEnabledLazyloadingActivitiesBuild = isEnabledFeature('web.async.vueapp') %}
  62. {% set isUnitsTabsEnabled = IS_PROJECT and (PROJECT_LISTING_PARENT or not PROJECT_LISTING_CHILD) %}
  63. {% set hasResaleUnits = resaleUnitsPaginated|length > 0 %}
  64. {% set hasRentUnits = rentUnitsPaginated|length > 0 %}
  65. {% set hasPrimaryUnits = liveUnitsPaginated|length > 0 %}
  66. {% set isPrimaryUnitsSoldOut = not hasPrimaryUnits %}
  67. {% set isRentUnitsSoldOut = not hasRentUnits %}
  68. {% set isResaleUnitsSoldOut = not hasResaleUnits %}
  69. {% set isUnitsSoldOut = isUnitsTabsEnabled and isRentUnitsSoldOut and isResaleUnitsSoldOut and isPrimaryUnitsSoldOut %}
  70. {% set isPrimaryUnitsOnly = hasPrimaryUnits and isRentUnitsSoldOut and isResaleUnitsSoldOut %}
  71. {% set isPrimarySoldOutCta = isUnitsTabsEnabled and isPrimaryUnitsSoldOut %}
  72. {% set isListingCallRequest = (isUnitsTabsEnabled and isPrimaryUnitsSoldOut) or listing.isCallRequest %}
  73. {% set isEligibleForMortgage = isEnabledFeature('web.mortgage.options') and listing.isMortgageApproved %}
  74. {% set isEnabledCompoundBuild = IS_PROJECT_PARENT and isEnabledFeature('web.compound.listingpage.build') %}
  76. {% set propertyType = listing.propertyType %}
  77. {% set propertyTypeId = propertyType.id %}
  79. {% set section = listing.section %}
  80. {% set sectionId = section.id %}
  82. {% set location = listing.location %}
  83. {% set locationId = location.id %}
  85. {% set isCompaniesDataParamsDefined = true %}
  87. {% set isListingForRent = sectionId == forRent %}
  88. {% set listingParent = listing.parent %}
  89. {% set compoundField = listingParent ? listingParent.CompoundField : listing.CompoundField %}
  90. {% set showSellerInfo = not IS_PROJECT and not isScrapped %}
  91. {% set showTopSearchableCompaniesList = true %}
  92. {% set listingPhones = isEnabledFeature('listing_user_phones') ? listing.phones : listing.listingPhones %}
  93. {% set listingPhone = null %}
  94. {% if listingPhones is not empty %}
  95. {% set listingPhone = listingPhones|first %}
  96. {% endif %}
  97. {% set financeFeatureValue = get_setting('features', 'finance_service') %}
  98. {% set ALLOWED_LISTING_SECTIONS_TO_ADD_FINANCE_URL = constant('Aqarmap\\Bundle\\FinancialAidsBundle\\Constant\\FinancialAidConstraints::ALLOWED_LISTING_SECTIONS_TO_ADD_FINANCE_URL')%}
  99. {% set showListingDetails = not isListingHasChildren and not isUnitsTabsEnabled %}
  100. {% set isSearchableListing = section.searchable == true %}
  101. {% set metaTitle = "%s %s %s . %s"|format(listing.title,'layout.in'|trans, location,'layout.app_name'|trans) %}
  102. {% set metaDescription = listing.description|nl2br|markdown_to_html %}
  103. {% if IS_PROJECT_PARENT %}
  104. {% if listing.metaTitle %}
  105. {% set metaTitle = 'layout.project_listing_details_title_with_suffix'|trans({'%project%': listing.metaTitle}) %}
  106. {% else %}
  107. {% set metaTitle = 'layout.project_listing_details_title'|trans({'%project%': listing.title}) %}
  108. {% endif %}
  109. {% if listing.metaDescription %}
  110. {% set metaDescription = listing.metaDescription %}
  111. {% endif %}
  112. {% endif %}
  113. {% block title %}{{ metaTitle }}{% endblock %}
  115. {% block meta_description %}
  116. {{ metaDescription }}
  117. {% endblock %}
  119. {% set enable_project_faqs = IS_PROJECT_PARENT and compoundFaqs is defined and compoundFaqs|length %}
  121. {% if enable_project_faqs %}
  122. {% set project_faqs = [
  123. compoundFaqs.location ? {
  124. "@type": "Question",
  125. "name": 'layout.faqs_project_page.location_count.name'|trans({
  126. '%project%': listing.title
  127. }),
  128. "acceptedAnswer": {
  129. "@type": "Answer",
  130. "text": 'layout.faqs_project_page.location_count.answer'|trans({
  131. '%project%': listing.title,
  132. '%location%': compoundFaqs.location,
  133. }),
  134. }
  135. } : {},
  136. compoundFaqs.minimumUnitPrice ? {
  137. "@type": "Question",
  138. "name": 'layout.faqs_project_page.start_price.name'|trans({
  139. '%project%': listing.title
  140. }),
  141. "acceptedAnswer": {
  142. "@type": "Answer",
  143. "text": 'layout.faqs_project_page.start_price.answer'|trans({
  144. '%project%': listing.title,
  145. '%starting_price%': compoundFaqs.minimumUnitPrice|number_format,
  146. }),
  147. }
  148. } : {},
  149. compoundFaqs.minimumUnitArea ? {
  150. "@type": "Question",
  151. "name": 'layout.faqs_project_page.start_area.name'|trans({
  152. '%project%': listing.title
  153. }),
  154. "acceptedAnswer": {
  155. "@type": "Answer",
  156. "text": 'layout.faqs_project_page.start_area.answer'|trans({
  157. '%project%': listing.title,
  158. '%starting_area%': compoundFaqs.minimumUnitArea|number_format,
  159. }),
  160. }
  161. } : {},
  162. compoundFaqs.lastUpdate ? {
  163. "@type": "Question",
  164. "name": 'layout.faqs_project_page.data_updated.name'|trans,
  165. "acceptedAnswer": {
  166. "@type": "Answer",
  167. "text": 'layout.faqs_project_page.data_updated.answer'|trans({
  168. '%project%': listing.title,
  169. '%date%': compoundFaqs.lastUpdate|date("m/d/Y"),
  170. }),
  171. }
  172. } : {},
  173. compoundFaqs.constructionStatus ? {
  174. "@type": "Question",
  175. "name": 'layout.faqs_project_page.status.name'|trans({
  176. '%project%': listing.title
  177. }),
  178. "acceptedAnswer": {
  179. "@type": "Answer",
  180. "text": 'layout.faqs_project_page.status.answer'|trans({
  181. '%project%': listing.title,
  182. '%status%': compoundFaqs.constructionStatus|trans,
  183. }),
  184. }
  185. } : {},
  186. ] %}
  187. {% endif %}
  189. {% block htmlhead %}
  190. {% set LISTING_CATEGORIES_SCRAPPED = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::SCRAPPED') %}
  191. <meta name="twitter:card" content="summary_large_image" />
  192. <meta name="twitter:site" content="{{ "%s%s"|format('@', 'layout.app_name'|trans) }}" />
  193. <meta name="twitter:creator" content="{{ "%s%s"|format('@', 'layout.app_name'|trans) }}" />
  194. <meta property="og:title" content="{{ listing.category == PROJECT_LISTING_CATEGORY ? 'layout.project_listing_details_title'|trans({'%project%': listing.title}) : "%s %s %s . %s"|format(listing.title,'layout.in'|trans, location,'layout.app_name'|trans) }}"/>
  195. <meta property="og:description" content="{{ listing.category == PROJECT_LISTING_CATEGORY ? 'listing.compound_guide.sharing.description_location'|trans({'%compound%': listing.title, '%location%': location}) : 'listing.sharing.description'|trans({'%location%': location}) }}" />
  196. <meta property="og:url" content="{{ url('listing_slug', {id: listing.id, slug: listing.slug}) }}" />
  197. <meta property="og:site_name" content="{{ 'layout.app_name'|trans }}" />
  198. <meta property="fb:app_id" content="{{ facebook_app_id }}"/>
  199. <meta property="og:image" content="{{ getSharingImage(listing) }}" />
  200. {% if shouldAddNoIndex(listing) %}
  201. <meta name="robots" content="noindex, nofollow">
  202. {% endif %}
  204. <link rel="canonical" href="{{ url('listing_slug', {id: parentId, slug: listing.slug}) }}"/>
  205. <link rel="shortlink" href="{{ url('listing_view', {id: listing.id}) }}"/>
  206. {% if listing.slug %}
  207. <link rel="alternate" hreflang="ar" href="{{ url('listing_slug', {id: listing.id, slug: listing.slug, _locale: 'ar'}) }}"/>
  208. <link rel="alternate" hreflang="en" href="{{ url('listing_slug', {id: listing.id, slug: listing.slug, _locale: 'en'}) }}"/>
  209. <link rel="alternate" hreflang="x-default"
  210. href="{{ url('listing_slug', {id: listing.id, slug: listing.slug, _locale: 'ar'}) }}"/>
  211. {% endif %}
  212. {% if enable_project_faqs %}
  213. <script type="application/ld+json">
  214. {
  215. "@context": "https://schema.org",
  216. "@type": "FAQPage",
  217. "mainEntity": {{ project_faqs | json_encode | raw }}
  218. }
  219. </script>
  220. {% endif %}
  221. {% endblock %}
  222. {% block categorizedStylesheets %}
  223. {{ encore_entry_link_tags('activitiesApp') }}
  224. {% if IS_PROJECT_PARENT %}
  225. <link rel="stylesheet" href="{{ asset('builds/css/projectDetailsBuild'~ (app.environment == 'dev' ? '' : '.min') ~'.css') }}" />
  226. {% else %}
  227. <link rel="stylesheet" href="{{ asset('builds/css/listingDetailsBuild'~ (app.environment == 'dev' ? '' : '.min') ~'.css') }}" />
  228. {% endif %}
  229. {% endblock %}
  231. {% block headerTop %}
  232. {% endblock %}
  234. {% set CTA_block = "" %}
  235. {% block body %}
  236. {% set markupType = "SingleFamilyResidence" %}
  237. {% set STATUS_LIVE_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::LIVE') %}
  238. {% set PHOTO_MAIN_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\PhotoTypes::MAIN_PHOTO') %}
  239. {% set STATUS_PENDING_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::PENDING') %}
  240. {% set STATUS_USER_DELETED_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::USER_DELETED') %}
  241. {% set PREMIUM_LISTING = not isSearchableListing %}
  242. {% if PREMIUM_LISTING %} {% set markupType = "GatedResidenceCommunity" %} {% endif %}
  243. {% if not isSearchableListing or (listing.parent and not listing.parent.section.searchable) %}
  244. {% set LEAD_LISTING = true %}
  245. {% else %}
  246. {% set LEAD_LISTING = false %}
  247. {% endif %}
  248. {% set STATUS_EXPIRED_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::USER_DELETED') %}
  249. {% set LISTING_CATEGORIES_SCRAPPED = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::SCRAPPED') %}
  250. {% set topCompaniesEnabled = not get_setting('features', 'top_companies') %}
  251. {% set currentUser = app.user %}
  252. {% set currentUserEmail = currentUser ? currentUser.email : '' %}
  253. {% if isListingHasChildren %}
  254. {% set sharingEvent = "compound-details" %}
  255. {% else %}
  256. {% set sharingEvent = "listing-details" %}
  257. {% endif %}
  258. {% set showTopSellersModal = topSearchableCompaniesCount and searchableLocation is not null %}
  259. {% set showRegisterSurvey = isEnabledFeature('web.registration.survey') %}
  260. {% set country = get_setting('general', 'country') | lower %}
  261. {% set sellerName = '' %}
  262. {% set listingUser = listing.user %}
  263. {% set sellerName = listingUser.fullName %}
  264. {% set userLogo = listingUser.logo ? listingUser.logo.file : null %}
  265. {% set logo = listing.validUserLogo %}
  266. {% set sellerLogo = logo ? logo : userLogo %}
  267. {% set sellerUrl = path('aqarmap_user_listings', {'id': listingUser.id})%}
  268. {% set joinedData = listingUser.createdAt|date('Y')%}
  269. {% set listingMainPhoto = '#' %}
  270. {% if listing.mainPhoto %}
  271. {% set listingMainPhoto = custom_vich_uploader_asset(listing.mainPhoto.file, 'file') | thumbnail('search-thumb') %}
  272. {% endif %}
  273. {% set listing_attributes = listing.getAttributesList() %}
  274. {% set listing_floor = (listing_attributes["floor"]) is defined ? getFloorLabel(listing_attributes["floor"])|trans : '' %}
  275. {% set listing_year_built = (listing_attributes["year-built"]) is defined ? listing_attributes["year-built"] : '' %}
  276. {% set listing_baths = (listing_attributes["baths"]) is defined ? getRoomsLabel(listing_attributes["baths"]) : '' %}
  277. {% set listing_rooms = (listing_attributes["rooms"]) is defined ? getRoomsLabel(listing_attributes["rooms"]) : '' %}
  278. {% set listing_finish_type = (listing_attributes["finish-type"]) is defined ? listing_attributes["finish-type"] : '' %}
  279. {% set topSellerTrigger = 'gtm-action-topsellers-lead-listing-details' %}
  280. {% set topSellerEventAction = 'ListingDetails' %}
  281. {% set listingHasPhotos = listing.photosForSlider|length > 0 %}
  282. {% set ABtestingClasses = "listing-details-ab-testing-master virtical-related-listing virtical-related-listing_option-1" %}
  283. {% set encodedSellerPhones = []%}
  284. {% for phone in listingPhones %}
  285. {% set encodedSellerPhones = encodedSellerPhones | merge([{'number': phone.number|phoneNumberEncode}]) %}
  286. {% endfor %}
  287. {% set listingLabelType = listing.label %}
  288. {% set isListingTopPicks = listing.isTopPicks %}
  289. {% set allowListingLabel = listingLabelType and not isListingTopPicks and not IS_PROJECT_PARENT %}
  290. {% set isTopFavourited = listingLabelType == TOP_FAVOURITAED_CONST %}
  291. {% set isValidPrice = listingLabelType == VALID_PRICE_CONST %}
  292. {% set isTopViewed = listingLabelType == TOP_VIEWED_CONST %}
  293. {% set listingLabelUrl = path('search' , {'section_slug' : section.slug, 'property_type_slug' : propertyType.slug, 'location_slug': location.slug }|merge({'label': listingLabelType}))%}
  294. {% set enableSearchInListingDetails = not IS_PROJECT_PARENT and not isEnabledFeature('web.search.full.filters') %}
  295. {% set showRelatedListing = relatedListingsCount and isSearchableListing and not IS_PROJECT_PARENT %}
  296. {% set showOtherUnits = isEnabledFeature('web.other.units.details.page') and otherUnits|length > 0 %}
  298. {# Testing listings #}
  299. {% set testingListingsIds = [3747940, 3813089, 3626475, 2705901] %}
  300. {% set isTestingListing = listing.id in testingListingsIds %}
  301. {% set isListingSliderDisabledTest = isTestingListing and isEnabledFeature('web.disable.listingslider') %}
  302. {% set isTopSellersDisabledTest = isTestingListing and isEnabledFeature('web.disable.topsellers') %}
  303. {% set isRelatedListingsDisabledTest = isTestingListing and isEnabledFeature('web.disable.relatedlistings') %}
  304. {% set isGoogleDoubleClickDisabledTest = isTestingListing and isEnabledFeature('web.disable.googledoubleclick') %}
  305. {% set isEnabledActivityDisabledTest = isTestingListing and isEnabledFeature('web.disable.activities.test') %}
  306. {% set isEnabledActivityListingPage = isEnabledActivityListingPage and not isEnabledActivityDisabledTest %}
  309. <div class="listing-quick-lead" ng-controller="quickLeadController">
  310. <div ng-content-loaded callback='setSourceRoute("{{ app.request.attributes.get('_route') }}");
  311. setListingDetail("{{listing.id}}",{
  312. "id": "{{listing.id}}",
  313. "section": "{{section.id}}",
  314. "sectionTitle": {{section.title|serialize()}},
  315. "isProjectParent": "{{IS_PROJECT_PARENT}}" ,
  316. "sellerPhones": {{encodedSellerPhones|serialize('json')}},
  317. "sellerPhone": "{{listingPhone ? listingPhone.number|phoneNumberEncode: ""}}",
  318. "financeUrl":"{{listing.getFinancialAidURL()}}",
  319. "userEmail": {{currentUserEmail|json_encode()}},
  320. "financeFeatureValue": "{{financeFeatureValue}}",
  321. "listingName" : {{listing.customSlug|default(listing.id)|serialize()}},
  322. "listingTitle" : {{listing.title|serialize()}},
  323. "location": "{{location.id}}",
  324. "locationTitle": {{location.title|serialize()}},
  325. "propertyType": "{{propertyType.id}}",
  326. "propertyTypeTitle": {{propertyType.title|serialize()}},
  327. "price": "{{listing.price}}",
  328. "currency": "{{ get_setting('general', 'currency')|trans }}",
  329. "area": "{{listing.area}}",
  330. "isCompound": "{{IS_PROJECT_PARENT}}",
  331. "image": "{{ listingMainPhoto }}",
  332. "paymentMethodLabel": {{ listing.paymentMethodLabel|trans|serialize() }},
  333. "pricePerMeter": "{{listing.calculatePricePerMeter }}",
  334. "sellerRole": {{listing.sellerRoleLabel|trans|serialize()}},
  335. "floor": "{{ listing_floor }}",
  336. "baths": "{{ listing_baths }}",
  337. "rooms": "{{ listing_rooms }}",
  338. "yearBuilt": "{{ listing_year_built }}",
  339. "finishType": "{{ listing_finish_type }}",
  340. "publishDate": "{{ listing.publishedAt|date('Y-m-d h:i:s A') }}",
  341. "view": {{ listing.propertyViewLabel|trans|serialize() }},
  342. "listingUser": {
  343. "sellerName" : {{sellerName|serialize()}},
  344. "sellerLogo": "",
  345. "sellerUrl": "{{sellerUrl}}",
  346. "joinedData": {{ joinedData|serialize() }},
  347. "activeListingsCount": "{{activeListingsCount}}",
  348. "leadsCount":"{{leadsCount}}"
  349. },
  350. "description": {{ listing.description|serialize() }},
  351. });'>
  352. {% if enableSearchInListingDetails %}
  353. {% include "@AqarmapListing/ListingSearch/searchFormFilter.html.twig" %}
  354. {% endif %}
  356. <div class="container listingContainer listing_details_container {{ relatedListingsCount and isSearchableListing ? 'has-related-listing' : ''}} {% if isEnabledFeature('web.header.cta') %}overflow-hidden{% endif %}">
  357. <div class="row">
  358. {% include '@AqarmapListingBundle/Listing/listingNav.html.twig' %}
  359. <section
  360. class="col-md-12 listing-details {{ ABtestingClasses }}"
  361. data-sticky-container
  362. itemscope
  363. itemtype="https://schema.org/{{ markupType }}"
  364. >
  365. <div class="listing-slider-container padding-lg-zero padding-md-zero" >
  366. {% if listingHasPhotos %}
  367. <div class="slider-wrapper section-wrapper">
  368. {% include '@AqarmapListingBundle/Listing/listingSlider.html.twig' %}
  369. </div>
  370. {% endif %}
  371. <div class=" side-bar-wrapper ">
  372. {% include '@AqarmapListingBundle/Listing/listingContactWrapper.html.twig' %}
  373. {% if IS_PROJECT %}
  374. {% include '@AqarmapListingBundle/Listing/compoundRatingService.html.twig' %}
  375. {% endif %}
  376. </div>
  377. </div>
  378. <div class="listing-details-container padding-md-zero">
  379. {% include '@AqarmapListingBundle/Listing/listingLabel.html.twig' %}
  380. {% if IS_PROJECT_PARENT %}
  381. {% include '@AqarmapListingBundle/Listing/projectDetailsTitle.html.twig' %}
  382. {% else %}
  383. {% include '@AqarmapListingBundle/Listing/listingTitle.html.twig' %}
  384. {% endif %}
  386. </div>
  387. <div class="listing-details-container padding-md-zero">
  388. {% include '@AqarmapListingBundle/Listing/listingUnitsTabs.html.twig' %}
  389. {% if showListingDetails %}
  390. {% include "@AqarmapListingBundle/Listing/listingDetailsList.html.twig" %}
  391. {% endif %}
  392. {% include "@AqarmapListingBundle/Listing/listingDescription.html.twig" %}
  393. {% include "@AqarmapListingBundle/Listing/listingMap.html.twig" %}
  394. {% include "@AqarmapListingBundle/Listing/listingSellerInfo.html.twig" %}
  395. {% if not isTopSellersDisabledTest %}
  396. {% include "@AqarmapListingBundle/Listing/listingTopSellers.html.twig" %}
  397. {% endif %}
  398. {% include '@AqarmapListingBundle/Listing/otherUnitsTable.html.twig' %}
  399. {% if not isRelatedListingsDisabledTest %}
  400. {% if showRelatedListing %}
  401. <div class="listing-details-item card-container card-container_option-2">
  402. {% include '@AqarmapListingBundle/Listing/listingRelatedListingSection.html.twig' %}
  403. </div>
  404. {% endif %}
  405. {% endif %}
  406. {% include '@AqarmapListingBundle/Listing/listingNeighborhoodsSection.html.twig' %}
  407. {% include '@AqarmapListingBundle/Listing/listingDiscussionsSection.html.twig' %}
  408. {% include '@AqarmapListingBundle/Listing/listingFooter.html.twig' %}
  409. </div>
  410. </section>
  411. {% include '@AqarmapListingBundle/Listing/projectFaqs.html.twig' %}
  412. </div>
  413. </div>
  415. {% if not isSearchableListing and not IS_PROJECT_PARENT %}
  416. {% set section = section %}
  418. <div class="container">
  419. <div class="compounds_quick_links">
  420. {% include "@AqarmapListing/CompoundSearch/compoundsSubLinks.html.twig" %}
  421. </div>
  422. </div>
  423. {% endif %}
  425. {# Google double click ads #}
  426. {% if not isGoogleDoubleClickDisabledTest %}
  427. {% include "adsHeader.html.twig" %}
  428. {% endif %}
  430. {# Modals container #}
  431. {% if not isRelatedListingsDisabledTest %}
  432. {% if showRelatedListing %}
  433. {% include '@AqarmapListingBundle/Listing/OnCloseListingPopup.html.twig' %}
  434. {% endif %}
  435. {% endif %}
  436. {% include '@AqarmapListingBundle/Listing/listingModalsContainer.html.twig' %}
  437. </div>
  438. </div>
  439. {% include '@AqarmapListingBundle/Listing/listingBreadcrumb.html.twig' %}
  440. {% endblock %}
  442. {% block footer %}
  443. {% include "footer.v2.html.twig" %}
  444. {% endblock %}
  446. {% block facebookLogin %}
  447. {% if isEnabledFeature('web.enable.quicklogin') %}
  448. {{ parent() }}
  449. {% endif %}
  450. {% endblock %}
  452. {% block categorizedJavascripts %}
  453. <script type="application/javascript" src="{{ asset('builds/js/buildListingDetailsCritical'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  454. <script defer type="application/javascript" src="{{ asset('builds/js/buildListingDetailsMainVendors'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  455. <script defer type="application/javascript" src="{{ asset('builds/js/buildListingDetailsExtraVendors'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  457. {% if isEnabledCompoundBuild %}
  458. <script defer src="{{ asset('builds/js/compound.desktop.buildListingDetails'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  459. {% else %}
  460. <script defer src="{{ asset('builds/js/buildListingDetails'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  461. {% endif %}
  462. <script defer type="application/javascript" src="{{ asset('builds/js/buildTopSellers'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  463. {% if isEnabledLazyloadingActivitiesBuild %}
  464. {% for file in encore_entry_js_files('activitiesApp') %}
  465. <script async type='application/javascript' src='{{ asset(file) }}'></script>
  466. {% endfor %}
  467. {% else %}
  468. {{ encore_entry_script_tags('activitiesApp', attributes={defer: false}) }}
  469. {% endif %}
  470. {% if topBar is defined and not null %}
  471. {{ encore_entry_script_tags('countdown') }}
  472. {% endif %}
  473. {% endblock %}
  474. {% block javascripts %}
  475. <script src="//maps.google.com/maps/api/js?v=3.25&amp;key={{ google_maps_key }}"></script>
  476. {{ parent() }}
  478. <script>
  479. $(document).ready(function () {
  480. imageSlider.lunchSlider({% if isLocalArabic %}true{% else %}false{% endif %}, false);
  481. });
  482. </script>
  484. <script>
  485. $(document).ready(function () {
  486. dataLayer.push({
  487. 'listingName': '{{ listing.customSlug|default(listing.id) }}',
  488. 'listingParentName': {% if listing.parent %}'{{ listing.parent.customSlug|default(listing.parent.id) }}'{% else %}null{% endif %},
  489. 'listingSection': '{{ leadAnalytics.listingSection|default('') }}',
  490. 'listingSegment': '{{ leadAnalytics.listingSegment|default('') }}',
  491. 'hasParent': {{ listing.parent ? 'true' : 'false' }},
  492. 'hasChildren': {{ listing.isProject ? 'true' : 'false' }},
  493. 'isFeatured': {{ listing.featured ? 'true' : 'false' }}
  494. });
  495. });
  496. </script>
  498. <script>
  499. function getdivheight(){
  500. return $('#listing-title-container').height() > 0 ? $('#listing-title-container').height() : 100;
  501. }
  502. function updateDivMargin(){
  503. //add 5 pix to height
  504. var temp_margintop = getdivheight() + 5;
  505. $('#listingContactWrapper').attr('data-margin-top',temp_margintop);
  506. }
  507. $(document).ready(function () {
  508. updateDivMargin();
  510. });
  511. $( window ).resize(function() {
  512. updateDivMargin();
  513. });
  515. </script>
  518. {# Google tag manager for contact the seller after submit #}
  519. {% if app.request.query.get('contact_seller') %}
  520. <script>
  521. // Google Tag Manager
  522. $(document).ready(function () {
  523. dataLayer.push({'event': 'gtm-action-seller-message'});
  524. });
  525. </script>
  526. {% endif %}
  527. {% if listing.parent is null and isSearchableListing %}
  528. <script>
  529. {% if searchableLocation is not null %}
  530. var locationId = {{location.nearestSearchable.id}};
  531. {% else %}
  532. var locationId = null;
  533. {% endif %}
  534. jQuery(document).mouseleave(function (e) {
  535. if(e.clientY < 100)
  536. {
  537. if (!locationsLocalStorage.locationExists(locationId))
  538. {
  539. $('.modal').modal('hide');
  540. $('#on-close-popup').modal('show');
  541. locationsLocalStorage.setLocationId(locationId);
  542. }else
  543. {
  544. if (locationsLocalStorage.isLocationExpired(locationId))
  545. {
  546. $('.modal').modal('hide');
  547. $('#on-close-popup').modal('show');
  548. dataLayer.push({'event': 'gtm-action-request-call-popup'});
  549. locationsLocalStorage.updateLocationExpiryDate(locationId);
  550. }
  551. }
  552. }
  553. });
  555. </script>
  556. {% endif %}
  557. {% endblock %}