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