templates/front/_common/_estate.html.twig line 1

Open in your IDE?
  1. {# {{ dump(estate) }}  #}
  3. {% if with_modal %}
  4.     {% set estate_url = path( 'show_agent_estate' , {slug:estate.agent.slug, refannonce:estate.refannonce}) %}
  5. {% else%}
  6.     {% set estate_url = path( 'acheter_estate' , {refannonce:estate.refannonce}) %}
  7. {% endif %}
  9. {% if favorite is defined and favorite %}
  10.     {% set icon_favorite = 'icon-heart' %}
  11. {% else%}
  12.     {% set icon_favorite = 'icon-heart-empty' %}
  13. {% endif %}
  15. {% if not_hover is not defined %}
  16.     {% set class_hover = 'hover' %}
  17. {% else%}
  18.     {% set class_hover = '' %}
  19. {% endif %}
  22. {% if is_mine is not defined  %}
  23.     {% set is_mine = false %}
  24. {% endif%}
  26. {% if with_stat is not defined  %}
  27.     {% set with_stat = false %}
  28. {% endif%}
  30. {% if with_share is not defined  %}
  31.     {% set with_share = true %}
  32. {% endif%}
  34. {% if with_title is not defined  %}
  35.     {% set with_title = true %}
  36. {% endif%}
  38. {% if with_icone is not defined  %}
  39.     {% set with_icone = true %}
  40. {% endif%}
  42. {% if with_carrousel is not defined  %}
  43.     {% set with_carrousel = true %}
  44. {% endif%}
  46. <div class="{{ col|default('col-xl-6')  }} tiny_ribbon listing_wrapper {{ class_hover }}" data-listid="{{ estate.id }}">
  47.     <div class="property_listing ">
  49.         {% if estate.siMandatexclusif %}
  50.             <div class="ribbon ribbon-top-left {% if estate.statut  in ['Sous offre', 'En vente', 'En estimation']  or is_mine %}pointer{% endif %}"><span>Exclusivité</span></div>
  51.         {% endif %}
  52.         {% if  estate.statut  in ['Sous offre', 'Sous compromis', 'Vendu'] %}
  53.             <div class="ribbon ribbon-top-right {% if estate.statut  in ['Sous offre', 'En vente', 'En estimation'] or is_mine %}pointer{% endif %}"><span>{{ estate.statut }}</span></div>
  54.         {% endif %}
  56.         <div class="listing-unit-img-wrapper">
  57.             <div class="prop_new_details">
  58.                 <div class="prop_new_details_back"> </div>
  59.                 {% if estate.statut in ['Sous offre', 'En vente'] %} 
  60.                     <a href="{{ path( 'toggle_favorite' , {refannonce:estate.refannonce}) }}" class="property_favorite" data-id="{{ estate.id }}"><i class="{{ icon_favorite }}"></i></a>
  61.                 {% endif %} 
  63.                 {# <div class="property_media"><i class="icon-camera"></i>{{ estate.countPhotos }}</div> #}
  64.                 {# <div class="property_location_image"><i class="icon-location"></i><a href="#/" rel="tag">{{ estate.features['localisation']['ville']|title }}</a></div> #}
  65.                 
  67.             </div>
  69.             {% if with_carrousel %}
  70.                 <div class="estate_carousel">
  71.                     {% for image in estate.photosCarousel %}
  72.                         <div>
  73.                             {% if estate.statut  in ['Sous offre', 'En vente', 'En estimation'] or is_mine %}      
  74.                                 <a  class="{% if with_modal %}open_modal{% endif %}" href="{{ estate_url }}" data-id="{{ estate.refannonce }}">
  75.                                     <div class="featured_gradient"></div>
  76.                                     <img class="img-fluid coverLazyThumb" src="{{ image.lazy }}" data-src="{{ image.thumb }}" style="width:100%; aspect-ratio: 736 / 460" loading="lazy"/>
  77.                                 </a>
  78.                             {% else %}
  79.                                 <div class="featured_gradient"></div>
  80.                                 <img class="img-fluid coverLazyThumb" src="{{ image.lazy }}" data-src="{{ image.thumb }}" style="width:100%; aspect-ratio: 736 / 460" loading="lazy"/>
  81.                             {% endif %}
  82.                         </div>
  83.                     {% endfor %}  
  84.                 </div>
  85.             {% else %}    
  86.                 {% if estate.statut  in ['Sous offre', 'En vente', 'En estimation'] or is_mine %}      
  87.                 <a  class="{% if with_modal %}open_modal{% endif %}" href="{{ estate_url }}" data-id="{{ estate.refannonce }}">
  88.                     <img class="img-fluid" src="{{ estate.cover|imagine_filter('stream_estate_thumb') }}" />
  89.                 </a>
  90.                 {% else %}
  91.                     <img class="img-fluid" src="{{ estate.cover|imagine_filter('stream_estate_thumb') }}" />
  92.                 {% endif %}
  93.             {% endif %} 
  94.         </div>
  96.         <div class="property_listing_bottom px-3 pt-2 pb-3">
  97.             <div class="property_location_image mb-2">
  98.                 <i class="icon-location"></i>{{ estate.features['localisation']['ville']|title }}
  99.             </div>
  101.             {% if with_title  %}    
  102.             <h4 class="mb-1">
  103.                 {% if estate.statut  in ['Sous offre', 'En vente', 'En estimation'] or is_mine %}     
  104.                     <a  class="{% if with_modal %}open_modal{% endif %}" href="{{ estate_url }}" data-id="{{ estate.refannonce }}">{{ estate.libelleCourt|raw }}</a>
  105.                 {% else %}
  106.                     {{ estate.libelleCourt|raw }}
  107.                 {% endif %}
  108.             </h4>
  109.             {% endif %}
  111.             <div class="estate_infos">
  112.                 <div class="listing_unit_price_wrapper mb-1">
  113.                     {% if estate.statut  in ['Sous offre', 'En vente', 'En estimation'] or is_mine %}    
  114.                         {# {{ estate.prix|format_currency('EUR', {fraction_digit: 0}) }} #}
  115.                         {{ estate.prix|number_format(0, ',', '.') }} €
  116.                     {% elseif with_title %}
  117.                         <a href="{{ path( 'show_agent' , {slug:estate.agent.slug}) }}">Nous consulter</a>
  118.                     {% endif %}
  120.                 </div>
  121.                 {% if without_text is not defined %}
  122.                 <div class="listing_details mb-2">
  123.                     {{ estate.descriptifCourt|raw }} 
  124.                 </div>
  125.                 {% endif %}
  127.                 {% if with_icone  %}
  128.                     <div class="icones mb-2 clearfix">
  129.                         <div class="float-left">
  130.                         {{ estate.surface|icone('surface')|raw }}
  131.                         {{ estate.nbchambres|icone('nbchambres')|raw }}
  132.                         {{ estate.icones['nbsdeau_sdb']|icone('nbsdeau')|raw }}
  133.                         </div>
  134.                         {% if estate.statut  in ['Sous offre', 'En vente', 'En estimation'] or is_mine %}    
  136.                                 <a class="float-right btn btn-primary btn-xs{% if with_modal %} open_modal{% endif %}" href="{{ estate_url }}" data-id="{{ estate.refannonce }}">détails</a>
  137.                             {% if with_stat and estate.numeromandat != 0 %}
  138.                                 <a class="float-right btn btn-secondary btn-xs open_stat mr-2" href='https://lookerstudio.google.com/reporting/98ede889-1db0-4d95-a416-0e5a7c645a49/page/lhaF?params=%7B"df659":"include%25EE%2580%25800%25EE%2580%2580IN%25EE%2580%2580Annonce%20{{estate.numeromandat}}"%7D' target="_blank" data-id="{{ estate.refannonce }}">stats</a>
  140.                             {% endif %}                    
  141.                         {% endif %}
  142.                     </div>
  143.                 {% endif %}
  144.                 {% if with_agent %}
  145.                     <div class="property_location mt-1 {% if with_title %}bordered pt-3{% endif %} px-0 clearfix">
  146.                         <div class="property_agent_wrapper float-left d-flex">
  147.                             <div>
  148.                             <a href="{{ path( 'show_agent' , {slug:estate.agent.slug}) }}"><img class="mr-3 rounded-circle border" width="50px" height="50px" src="{{ vich_uploader_asset(estate.agent, 'imageFile')|imagine_filter('agent_thumb_small') }}"></a>
  149.                             </div>
  150.                             <div>
  151.                                 <a href="{{ path( 'show_agent' , {slug:estate.agent.slug}) }}">{{ estate.agent }}</a>
  152.                                 {{ estate.agent.rating|stars('', estate.agent.countReviews) }}
  153.                             </div>
  154.                         </div>
  155.                         {% if with_share %}
  156.                         <div class="listing_actions float-right">
  157.                             {# Default dropup button #}
  158.                             <div class="desktop_share dropdown dropup d-none d-lg-block">
  159.                                 <button type="button" class="btn btn-icone dropdown-toggle" id="dropdownShare_{{ estate.refannonce }}" data-toggle="dropdown" aria-expanded="false" data-toggle-second="tooltip" data-placement="left" title="Partager"><i class="icon-share"></i></button>
  160.                                 <ul class="dropdown-menu"  aria-labelledby="dropdownShare_{{ estate.refannonce }}">
  161.                                     <li><a class="dropdown-item" href="http://www.facebook.com/sharer.php?u={{ absolute_url(estate_url) }}&t={{ estate.libelle|capitalize|url_encode }}" target="_blank"><i class="icon-facebook"></i></a></li>
  162.                                     {# <li><a class="dropdown-item" href="http://twitter.com/intent/tweet?text={{ estate.libelle|capitalize|url_encode }}+{{ absolute_url(estate_url) }}" class="social_tweet" target="_blank"><i class="icon-twitter"></i></a></li> #}
  163.                                     <li><a class="dropdown-item" href="https://www.linkedin.com/sharing/share-offsite/?url={{ absolute_url(estate_url)|url_encode }}" target="_blank" class="social_linkedin"><i class="icon-linkedin"></i></a></li>
  164.                                     {# <li><a class="dropdown-item" href="http://pinterest.com/pin/create/button/?url={{ absolute_url(estate_url)|url_encode }}&media={{ estate.cover|imagine_filter('stream_estate_thumb') }}&description={{ estate.libelle|capitalize|url_encode }}" target="_blank" class="social_pinterest"><i class="icon-pinterest"></i></a></li> #}
  165.                                     <li><a class="dropdown-item" href="http://api.whatsapp.com/send?text={{ estate.libelle|capitalize|url_encode }}+{{  absolute_url(estate_url) }}" class="social_whatsup" target="_blank"><i class="icon-whatsapp"></i></a></li> 
  166.                                     <li><a class="dropdown-item" href="mailto:email@email.com?subject={{ estate.libelle|capitalize|url_encode }}&body={{ absolute_url(estate_url) }}" data-action="share email" class="social_email"><i class="icon-mail"></i></a></li> 
  167.                                 </ul>
  168.                                 {#    
  169.                                 <button class="btn btn-icone"  data-toggle-second="tooltip" data-placement="top" title="Favoris"><i class="icon-heart-empty"></i></button>
  170.                                 <button class="btn btn-icone"  data-toggle-second="tooltip" data-placement="top" title="Comparer"><i class="icon-plus"></i></button>
  171.                                 #}              
  172.                             </div> 
  174.                             {# Pour mobile  seulement #}
  175.                             <button type="button" class="mobile_share btn btn-icone d-block d-lg-none" data-url="{{ absolute_url(estate_url) }}" data-name="{{ estate.libelle|capitalize }}" data-image="{{ estate.cover|imagine_filter('stream_estate_thumb') }}" title="Partager"><i class="icon-share"></i></button>
  176.                         </div>
  177.                         {% endif %}
  178.                     </div>
  179.                 {% endif %}
  180.             </div>
  181.         </div>
  182.     </div>
  183. </div>