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

Open in your IDE?
  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.     {% if isEnabledFeature('web.chat.app') or isEnabledActivityListingPage %}
  224.         {{ encore_entry_link_tags('activitiesApp') }}
  225.     {% endif %}
  227.     {% if IS_PROJECT_PARENT %}
  228.         <link rel="stylesheet" href="{{ asset('builds/css/projectDetailsBuild'~ (app.environment == 'dev' ? '' : '.min') ~'.css') }}" />
  229.     {% else %}
  230.         <link rel="stylesheet" href="{{ asset('builds/css/listingDetailsBuild'~ (app.environment == 'dev' ? '' : '.min') ~'.css') }}" />
  231.     {% endif %}
  232. {% endblock %}
  234. {% block headerTop %}
  235. {% endblock %}
  237. {% set CTA_block = "" %}
  238. {% block body %}
  239.     {% set markupType = "SingleFamilyResidence" %}
  240.     {% set STATUS_LIVE_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::LIVE') %}
  241.     {% set PHOTO_MAIN_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\PhotoTypes::MAIN_PHOTO') %}
  242.     {% set STATUS_PENDING_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::PENDING') %}
  243.     {% set STATUS_USER_DELETED_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::USER_DELETED') %}
  244.     {% set PREMIUM_LISTING = not isSearchableListing %}
  245.     {% if PREMIUM_LISTING %} {% set markupType = "GatedResidenceCommunity" %} {% endif %}
  246.     {% if not isSearchableListing or (listing.parent and not listing.parent.section.searchable) %}
  247.         {% set LEAD_LISTING = true %}
  248.     {% else %}
  249.         {% set LEAD_LISTING = false %}
  250.     {% endif %}
  251.     {% set STATUS_EXPIRED_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingStatus::USER_DELETED') %}
  252.     {% set LISTING_CATEGORIES_SCRAPPED = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::SCRAPPED') %}
  253.     {% set topCompaniesEnabled = not get_setting('features', 'top_companies') %}
  254.     {% set currentUser = app.user %}
  255.     {% set currentUserEmail = currentUser ? currentUser.email : '' %}
  256.     {% if isListingHasChildren %}
  257.             {% set sharingEvent = "compound-details" %}
  258.         {% else %}
  259.             {% set sharingEvent = "listing-details" %}
  260.     {% endif %}
  261. {% set showTopSellersModal = topSearchableCompaniesCount and searchableLocation is not null %}
  262. {% set showRegisterSurvey = isEnabledFeature('web.registration.survey')  %}
  263. {% set country = get_setting('general', 'country') | lower %}
  264. {% set sellerName = '' %}
  265. {% set listingUser = listing.user %}
  266. {% set sellerName =  listingUser.fullName %}
  267. {% set userLogo = listingUser.logo ? listingUser.logo.file : null %}
  268. {% set logo = listing.validUserLogo %}
  269. {% set sellerLogo = logo ? logo : userLogo %}
  270. {% set sellerUrl = path('aqarmap_user_listings', {'id': listingUser.id})%}
  271. {% set joinedData = listingUser.createdAt|date('Y')%}
  272. {% set listingMainPhoto = '#' %}
  273. {% if listing.mainPhoto %}
  274.     {% set listingMainPhoto = custom_vich_uploader_asset(listing.mainPhoto.file, 'file') | thumbnail('search-thumb') %}
  275. {% endif %}
  276. {% set listing_attributes = listing.getAttributesList() %}
  277. {% set listing_floor = (listing_attributes["floor"]) is defined ? getFloorLabel(listing_attributes["floor"])|trans : '' %}
  278. {% set listing_year_built = (listing_attributes["year-built"]) is defined ? listing_attributes["year-built"] : '' %}
  279. {% set listing_baths = (listing_attributes["baths"]) is defined ? getRoomsLabel(listing_attributes["baths"]) : '' %}
  280. {% set listing_rooms = (listing_attributes["rooms"]) is defined ? getRoomsLabel(listing_attributes["rooms"]) : '' %}
  281. {% set listing_finish_type = (listing_attributes["finish-type"]) is defined ? listing_attributes["finish-type"] : '' %}
  282. {% set topSellerTrigger = 'gtm-action-topsellers-lead-listing-details' %}
  283. {% set topSellerEventAction = 'ListingDetails' %}
  284. {% set listingHasPhotos = listing.photosForSlider|length > 0 %}
  285. {% set ABtestingClasses = "listing-details-ab-testing-master virtical-related-listing virtical-related-listing_option-1" %}
  286. {% set encodedSellerPhones = []%}
  287. {% for phone in listingPhones %}
  288.         {% set encodedSellerPhones = encodedSellerPhones | merge([{'number': phone.number|phoneNumberEncode}]) %}
  289. {% endfor %}
  290. {% set listingLabelType = listing.label %}
  291. {% set isListingTopPicks = listing.isTopPicks %}
  292. {% set allowListingLabel = listingLabelType and not isListingTopPicks and not IS_PROJECT_PARENT %}
  293. {% set isTopFavourited = listingLabelType == TOP_FAVOURITAED_CONST %}
  294. {% set isValidPrice = listingLabelType == VALID_PRICE_CONST %}
  295. {% set isTopViewed = listingLabelType == TOP_VIEWED_CONST %}
  296. {% set listingLabelUrl = path('search' , {'section_slug' : section.slug, 'property_type_slug' : propertyType.slug, 'location_slug': location.slug }|merge({'label': listingLabelType}))%}
  297. {% set enableSearchInListingDetails = not IS_PROJECT_PARENT and not isEnabledFeature('web.search.full.filters') %}
  298. {% set showRelatedListing = relatedListingsCount and isSearchableListing and not IS_PROJECT_PARENT %}
  299. {% set showOtherUnits = isEnabledFeature('web.other.units.details.page') and otherUnits|length > 0 %}
  301. {# Testing listings #}
  302. {% set testingListingsIds = [3747940, 3813089, 3626475, 2705901] %}
  303. {% set isTestingListing = listing.id in testingListingsIds %}
  304. {% set isListingSliderDisabledTest = isTestingListing and isEnabledFeature('web.disable.listingslider') %}
  305. {% set isTopSellersDisabledTest = isTestingListing and isEnabledFeature('web.disable.topsellers') %}
  306. {% set isRelatedListingsDisabledTest = isTestingListing and isEnabledFeature('web.disable.relatedlistings') %}
  307. {% set isGoogleDoubleClickDisabledTest = isTestingListing and isEnabledFeature('web.disable.googledoubleclick') %}
  308. {% set isEnabledActivityDisabledTest = isTestingListing and isEnabledFeature('web.disable.activities.test') %}
  309. {% set isEnabledActivityListingPage = isEnabledActivityListingPage and not isEnabledActivityDisabledTest %}
  311. {% set relatedListing %}
  312.     <div class="row">
  313.         {% include "@AqarmapListing/ListingSearch/listingCardVertical.html.twig" with {'listings': related_listings, 'mainListing': listing, 'isRelatedToListing': true, 'defaultResults' : false, 'topSellersResults' : false, 'isRelatedResults' : false, 'hideCta': true , 'cardGridSize': 'related-listing-card-option-1' , 'leadSourcePage': 'related_listings'} %}
  314.     </div>
  315. {% endset %}
  316. <div class="listing-quick-lead" ng-controller="quickLeadController">
  317.     <div ng-content-loaded callback='setSourceRoute("{{ app.request.attributes.get('_route') }}");
  318.             setListingDetail("{{listing.id}}",{
  319.                 "id": "{{listing.id}}",
  320.                 "section": "{{section.id}}",
  321.                 "sectionTitle": {{section.title|serialize()}},
  322.                 "isProjectParent": "{{IS_PROJECT_PARENT}}" ,
  323.                 "sellerPhones": {{encodedSellerPhones|serialize('json')}},
  324.                 "sellerPhone": "{{listingPhone.number|phoneNumberEncode}}",
  325.                 "financeUrl":"{{listing.getFinancialAidURL()}}",
  326.                 "userEmail": {{currentUserEmail|json_encode()}},
  327.                 "financeFeatureValue": "{{financeFeatureValue}}",
  328.                 "listingName" : {{listing.customSlug|default(listing.id)|serialize()}},
  329.                 "listingTitle" : {{listing.title|serialize()}},
  330.                 "location": "{{location.id}}",
  331.                 "locationTitle": {{location.title|serialize()}},
  332.                 "propertyType": "{{propertyType.id}}",
  333.                 "propertyTypeTitle": {{propertyType.title|serialize()}},
  334.                 "price": "{{listing.price}}",
  335.                 "currency": "{{ get_setting('general', 'currency')|trans }}",
  336.                 "area": "{{listing.area}}",
  337.                 "isCompound": "{{IS_PROJECT_PARENT}}",
  338.                 "image": "{{ listingMainPhoto }}",
  339.                 "paymentMethodLabel": {{ listing.paymentMethodLabel|trans|serialize() }},
  340.                 "pricePerMeter": "{{listing.calculatePricePerMeter }}",
  341.                 "sellerRole": {{listing.sellerRoleLabel|trans|serialize()}},
  342.                 "floor": "{{  listing_floor }}",
  343.                 "baths": "{{  listing_baths }}",
  344.                 "rooms": "{{  listing_rooms }}",
  345.                 "yearBuilt": "{{  listing_year_built }}",
  346.                 "finishType": "{{  listing_finish_type }}",
  347.                 "publishDate": "{{  listing.publishedAt|date('Y-m-d h:i:s A') }}",
  348.                 "view": {{ listing.propertyViewLabel|trans|serialize() }},
  349.                 "listingUser": {
  350.                     "sellerName" : {{sellerName|serialize()}},
  351.                     "sellerLogo": "",
  352.                     "sellerUrl": "{{sellerUrl}}",
  353.                     "joinedData":"{{joinedData}}",
  354.                     "activeListingsCount": "{{activeListingsCount}}",
  355.                     "leadsCount":"{{leadsCount}}"
  356.                 },
  357.                 "description": {{ listing.description|serialize() }},
  358.             });'>
  359.         {% if enableSearchInListingDetails %}
  360.             {% include "@AqarmapListing/ListingSearch/searchFormFilter.html.twig" %}
  361.         {% endif %}
  363.         <div class="container listingContainer listing_details_container {{ relatedListingsCount and isSearchableListing ? 'has-related-listing' : ''}} {% if isEnabledFeature('web.header.cta') %}overflow-hidden{% endif %}">
  364.             <div class="row">
  365.                 {% include '@AqarmapListingBundle/Listing/listingNav.html.twig' %}
  366.                 <section
  367.                     class="col-md-12 listing-details {{ ABtestingClasses }}"
  368.                     data-sticky-container
  369.                     itemscope
  370.                     itemtype="https://schema.org/{{ markupType }}"
  371.                     >
  372.                     <div class="listing-slider-container padding-lg-zero padding-md-zero" >
  373.                         {% if listingHasPhotos %}
  374.                             <div class="slider-wrapper section-wrapper">
  375.                                 {% include '@AqarmapListingBundle/Listing/listingSlider.html.twig' %}
  376.                             </div>
  377.                         {% endif %}
  378.                         {% include '@AqarmapListingBundle/Listing/listingContactWrapper.html.twig' %}
  379.                     </div>
  380.                     <div class="listing-details-container padding-md-zero">
  381.                         {% include '@AqarmapListingBundle/Listing/listingLabel.html.twig' %}
  382.                         {% if IS_PROJECT_PARENT %}
  383.                             {% include '@AqarmapListingBundle/Listing/projectDetailsTitle.html.twig' %}
  384.                         {% else %}
  385.                             {% include '@AqarmapListingBundle/Listing/listingTitle.html.twig' %}
  386.                         {% endif %}
  388.                     </div>
  389.                     <div class="listing-details-container padding-md-zero">
  390.                         {% include '@AqarmapListingBundle/Listing/listingUnitsTabs.html.twig' %}
  391.                         {% if showListingDetails %}
  392.                             {% include "@AqarmapListingBundle/Listing/listingDetailsList.html.twig" %}
  393.                         {% endif %}
  394.                         {% include "@AqarmapListingBundle/Listing/listingDescription.html.twig" %}
  395.                         {% include "@AqarmapListingBundle/Listing/listingMap.html.twig" %}
  396.                         {% include "@AqarmapListingBundle/Listing/listingSellerInfo.html.twig" %}
  397.                         {% if not isTopSellersDisabledTest %}
  398.                             {% include "@AqarmapListingBundle/Listing/listingTopSellers.html.twig" %}
  399.                         {% endif %}
  400.                         {% if IS_PROJECT %}
  401.                             {% include "@AqarmapListingBundle/Listing/compoundRating.html.twig" %}
  402.                         {% endif %}
  403.                         {% include '@AqarmapListingBundle/Listing/otherUnitsTable.html.twig' %}
  404.                         {% if not isRelatedListingsDisabledTest %}
  405.                             {% if showRelatedListing %}
  406.                                 <div class="listing-details-item card-container card-container_option-2">
  407.                                     {% include '@AqarmapListingBundle/Listing/listingRelatedListingSection.html.twig' %}
  408.                                 </div>
  409.                             {% endif %}
  410.                         {% endif %}
  411.                         {% include '@AqarmapListingBundle/Listing/listingNeighborhoodsSection.html.twig' %}
  412.                         {% include '@AqarmapListingBundle/Listing/listingDiscussionsSection.html.twig' %}
  413.                         {% include '@AqarmapListingBundle/Listing/listingFooter.html.twig' %}
  414.                     </div>
  415.                 </section>
  416.                 {% include '@AqarmapListingBundle/Listing/projectFaqs.html.twig' %}
  417.             </div>
  418.         </div>
  420.         {% if not isSearchableListing and not IS_PROJECT_PARENT %}
  421.             {% set section = section %}
  423.             <div class="container">
  424.                 <div class="compounds_quick_links">
  425.                     {% include "@AqarmapListing/CompoundSearch/compoundsSubLinks.html.twig" %}
  426.                 </div>
  427.             </div>
  428.         {% endif %}
  430.         {# Google double click ads #}
  431.         {% if not isGoogleDoubleClickDisabledTest %}
  432.             {% include "adsHeader.html.twig" %}
  433.         {% endif %}
  435.         {# Modals container #}
  436.         {% if not isRelatedListingsDisabledTest %}
  437.             {% if showRelatedListing %}
  438.                 {% include '@AqarmapListingBundle/Listing/OnCloseListingPopup.html.twig' %}
  439.             {% endif %}
  440.         {% endif %}
  441.         {% include '@AqarmapListingBundle/Listing/listingModalsContainer.html.twig' %}
  442.     </div>
  443. </div>
  444. {% include '@AqarmapListingBundle/Listing/listingBreadcrumb.html.twig' %}
  445. {% endblock %}
  447. {% block footer %}
  448.     {% include "footer.v2.html.twig" %}
  449. {% endblock %}
  451. {% block facebookLogin %}
  452.     {% if isEnabledFeature('web.enable.quicklogin') %}
  453.         {{ parent() }}
  454.     {% endif %}
  455. {% endblock %}
  457. {% block categorizedJavascripts %}
  458.     <script type="application/javascript" src="{{ asset('builds/js/buildListingDetailsCritical'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  459.     <script defer type="application/javascript" src="{{ asset('builds/js/buildListingDetailsMainVendors'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  460.     <script defer type="application/javascript" src="{{ asset('builds/js/buildListingDetailsExtraVendors'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  462.     {% if isEnabledCompoundBuild %}
  463.         <script defer src="{{ asset('builds/js/compound.desktop.buildListingDetails'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  464.     {% else %}
  465.         <script defer src="{{ asset('builds/js/buildListingDetails'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  466.     {% endif %}
  467.     <script defer type="application/javascript" src="{{ asset('builds/js/buildTopSellers'~ (app.environment == 'dev' ? '' : '.min') ~'.js') }}"></script>
  469.     {% if isEnabledActivityListingPage %}
  470.         {% if isEnabledLazyloadingActivitiesBuild %}
  471.             {% for file in encore_entry_js_files('activitiesApp') %}
  472.                 <script async type='application/javascript' src='{{ asset(file) }}'></script>
  473.             {% endfor %}
  474.         {% else %}
  475.             {{ encore_entry_script_tags('activitiesApp', attributes={defer: false}) }}
  476.         {% endif %}
  477.     {% endif %}
  479.     {% if topBar is defined and  not null %}
  480.         {{ encore_entry_script_tags('countdown') }}
  481.     {% endif %}
  482. {% endblock %}
  483. {% block javascripts %}
  484.     <script src="//maps.google.com/maps/api/js?v=3.25&amp;key={{ google_maps_key }}"></script>
  485.     {{ parent() }}
  487.     <script>
  488.         $(document).ready(function () {
  489.             imageSlider.lunchSlider({% if isLocalArabic %}true{% else %}false{% endif %}, false);
  490.         });
  491.     </script>
  493.     <script>
  494.         $(document).ready(function () {
  495.             dataLayer.push({
  496.                 'listingName': '{{ listing.customSlug|default(listing.id) }}',
  497.                 'listingParentName': {% if listing.parent %}'{{ listing.parent.customSlug|default(listing.parent.id) }}'{% else %}null{% endif %},
  498.                 'listingSection': '{{ leadAnalytics.listingSection|default('') }}',
  499.                 'listingSegment': '{{ leadAnalytics.listingSegment|default('') }}',
  500.                 'hasParent': {{ listing.parent ? 'true' : 'false' }},
  501.                 'hasChildren': {{ listing.isProject ? 'true' : 'false' }},
  502.                 'isFeatured': {{ listing.featured ? 'true' : 'false' }}
  503.             });
  504.         });
  505.     </script>
  507.     <script>
  508.         function getdivheight(){
  509.             return $('#listing-title-container').height() > 0 ? $('#listing-title-container').height() : 100;
  510.         }
  511.         function updateDivMargin(){
  512.             //add 5 pix to height
  513.             var temp_margintop = getdivheight() + 5;
  514.             $('#listingContactWrapper').attr('data-margin-top',temp_margintop);
  515.         }
  516.         $(document).ready(function () {
  517.             updateDivMargin();
  519.         });
  520.         $( window ).resize(function() {
  521.             updateDivMargin();
  522.         });
  524.     </script>
  527.     {# Google tag manager for contact the seller after submit #}
  528.     {% if app.request.query.get('contact_seller') %}
  529.         <script>
  530.             // Google Tag Manager
  531.             $(document).ready(function () {
  532.                 dataLayer.push({'event': 'gtm-action-seller-message'});
  533.             });
  534.         </script>
  535.     {% endif %}
  536.     {% if listing.parent is null and isSearchableListing %}
  537.     <script>
  538.         {% if searchableLocation is not null %}
  539.         var locationId = {{location.nearestSearchable.id}};
  540.         {% else %}
  541.         var locationId = null;
  542.         {% endif %}
  543.         jQuery(document).mouseleave(function (e) {
  544.         if(e.clientY < 100)
  545.         {
  546.             if (!locationsLocalStorage.locationExists(locationId))
  547.             {
  548.                 $('.modal').modal('hide');
  549.                 $('#on-close-popup').modal('show');
  550.                 locationsLocalStorage.setLocationId(locationId);
  551.             }else
  552.             {
  553.                 if (locationsLocalStorage.isLocationExpired(locationId))
  554.                 {
  555.                     $('.modal').modal('hide');
  556.                     $('#on-close-popup').modal('show');
  557.                     dataLayer.push({'event': 'gtm-action-request-call-popup'});
  558.                     locationsLocalStorage.updateLocationExpiryDate(locationId);
  559.                 }
  560.             }
  561.         }
  562.         });
  564.     </script>
  565.     {% endif %}
  566. {% endblock %}