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

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