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

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 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 %}