src/Aqarmap/Bundle/ListingBundle/Resources/views/ListingSearch/listingCardVertical.html.twig line 1

  1. {# Constants #}
  2. {% set FIRST_LISTING_FOR_FREE_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::FIRST_LISTING_FOR_FREE') %}
  3. {% set EBAWAB_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::EBAWAB') %}
  4. {% set UNLIMITED_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::UNLIMITED') %}
  5. {% set PAID_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::PAID') %}
  6. {% set PROJECT_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::PROJECTS') %}
  7. {% set SCRAPPED_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::SCRAPPED') %}
  8. {% set SPONSORED_TYPE = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::SPONSORED') %}
  9. {% set FEATURE_TYPE = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::FEATURED') %}
  10. {% set PREMIUM_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::PREMIUM') %}
  11. {% set SPOTLIGHT_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::SPOTLIGHT') %}
  12. {% set SOLD_BY_OWNER_TYPE = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::SOLD_BY_OWNER') %}
  13. {% set SOLD_BY_OWNER_SPONSORED_TYPE = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingFeaturedTypes::SOLD_BY_OWNER_SPONSORED') %}
  14. {% set SCRAPPED_LISTING_CATEGORY = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingCategories::SCRAPPED') %}
  15. {% set SHOW_PHONE_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\LeadTypes::SHOW_PHONE') %}
  16. {% set SEND_WHATSAPP_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\LeadTypes::WHATSAPP') %}
  17. {% set CALL_REQUEST_CONSTANT = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\LeadTypes::CALL_REQUEST') %}
  18. {% set TOP_VIEWED_CONST = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingLabel::TOP_VIEWED') %}
  19. {% set TOP_FAVOURITAED_CONST = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingLabel::TOP_FAVORITE') %}
  20. {% set VALID_PRICE_CONST = constant('Aqarmap\\Bundle\\ListingBundle\\Constant\\ListingLabel::VALID_PRICE') %}
  22. {# Toggles #}
  23. {% set isEnabledSearchResultsActivity = (isEnabledFeature('web.activity.app') and isEnabledFeature('web.search.results.activities')) %}
  24. {% set isTopCustomerListingsPage = app.request.attributes.get('_route') == 'aqarmap_user_listings' %}
  25. {% set hideCtaButtons = hideCta is defined and hideCta %}
  26. {% set isCtaButtonsEnabled = isEnabledFeature('listing_card.lead.button') and not hideCtaButtons %}
  27. {% set showCtaButtons = isCtaButtonsEnabled %}
  28. {% set isEnabledElasticScoringDebug = elasticScoringDebug is defined and elasticScoringDebug and app.request.get('esdebug') %}
  30. {# inFeed #}
  31. {% set inFeedAdAppearance = 6 %}
  32. {% set isInFeedAdAappeared = false %}
  33. {% set scrappedUserName = "Aqarmap" %}
  35. {# user logo macro #}
  36. {% macro userLogo(imgLink, disableLazyLoadImgIndex, listingUserPhotoSize, listingId, classList = "") %}
  37. <div class="search-listing-card__logo {{ classList }}">
  38. <img
  39. {% if disableLazyLoadImgIndex %}
  40. src="{{ imgLink }}"
  41. {% else %}
  42. class="lazyload"
  43. src=""
  44. data-src="{{ imgLink }}"
  45. {% endif %}
  46. width="{{ listingUserPhotoSize }}"
  47. height="{{ listingUserPhotoSize }}"
  48. alt="user-logo-{{ listingId }}"
  49. fetchpriority="low"
  50. >
  51. </div>
  52. {% endmacro %}
  54. {% for listing in listings %}
  55. {% if agent is defined %}
  56. {% set listing = listing['listing'] %}
  57. {% endif %}
  59. {# Listing Toggles #}
  60. {% set isCompoundSearchResultsCard = isCompoundSearchResults is defined ? isCompoundSearchResults : false %}
  61. {% set isVerified = ((listing.featured == SPONSORED_TYPE) or (listing.featured == SPOTLIGHT_CONSTANT)) and isEnabledFeature('web.show.verified.sign') %}
  62. {% set isEligibleForMortgage = isEnabledFeature('web.mortgage.options') and listing.isMortgageApproved %}
  63. {% set isSponsoredCard = loop.index == 1 and not topSellersResults and not isRelatedResults and (listing.featured == SPONSORED_TYPE or listing.featured == SOLD_BY_OWNER_SPONSORED_TYPE) %}
  64. {% set isListingPhotosDefined = listingPhotos[listing.id] is defined and listingPhotos[listing.id].main is defined %}
  65. {% set isListingLogoDefined = listingPhotos[listing.id] is defined and listingPhotos[listing.id].logo is defined %}
  66. {% set disableLazyLoadImgIndex = loop.index in [1, 2] %}
  67. {% set searchedByOneLocation = isSearchedByOneLocation is defined and isSearchedByOneLocation %}
  69. {% if not isCompoundSearchResultsCard %}
  70. {% set isPricesWidgetListingTypes = not defaultResults and not topSellersResults and searchedByOneLocation %}
  71. {% set mobileFeedadsScreenLocation = loop.index == inFeedAdAppearance %}
  72. {% set isMobileFeedadsToggledOn = isEnabledFeature('web.search.mobile.feedads') and isMobile and isUXVersion %}
  73. {% set isFeedAdsWithinListingTypes = not defaultResults and not isInFeedAdAappeared %}
  74. {% set showMobileFeedads = isMobileFeedadsToggledOn and isFeedAdsWithinListingTypes and mobileFeedadsScreenLocation %}
  75. {% endif %}
  77. {# Listing Vars #}
  78. {% set listingCategory = listing.category %}
  79. {% set urlSource = app.request.query.get("source") ? app.request.query.get("source") : ''%}
  80. {% set containerSource = source is defined ? source : null %}
  81. {% set leadSources = containerSource ? [containerSource] : [urlSource] %}
  82. {% set financeFeatureValue = get_setting('features', 'finance_service') %}
  83. {% set isRelatedToMainListing = isRelatedToListing is defined ? isRelatedToListing : false %}
  84. {% set mainListingObj = (isRelatedToMainListing and mainListing is defined) ? mainListing : {} %}
  85. {% if isEnabledFeature('listing_card.lead.button') %}
  86. {% set listingPhones = isEnabledFeature('listing_user_phones') ? listing.phones : listing.listingPhones %}
  87. {% else %}
  88. {% set listingPhones = [] %}
  89. {% endif %}
  90. {% set listingPhone = null %}
  91. {% if listingPhones is not empty %}
  92. {% set listingPhone = listingPhones|first %}
  93. {% endif %}
  94. {% if listing.slug %}
  95. {% set LISTING_URL = isRelatedResults ? path("listing_slug", {id: listing.id, slug: listing.slug}|merge({'relatedseaarchlisting': true})) : path("listing_slug", {id: listing.id, slug: listing.slug}) %}
  96. {% else %}
  97. {% set LISTING_URL = isRelatedResults ? path('listing_view', {'id': listing.id}|merge({'relatedseaarchlisting': true})) : path('listing_view', {'id': listing.id}) %}
  98. {% endif %}
  99. {% if isRelatedToMainListing %}
  100. {% set LISTING_URL = LISTING_URL ~ '?source=listing-related' %}
  101. {% endif %}
  102. {% set relatedListingAnalytics = isRelatedResults ? 'gtm-btn-related-result-listing-click' : '' %}
  103. {% set relatedListingClass = isRelatedResults ? 'related-listing__card' : '' %}
  104. {% set searchListingCardClass = isTopPicksResults is defined and isTopPicksResults ? 'search-listing-card top-picks-card' : 'search-listing-card search-listing-card_mb-xl' %}
  105. {% set listingEvents = [{'isFired':isVerified , 'trigger': 'gtm-btn-verified-listing-click' }] %}
  106. {% set listingPhotoSize = 110 %}
  107. {% set iconSize = 24 %}
  108. {% set listingUserPhotoSize = 32 %}
  109. {% set neighborhoodAppearance = 9 %}
  110. {% set isExcludeWhatsappFromListing = isEnabledFeature('web.whatsapp.chat.exclude') and listing.getIsExcludedFromWhatsApp %}
  111. {% set acceptedWhatsAppFeature = not isExcludeWhatsappFromListing or not isEnabledFeature('web.whatsapp.chat.exclude') %}
  112. {% set isEnabledSendByWhatsapp = isEnabledFeature('web.whats.app.chat') and acceptedWhatsAppFeature %}
  113. {% if isEnabledSendByWhatsapp %}
  114. {% set whatsAppNumber = listing.getWhatsAppNumber %}
  115. {% set hasWhatsapp = whatsAppNumber %}
  116. {% else %}
  117. {% set hasWhatsapp = false %}
  118. {% endif %}
  119. {% set callBtnClass = not hasWhatsapp ? 'big': '' %}
  120. {% set callBtnText = not hasWhatsapp ? 'listing.show_seller_phone'|trans : "" %}
  121. {% set isProject = listingCategory == PROJECT_LISTING_CATEGORY %}
  122. {% set projectListingChild = listing.parent != null %}
  123. {% set notProjectListing = not isProject and not projectListingChild %}
  124. {% set strictQuickRegistration = get_setting('features', 'strict_to_quick_registration') %}
  125. {% set autoShowPhone = not strictQuickRegistration and notProjectListing %}
  126. {% set isSoldByOwnerType = listing.featured == SOLD_BY_OWNER_TYPE or listing.featured == SOLD_BY_OWNER_SPONSORED_TYPE %}
  127. {% set listing_attributes = listing.getAttributesList() %}
  128. {% set listing_rooms = (listing_attributes["rooms"]) is defined ? getRoomsLabel(listing_attributes["rooms"]) : '' %}
  129. {% set listing_baths = (listing_attributes["baths"]) is defined ? getBathsLabel(listing_attributes["baths"]) : '' %}
  130. {% set backgroundClass = 'listing-phone-container_bg-white listing-phone-container_number-gray'%}
  131. {% set cardGridSize = cardGridSize is defined ? cardGridSize : 'col-sm-6 col-12' %}
  132. {% set showPhotosCount = disablePhotosCount is not defined or not disablePhotosCount %}
  133. {% set sellerName = '' %}
  134. {% set listingUser = listing.user %}
  135. {% set sellerName = listingUser.fullName %}
  136. {% set userLogo = listingUser.logo ? listingUser.logo.file : null %}
  137. {% set logo = listing.validUserLogo %}
  138. {% set sellerLogo = logo ? logo : userLogo %}
  139. {% set sellerUrl = path('aqarmap_user_listings', {'id': listingUser.id})%}
  140. {% set joinedData = listingUser.createdAt|date('Y')%}
  141. {% set activeListingsCount = liveListingsPerUser[listing.user.id] is defined ? liveListingsPerUser[listing.user.id] : 0 %}
  142. {% set leadsCount = listingUser.getClientServedCount() %}
  143. {% set encodedSellerPhones = []%}
  144. {% for phone in listingPhones %}
  145. {% set encodedSellerPhones = encodedSellerPhones | merge([{'number': phone.number|phoneNumberEncode}]) %}
  146. {% endfor %}
  148. {% set listingLabelType = listing.label %}
  149. {% set isListingTopPicks = listing.isTopPicks %}
  150. {% set allowListingLabel = isSearchResultsPage and not isListingTopPicks %}
  151. {% set isTopFavourited = listingLabelType == TOP_FAVOURITAED_CONST %}
  152. {% set isValidPrice = listingLabelType == VALID_PRICE_CONST %}
  153. {% set isTopViewed = listingLabelType == TOP_VIEWED_CONST %}
  154. {% set labelLeadSource = '' %}
  155. {% if isTopFavourited %}
  156. {% set labelLeadSource = 'top-favourite' %}
  157. {% set leadSources = leadSources|merge([labelLeadSource]) %}
  158. {% elseif isValidPrice %}
  159. {% set labelLeadSource = 'valid-price' %}
  160. {% set leadSources = leadSources|merge([labelLeadSource]) %}
  161. {% elseif isTopViewed %}
  162. {% set labelLeadSource = 'top-viewed' %}
  163. {% set leadSources = leadSources|merge([labelLeadSource]) %}
  164. {% endif %}
  165. {% set listingPrice = listing.price ?? null %}
  166. {% set listingFeatured = listing.featured %}
  167. {% set isSpotLight = listingFeatured == SPOTLIGHT_CONSTANT %}
  168. {% set isSponserd = listingFeatured == SPONSORED_TYPE %}
  169. {% set isPremium = listingFeatured == PREMIUM_CONSTANT %}
  170. {% set isFeatured = listingFeatured == FEATURE_TYPE %}
  171. {% set isPaid = listingCategory == PAID_LISTING_CATEGORY %}
  172. {% set isScrapped = listingCategory == SCRAPPED_LISTING_CATEGORY %}
  173. {% set isEBawab = listingCategory == EBAWAB_LISTING_CATEGORY %}
  174. {% set isUnlimited = listingCategory == UNLIMITED_LISTING_CATEGORY %}
  175. {% set isFlf2 = listingCategory == FIRST_LISTING_FOR_FREE_LISTING_CATEGORY %}
  177. {# Compounds Listing Vars #}
  178. {% if isCompoundSearchResultsCard %}
  179. {% set compoundAveragePrices = listing.compoundAveragePrices is defined ? listing.compoundAveragePrices : [] %}
  180. {% set isCompoundAveragePrices = compoundAveragePrices is not empty %}
  181. {% set showCompoundAveragePrices = false %}
  182. {% set compoundField = listing.CompoundField ? listing.CompoundField :{} %}
  183. {% set isEnabledDdeveloperCardData = isCompoundSearchResultsCard and isEnabledFeature('web.developer.card.data') %}
  184. {% set isCompoundPlannerPage = isCompoundPlanner is defined and isCompoundPlanner %}
  185. {% set compoundPrice = listing.CompoundField ? listing.CompoundField.minPrice : null %}
  186. {% set listingPrice = compoundPrice ?? listingPrice %}
  187. {% endif %}
  189. {# gtm events variables #}
  190. {% set leadSourcePage = leadSourcePage is defined ? leadSourcePage : "search_results"%}
  191. {% set propertySectionSlug = isProject ? "projects" : section is defined ? section.slug: listing.section.slug %}
  192. {% set propertyCategory = isProject ? "projects" : isScrapped ? "scrapped" :
  193. isPaid ? "paid" : isEBawab ? "bawab" : isUnlimited ? "unlimited" :
  194. isFlf2 ? "flf2" : "free" %}
  195. {% set depthProduct = isFeatured ? "featured" : isPremium ? "premium" :
  196. isSponserd ? "sponsored": isSpotLight ? "spotlight" : "regular" %}
  197. {% set insideCompound = isProject or listing.parent != null %}
  199. <div id="{{listing.id}}" class="{{ cardGridSize }} {{relatedListingClass}} {{searchListingCardClass}}"
  200. ng-init='setSourceRoute("{{ app.request.attributes.get('_route') }}");'
  201. itemscope itemtype="https://schema.org/SingleFamilyResidence">
  202. <div class="search-listing-card__container" ng-content-loaded
  203. callback='setListingDetail("{{listing.id}}",{
  204. "section": "{{listing.section.id}}",
  205. "sellerPhones": {{ (isCtaButtonsEnabled ? encodedSellerPhones : [])|json_encode() }},
  206. "sellerPhone": "{{ isCtaButtonsEnabled ? (hasWhatsapp ? whatsAppNumber|phoneNumberEncode : '') :''}}",
  207. "financeUrl":"{{listing.getFinancialAidURL()}}",
  208. "userEmail": {{currentUserEmail|json_encode()}},
  209. "financeFeatureValue": "{{financeFeatureValue}}",
  210. "listingName" : {{listing.customSlug|default(listing.id)|serialize()}},
  211. "listingTitle" : {{listing.title|serialize()}},
  212. "listingUser": {
  213. "sellerName" : {{sellerName|serialize()}},
  214. "sellerLogo": "",
  215. "sellerUrl": "{{sellerUrl}}",
  216. "joinedData":"{{joinedData}}",
  217. "activeListingsCount": "{{activeListingsCount}}",
  218. "leadsCount":"{{leadsCount}}"
  219. }
  220. })'>
  221. <div class="search-listing-card__wrapper">
  222. <a class="search-listing-card__container__link {{ relatedListingAnalytics }}"
  223. onclick="elementEvents.fireGTM( 'listingId',{{ listing.id }}, {{ listingEvents|json_encode() }})"
  224. href="{{ LISTING_URL }}"></a>
  225. <div class="search-listing-card__labels">
  226. {% if isUserHasActiveSubscription %}
  227. {% if listing.featured == PREMIUM_CONSTANT %}
  228. <span class="search-listing-card__labels_card search-listing-card__labels_card_sponsored">
  229. {{ 'search_results.premium_small'|trans }}
  230. </span>
  231. {% elseif listing.featured == SPOTLIGHT_CONSTANT %}
  232. <span class="search-listing-card__labels_card search-listing-card__labels_card_sponsored">
  233. {{ 'search_results.spotlight'|trans }}
  234. </span>
  235. {% elseif listing.featured == SPONSORED_TYPE %}
  236. <span class="search-listing-card__labels_card search-listing-card__labels_card_sponsored">
  237. {{ 'search_results.sponsored'|trans }}
  238. </span>
  239. {% elseif isCompoundSearchResultsCard and listing.featured %}
  240. <span class="search-listing-card__labels_card search-listing-card__labels_card_sponsored">
  241. {{ 'search_results.featured_small'|trans }}
  242. </span>
  243. {% endif %}
  244. {% if listing.featured == FEATURE_TYPE %}
  245. <span class="search-listing-card__labels_card search-listing-card__labels_card_featured">
  246. {{ 'search_results.featured_capital'|trans }}
  247. </span>
  248. {% elseif isSoldByOwnerType %}
  249. <span class="search-listing-card__labels_card search-listing-card__labels_card_featured">
  250. {{ 'search_results.sold_by_owner'|trans }}
  251. </span>
  252. {% endif %}
  253. {% endif %}
  254. {% if isVerified %}
  255. <span class="search-listing-card__labels_card search-listing-card__labels_card_verified">
  256. {{ 'search_results.verified'|trans }}
  257. </span>
  258. {% endif %}
  259. {% if isEligibleForMortgage %}
  260. <span class="search-listing-card__labels_card search-listing-card__labels_card_mortgage">
  261. {{ 'search_results.is_mortgage'|trans }}
  262. </span>
  263. {% endif %}
  264. {% if isRelatedToMainListing %}
  265. <span class="search-listing-card__labels_card search-listing-card__labels_card_featured">
  266. {{ getSimilarLabel(mainListingObj, listing)|trans }}
  267. </span>
  268. {% endif %}
  269. </div>
  270. <div class="search-listing-card__img embed-responsive embed-responsive-4by3">
  271. <div class="search-listing-card__img__wrapper embed-responsive-item">
  272. {% if isListingPhotosDefined %}
  274. {% if disableLazyLoadImgIndex %}
  275. <picture>
  276. <source srcset="{{ custom_vich_uploader_asset(listingPhotos[listing.id].main.file, 'file')|thumbnail('search-thumb-webp') }}"
  277. type="image/webp">
  278. <source srcset="{{ custom_vich_uploader_asset(listingPhotos[listing.id].main.file, 'file')|thumbnail('search-thumb') }}"
  279. type="image/jpg">
  280. <img
  281. alt="{{ listing.title|excludeNumbers }}"
  282. width="{{ listingPhotoSize }}" height="{{ listingPhotoSize }}"
  283. fetchpriority="high" />
  284. </picture>
  285. {% else %}
  286. <picture>
  287. <source data-srcset="{{ custom_vich_uploader_asset(listingPhotos[listing.id].main.file, 'file')|thumbnail('search-thumb-webp') }}"
  288. type="image/webp">
  289. <source data-srcset="{{ custom_vich_uploader_asset(listingPhotos[listing.id].main.file, 'file')|thumbnail('search-thumb') }}"
  290. type="image/jpg">
  291. <img
  292. src="/images/placeholder.svg"
  293. class="lazyload"
  294. alt="{{ listing.title|excludeNumbers }}"
  295. width="{{ listingPhotoSize }}" height="{{ listingPhotoSize }}"
  296. fetchpriority="low" />
  297. </picture>
  298. {% endif %}
  299. {% elseif listing.mainPhoto %}
  300. {% if disableLazyLoadImgIndex %}
  301. <picture>
  302. <source srcset="{{ custom_vich_uploader_asset(listing.mainPhoto.file, 'file')|thumbnail('search-thumb-webp') }}"
  303. type="image/webp">
  304. <source srcset="{{ custom_vich_uploader_asset(listing.mainPhoto.file, 'file')|thumbnail('search-thumb') }}"
  305. type="image/jpg">
  306. <img
  307. alt="{{ listing.title|excludeNumbers }}"
  308. width="{{ listingPhotoSize }}" height="{{ listingPhotoSize }}"
  309. fetchpriority="high" />
  310. </picture>
  311. {% else %}
  312. <picture>
  313. <source data-srcset="{{ custom_vich_uploader_asset(listing.mainPhoto.file, 'file')|thumbnail('search-thumb-webp') }}"
  314. type="image/webp">
  315. <source data-srcset="{{ custom_vich_uploader_asset(listing.mainPhoto.file, 'file')|thumbnail('search-thumb') }}"
  316. type="image/jpg">
  317. <img
  318. src="/images/placeholder.svg"
  319. class="lazyload"
  320. alt="{{ listing.title|excludeNumbers }}"
  321. width="{{ listingPhotoSize }}" height="{{ listingPhotoSize }}"
  322. fetchpriority="low" />
  323. </picture>
  324. {% endif %}
  325. {% else %}
  326. <div class="search-listing-card__img__no-photo">{{ 'layout.no_listing_photo'|trans }}</div>
  327. {% endif %}
  328. {% if showPhotosCount %}
  329. <div class="search-listing-card__img__thumbnail search-listing-card__img__thumbnail_bottom">
  330. <div class="search-listing-card__img__count">
  331. <span class="fa fa-image"></span>
  332. {% if listingPhotosCount[listing.id] is defined %}
  333. {{ listingPhotosCount[listing.id] }}
  334. {% else %}
  335. 0
  336. {% endif %}
  337. </div>
  338. </div>
  339. {% endif %}
  340. </div>
  341. </div>
  342. <div class="search-listing-card__details">
  343. {% if app.request.attributes.get("_route") != 'aqarmap_user_listings' %}
  344. {% if isListingLogoDefined %}
  345. {{ _self.userLogo(
  346. custom_vich_uploader_asset(listingPhotos[listing.id].logo.file, 'file') | thumbnail('logo'),
  347. disableLazyLoadImgIndex,
  348. listingUserPhotoSize,
  349. listing.id
  350. ) }}
  351. {% elseif listing.validUserLogo %}
  352. {{ _self.userLogo(
  353. custom_vich_uploader_asset(listing.validUserLogo, 'file') | thumbnail('logo'),
  354. disableLazyLoadImgIndex,
  355. listingUserPhotoSize,
  356. listing.id
  357. ) }}
  358. {% endif %}
  359. {% endif %}
  360. <div class="search-listing-card__details__wrapper" >
  361. {% if isCompoundSearchResultsCard %}
  362. <div class="search-listing-card__compound-title">
  363. <span> {{ listing.title|fixArabicNumbers|raw }}</span>
  364. </div>
  365. <p class="search-listing-card__address search-listing-card__address_compound">
  366. <img
  367. fetchpriority="low"
  368. src="/images/BrandsIcons/listing/ic_location.svg"
  369. class="search-listing-card__attributes_icon"
  370. alt="{{ listing.address }}"
  371. width="{{ iconSize }}" height="{{ iconSize }}"
  372. />
  373. <span> {{ listing.address }} </span>
  374. </p>
  375. {% if showCompoundAveragePrices %}
  376. <div class="search-listing-card__units__wrapper">
  377. {% if isCompoundAveragePrices%}
  378. {% include '@AqarmapListingBundle/Listing/compoundAveragePrices.html.twig' with {'units': compoundAveragePrices} %}
  379. {% endif %}
  380. </div>
  381. {% endif %}
  383. <div class="search-listing-card__starting-price">
  384. {% if listingPrice %}
  385. {{ 'listing.starting_from'|trans }}
  386. <span class="integer">{{ listingPrice |number_format }}</span>
  387. <span>{{ get_setting('general', 'currency')|trans }}</span>
  388. {% elseif listing.section.searchable %}
  389. {{ 'listing.call_for_price'|trans }}
  390. {% endif %}
  391. </div>
  392. {% else %}
  393. {% if allowListingLabel %}
  394. <div class="search-listing-card__best-label">
  395. {% if isValidPrice %}
  396. <img fetchpriority="low" width="{{ iconSize }}" height="{{ iconSize }}"
  397. src="{{ asset('images/picks/ic_money_blue.svg') }}" alt="{{'listing.valid_price'|trans }}" />
  398. {{'listing.valid_price'|trans }}
  399. {% elseif isTopViewed %}
  400. <img fetchpriority="low" width="{{ iconSize }}" height="{{ iconSize }}"
  401. src="{{ asset('images/picks/analytics-arrow-up_blue.svg') }}" alt="{{'listing.top_viewed'|trans }}" />
  402. {{'listing.top_viewed'|trans }}
  403. {% elseif isTopFavourited %}
  404. <img fetchpriority="low" width="{{ iconSize }}" height="{{ iconSize }}"
  405. src="{{ asset('images/picks/ic_heart_blue.svg') }}" alt="{{'listing.top_favourite'|trans }}" />
  406. {{'listing.top_favourite'|trans }}
  407. {% endif %}
  408. </div>
  409. {% endif %}
  410. <div class="search-listing-card__price">
  411. {% if listing.price %}
  412. <span class="integer">{{ listing.price|number_format }}</span>
  413. <span class="mx-2">{{ get_setting('general', 'currency')|trans }}</span>
  414. {% elseif listing.section.searchable %}
  415. {{ 'listing.call_for_price'|trans }}
  416. {% endif %}
  417. </div>
  418. <h2 class="search-listing-card__title">
  419. {{ listing.title|fixArabicNumbers|raw }}
  420. </h2>
  421. <p class="search-listing-card__address" >
  422. <img
  423. fetchpriority="low"
  424. src="/images/BrandsIcons/listing/ic_location.svg"
  425. class="search-listing-card__attributes_icon"
  426. alt="{{ listing.address }}"
  427. width="{{ iconSize }}" height="{{ iconSize }}"
  428. />
  429. <span>{{ listing.address }}</span>
  430. </p>
  431. <div class="search-listing-card__attributes">
  432. <label class="search-listing-card__attributes_item">
  433. <img
  434. fetchpriority="low"
  435. src="/images/BrandsIcons/listing/ic_size.svg"
  436. class="search-listing-card__attributes_icon"
  437. alt="Listing attributes"
  438. width="{{ iconSize }}" height="{{ iconSize }}"
  439. />
  440. {{ listing.area}} {{ get_setting('general', 'measurement_unit')|trans }}
  441. </label>
  442. {% if listing_attributes|length > 0 %}
  443. {% if listing_rooms %}
  444. <label class="search-listing-card__attributes_item">
  445. <img
  446. fetchpriority="low"
  447. src="/images/BrandsIcons/listing/ic_bedroom.svg"
  448. class="search-listing-card__attributes_icon"
  449. alt="Listing attributes"
  450. width="{{ iconSize }}" height="{{ iconSize }}"
  451. />
  452. {{ listing_rooms }}
  453. </label>
  454. {% endif %}
  455. {% if listing_baths %}
  456. <label class="search-listing-card__attributes_item">
  457. <img
  458. fetchpriority="low"
  459. src="/images/BrandsIcons/listing/ic_bathroom.svg"
  460. class="search-listing-card__attributes_icon"
  461. alt="Listing attributes"
  462. width="{{ iconSize }}" height="{{ iconSize }}"
  463. />
  464. {{ listing_baths }}
  465. </label>
  466. {% endif %}
  467. {% endif %}
  468. </div>
  469. {% endif %}
  470. </div>
  471. </div>
  472. </div>
  473. {% if isEnabledDdeveloperCardData is defined and isEnabledDdeveloperCardData %}
  474. <div class="search-listing-card__user-properties__container">
  475. <hr class="desktop-separator">
  476. <div class="search-listing-card__user-properties user-properties-container">
  477. {% include '@AqarmapListingBundle/Listing/compoundCardDeveloperData.html.twig' with {'compound': compoundField} %}
  478. </div>
  479. </div>
  480. {% endif %}
  482. {% if showCtaButtons %}
  483. <div class="search-listing-card__footer">
  484. <hr class="desktop-separator">
  485. <div class="search-listing-card__cta w-100">
  486. {% if listingPhones is not empty and not listing.isCallRequest %}
  487. {% if hasWhatsapp %}
  488. <button aria-label="text seller by whatsapp"
  489. class="search-listing-card__cta-button search-listing-card__cta-button_whatsapp whatsapp big"
  490. ng-click="onSendLead($event,{
  491. leadType:'whatsapp' ,
  492. actionType:'{{ SEND_WHATSAPP_CONSTANT }}' ,
  493. {# listingType: {{leadSources|serialize('json')}} , #}
  494. propertySection: '{{propertySectionSlug}}' ,
  495. propertyCategory: '{{propertyCategory}}',
  496. leadSourcePage: '{{leadSourcePage}}' ,
  497. depthProduct: '{{depthProduct}}',
  498. listingId: '{{ listing.id }}' ,
  499. insideCompound : '{{insideCompound}}'
  500. });"
  501. >
  502. <img
  503. fetchpriority="low"
  504. src="/images/BrandsIcons/listing/ic_whatsapp.svg"
  505. class="search-listing-card__cta-button_whatsapp_icon"
  506. alt="{{ 'label.lead.whatsApp'|trans }}"
  507. width="{{ iconSize }}" height="{{ iconSize }}"
  508. />
  509. {{ 'label.lead.whatsApp'|trans }}
  510. </button>
  511. <div class="vertical-separator"></div>
  512. {% endif %}
  513. {% set phoneBtnClass = 'search-listing-card__cta-button search-listing-card__cta-button_call ' ~ callBtnClass %}
  514. <button class="{{ phoneBtnClass }}" aria-label="show seller phone"
  515. submit-text="{{ 'listing.show_seller_phone'|trans }}"
  516. ng-click="searchActionType = 'showNumber';
  517. onSendLead($event,{
  518. leadType:'call' ,
  519. actionType:'{{ SHOW_PHONE_CONSTANT }}' ,
  520. leadSourcePage: '{{leadSourcePage}}' ,
  521. propertySection: '{{propertySectionSlug}}' ,
  522. propertyCategory: '{{propertyCategory}}',
  523. depthProduct: '{{depthProduct}}',
  524. {# listingType: {{leadSources|serialize('json')}} , #}
  525. listingId: '{{ listing.id }}' ,
  526. insideCompound : '{{insideCompound}}'
  528. });"
  529. ng-if="!phoneShowed[{{listing.id}}]"
  530. data-gtm-listing-id="{{ listing.id }}">
  531. <img
  532. fetchpriority="low"
  533. src="/images/BrandsIcons/listing/ic_phone.svg"
  534. class="search-listing-card__cta-button_call_icon"
  535. alt="{{ 'listing.show_seller_phone'|trans }}"
  536. width="{{ iconSize }}" height="{{ iconSize }}"
  537. />
  538. <span class="cta-button-text"> {{ 'listing.show_seller_phone'|trans }}</span>
  539. </button>
  540. <button class="{{ phoneBtnClass }}" aria-label="seller phone"
  541. ng-cloak
  542. ng-click="showPhoneModalByListingId({{listing.id}})"
  543. ng-if="phoneShowed[{{listing.id}}]">
  544. <img
  545. fetchpriority="low"
  546. src="/images/BrandsIcons/listing/ic_phone.svg"
  547. class="search-listing-card__cta-button_call_icon"
  548. alt="{{ 'listing.show_seller_phone'|trans }}"
  549. width="{{ iconSize }}" height="{{ iconSize }}"
  550. />
  551. <span class="cta-button-text"> {{ 'listing.show_seller_phone'|trans }}</span>
  552. </button>
  553. {% else %}
  554. <button aria-label="request seller call"
  555. class="search-listing-card__cta-button search-listing-card__cta-button_call-request big m-0"
  556. ng-hide="callRequested[{{listing.id}}]"
  557. ng-click="searchActionType = 'sendRequest';
  558. onSendLead($event,{
  559. leadType:'request_call' ,
  560. actionType:'{{ CALL_REQUEST_CONSTANT }}' ,
  561. {# listingType: {{leadSources|serialize('json')}} , #}
  562. leadSourcePage: '{{leadSourcePage}}' ,
  563. propertySection: '{{propertySectionSlug}}' ,
  564. propertyCategory: '{{propertyCategory}}',
  565. depthProduct: '{{depthProduct}}',
  566. listingId: '{{ listing.id }}' ,
  567. insideCompound : '{{insideCompound}}'
  568. });"
  569. >
  570. <img
  571. fetchpriority="low"
  572. src="/images/BrandsIcons/listing/ic_phone.svg"
  573. class="search-listing-card__cta-button_call_icon"
  574. alt="{{ 'label.lead.call_request'|trans }}"
  575. width="{{ iconSize }}" height="{{ iconSize }}"
  576. />
  577. <span ng-hide="callRequested[{{listing.id}}]" class="cta-button-text"> {{ 'label.lead.call_request'|trans }} </span>
  578. </button>
  579. <button aria-label="seller call requested"
  580. class="search-listing-card__cta-button big success ng-hide"
  581. ng-show="callRequested[{{listing.id}}]"
  582. type= "button"
  583. disabled
  584. >
  585. <i class="fa fa-check circle-badge success"></i>
  586. <span class="mx-1"> {{ 'label.lead.call_requested'|trans }} </span>
  587. </button>
  588. {% endif %}
  589. </div>
  590. </div>
  591. {% endif %}
  592. </div>
  594. {# elastic scoring debug #}
  595. {% if isEnabledElasticScoringDebug %}
  596. {% include "@AqarmapListing/ListingSearch/listingElasticScore.html.twig" %}
  597. {% endif %}
  598. </div>
  599. {% if showMobileFeedads is defined and showMobileFeedads %}
  600. <div class="text-center col-12 visible-sm visible-xs" style="margin-bottom: 24px;">
  601. {% if get_setting('general', 'country') == 'SA' %}
  602. <div id='div-gpt-ad-1611049193067-0' style='width: 320px; height: 320px; margin: 0 auto 10px;'>
  603. <script>
  604. setTimeout(function() {
  605. if (typeof googletag !== 'undefined') {
  606. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1611049193067-0'); });
  607. }
  608. }, 3000);
  609. </script>
  610. </div>
  611. {% else %}
  612. <div id='div-gpt-ad-1588541966744-0' style='width: 320px; height: 320px; margin: 0 auto 10px;'>
  613. <script type="application/javascript" v-pre defer>
  614. setTimeout(function() {
  615. if (typeof googletag !== 'undefined') {
  616. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1588541966744-0'); });
  617. }
  618. }, 3000);
  619. </script>
  620. </div>
  621. {% endif %}
  622. </div>
  623. {% set isInFeedAdAappeared = true %}
  624. {% endif %}
  625. {% set listingPhoto = isListingPhotosDefined ? custom_vich_uploader_asset(listingPhotos[listing.id].main.file, 'file')|thumbnail('search-thumb-webp') : listing.mainPhoto ? custom_vich_uploader_asset(listing.mainPhoto.file, 'file')|thumbnail('search-thumb-webp') : "" %}
  626. {% block headScripts %}
  627. <script type="application/ld+json">
  628. {
  629. "@context": "https://schema.org",
  630. "@type": "SingleFamilyResidence",
  631. "name" : "{{listing.title}}",
  632. "image": "{{listingPhoto}}",
  633. "url": "{{ absolute_url(LISTING_URL) }}",
  634. "address": {
  635. "@type": "PostalAddress",
  636. "name": "{{ listing.location.title }}"
  637. },
  638. "geo": {
  639. "@type": "GeoCoordinates",
  640. "latitude": "{{ listing.location.centerLat }}",
  641. "longitude": "{{ listing.location.centerLng }}"
  642. },
  643. "floorSize": {
  644. "@type": "QuantitativeValue",
  645. "value": "{{ listing.area }}"
  646. }
  647. }
  648. </script>
  649. {% endblock %}
  650. {% endfor %}