templates/modules/cards/cards_centers.twig line 1

Open in your IDE?
  1. {% set data = data ?: false %}
  2. {% set medium = medium ?: false %}
  3. {% set padding = padding ?: false %}
  4. {% set biggest = biggest ?: false %}
  5. {% set provider = provider ?: false %}
  6. {% set premium = premium ?: false %}
  7. {% set vertical = vertical ?: false %}
  8. {% set horizontal = horizontal ?: false %}
  9. {% set no_cta = no_cta ?: false %}
  10. {% set image = image ?: false %}
  11. {% set key = key ?: false %}
  12. {% set searchResult = searchResult ?: false %}
  13. {% set fiche = fiche ?: false %}
  14. <div data-number="{{key}}" class="wrapper-cards {{ class ?: 'cardsCenters' }}{{padding ? " cardscenters_padding"}}{{medium ? " cardscenters_medium"}}{{small ? " cardscenters_small"}}{{ provider ? " cardscenters_smaller"}}{{biggest ? " cardscenters_biggest"}}" {{fiche ? 'itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"'}}>
  15.     {% if premium %}
  16.         {% if data.isOpen %}
  17.             <span class="open">Ouvert</span>
  18.         {% endif %}
  19.         {% if vertical %}
  20.             <div class="cardsCenters-image" style="background-image:url('{{data.img_src}}')"></div>
  22.             {% if searchResult %}
  23.                 <h2 class="cardsCenters-title" {{fiche ? 'itemprop="name"'}}>
  24.                     <a class="linkforCard" href="{{ data.link}}">{{data.title}}</a>
  25.                 </h2>
  26.             {% else %}
  27.                 <h3 class="cardsCenters-title" {{fiche ? 'itemprop="name"'}}>
  28.                     <a class="linkforCard" href="{{ data.link}}">{{data.title}}</a>
  29.                 </h3>
  30.             {% endif %}
  32.             {% if data.tagline %}
  33.                 <div class="cardsCenters-tagline" {{fiche ? 'itemprop="description"'}}>{{data.tagline|truncate(80, true)}}</div>
  34.             {% endif %}
  35.             {% if phone %}
  36.                 <div class="flex-container">
  37.                     {% if data.address.phone %}
  38.                         <div class="cardsCenters-address">
  39.                             <div class="cardsCenters-address-text cardsCenters-address-text_phone" {{fiche ? 'itemprop="telephone"'}}>
  40.                                 <div class="cardsCenters-phone">
  41.                   {% include "modules/parts/telephone.twig" with {
  42.                     'data': {
  43.                       'creative': data.creative,
  44.                       'phone': data.address.phone, 
  45.                       'obfuscationTelephone': data.obfuscationTelephone,
  46.                       'name': data.title,
  47.                       'id': data.id
  48.                     },
  49.                   } %}
  50.                               </div>
  51.                             </div>
  52.                         </div>
  53.                     {% endif %}
  54.                     <div class="cardsCenters-address">
  55.                         <div class="cardsCenters-address-text">
  56.                             <div class="cardsCenters-address-text-street" {{fiche ? 'itemprop="streetAddress"'}}>{{data.address.street|nl2br}}</div>
  57.                             {% if data.address.zipcedex %}
  58.                                 <div class="contact-text-street">
  59.                                     <span>{{data.address.zipcedex}}
  60.                                         {{data.address.citycedex}}</span>
  61.                                 </div>
  62.                             {% else %}
  63.                                 <div>
  64.                                     <span class="cardsCenters-address-text-zipCode" {{fiche ? 'itemprop="postalCode"'}}>{{data.address.zipcode}}</span>
  65.                                     <span {{fiche ? 'itemprop="addressLocality"'}}>
  66.                                         {{data.address.city}}</span>
  67.                                 </div>
  68.                             {% endif %}
  69.                             {% if data.address.bp %}
  70.                                 <div class="contact-text-street">
  71.                                     <span {{fiche ? 'itemprop="postOfficeBoxNumber"'}}>{{data.address.bp}}</span>
  72.                                 </div>
  73.                             {% endif %}
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             {% else %}
  78.                 <div class="cardsCenters-address">
  79.                     <img class="cardsCenters-address-image" src="/assets/images/svg/pinIcon_grey.svg"/>
  80.                     <div class="cardsCenters-address-text">
  81.                         <div class="cardsCenters-address-text-street" {{fiche ? 'itemprop="streetAddress"'}}>{{data.address.street|nl2br}}</div>
  82.                         {% if data.address.zipcedex %}
  83.                             <div class="contact-text-street">
  84.                                 <span>{{data.address.zipcedex}}
  85.                                     {{data.address.citycedex}}</span>
  86.                             </div>
  87.                         {% else %}
  88.                             <div>
  89.                                 <span class="cardsCenters-address-text-zipCode" {{fiche ? 'itemprop="postalCode"'}}>{{data.address.zipcode}}</span>
  90.                                 <span {{fiche ? 'itemprop="addressLocality"'}}>
  91.                                     {{data.address.city}}</span>
  92.                             </div>
  93.                         {% endif %}
  94.                         {% if data.address.bp %}
  95.                             <div class="contact-text-street">
  96.                                 <span {{fiche ? 'itemprop="postOfficeBoxNumber"'}}>{{data.address.bp}}</span>
  97.                             </div>
  98.                         {% endif %}
  99.                     </div>
  100.                 </div>
  101.             {% endif %}
  102.             <div class="cardsCenters-links">
  103.                 {% if data.website_link %}
  104.                     <a class="btn btn_whiteBkg btn-white btn_zIndex cardWebsite {% if pageType is not defined and pageType != 'center_lists' %} btn_blueBorder{% endif %}" href="{{data.website_link}}" target="_blank">site web</a>
  105.                 {% endif %}
  106.                 {% if data.appointment_link and data.appointment_text %}
  107.                     <a class="btn btn-black btn_zIndex cardWebsite" href="{{data.appointment_link}}" target="_blank">{{data.appointment_text}}</a>
  108.                 {% endif %}
  109.             </div>
  110.         {% elseif horizontal %}
  112.             <div class="grid-x align-justify fullHeight">
  113.                 {% if no_cta %}
  114.                     <div class="small-12 flex-container flex-dir-column align-justify cardsCenters_padding">
  115.                     {% else %}
  116.                         <div class="medium-5 small-12 flex-container flex-dir-column cardsCenters_grey cardsCenters_padding">
  117.                         {% endif %}
  118.                         <div class="cardsCenters-name">
  119.                             <div class="cardsCenters-name-image {{data.type}}">
  120.                                 {% if data.default_img_src %}
  121.                                     <div class="cardsCenters-name-image-inside" style="background-image:url('{{data.default_img_src}}')">
  122.                                         <div class="cardsCenters-name-image-inside" style="background-image:url('{{data.img_src}}')"></div>
  123.                                     </div>
  124.                                 {% else %}
  125.                                     <div class="cardsCenters-name-image-inside" style="background-image:url('{{data.img_src}}')"></div>
  126.                                 {% endif %}
  127.                             </div>
  128.                             {% if pageType is not defined and pageType != "center_lists" %}
  129.                                 <h2 class="cardsCenters-name-title">
  130.                                     <a class="linkforCard" href="{{ data.link}}">{{data.title}}</a>
  131.                                 </h2>
  132.                             {% endif %}
  133.                         </div>
  134.                         <div class="cardsCenters-name-mobile">
  136.                             {% if data.center.reviewsAverage != null and data.center.showReviews == 1 and data.center.reviewsAverage >= 4 %}
  137.                                 <div class="reviews-preview in-list on-mobile">
  138.                                     <span class="average">{{ data.center.reviewsAverage }}</span>
  139.                                     <div class="reviews-preview__average--stars" style="--rating: {{ data.center.reviewsAverage }}">
  140.                                         <div class="reviews-preview__average--stars-bg"></div>
  141.                                     </div>
  142.                                     <span class="count">{{ data.center.countReviews }}
  143.                                         avis</span>
  144.                                 </div>
  145.                             {% endif %}
  146.                         </div>
  148.                         {% if pageType is not defined and pageType != "center_lists" %}
  149.                             <div class="cardsCenters-tagline">{{data.tagline|truncate(80, true)}}</div>
  150.                             <div class="cardsCenters-address cardsCenters-address_flexLeft">
  151.                                 <img class="cardsCenters-address-image" src="/assets/images/svg/pinIcon_grey.svg"/>
  152.                                 <div class="cardsCenters-address-text">
  153.                                     <div class="cardsCenters-address-text-street">{{data.address.street|nl2br}}</div>
  154.                                     <div class="flex-container">
  155.                                         <div>
  156.                                             <span class="cardsCenters-address-text-zipCode">{{data.address.zipcode}}</span>
  157.                                             <span>
  158.                                                 {{data.address.city}}</span>
  159.                                         </div>
  160.                                     </div>
  161.                                     {% if data.address.bp %}
  162.                                         <div class="contact-text-street">
  163.                                             <span>{{data.address.bp}}</span>
  164.                                         </div>
  165.                                     {% endif %}
  166.                                     {% if data.address.zipcedex %}
  167.                                         <div class="contact-text-street">
  168.                                             <span>{{data.address.zipcedex}}
  169.                                                 {{data.address.citycedex}}</span>
  170.                                         </div>
  171.                                     {% endif %}
  172.                                 </div>
  173.                             </div>
  174.                         {% endif %}
  176.                         {% if presse and data.website %}
  177.                             <div class="cardsCenters-links">
  178.                                 <a class="btn btn_whiteBkg btn_blueBorder btn_zIndex cardWebsite" href="{{data.website}}" target="_blank">site web</a>
  179.                             </div>
  180.                         {% endif %}
  181.                     </div>
  183.                     {% if not no_cta %}
  184.                         <div class="medium-7 small-12 flex-container flex-dir-column align-spaced cardsCenters_padding">
  185.                             <h2 class="cardsCenters-name-title">
  186.                                 <a class="linkforCard" href="{{ data.link}}">{{data.title}}</a>
  187.                             </h2>
  188.                             {% if data.center.reviewsAverage != null and data.center.showReviews == 1 and data.center.reviewsAverage >= 4 %}
  189.                                 <div class="reviews-preview in-list on-desktop">
  190.                                     <span class="average">{{ data.center.reviewsAverage }}</span>
  191.                                     <div class="reviews-preview__average--stars" style="--rating: {{ data.center.reviewsAverage }}">
  192.                                         <div class="reviews-preview__average--stars-bg"></div>
  193.                                     </div>
  194.                                     <span class="count">{{ data.center.countReviews }}
  195.                                         avis</span>
  196.                                 </div>
  197.                             {% endif %}
  199.                             {% if data.banner_listing and data.banner_listing !="" %}
  200.                                 <div class="card-prom-banner for-mobile">
  201.                                     <img src="{{ data.banner_listing }}" alt="" class="card-prom-banner_image" loading="lazy">
  202.                                     <div class="card-prom-banner_label">promotion</div>
  203.                                 </div>
  204.                             {% endif %}
  206.                             <div class="cardsCenters-tagline">{{data.tagline|truncate(80, true)}}</div>
  207.                             <div class="cardsCenters-links cardsCenters-links_maxWidth flex-container">
  208.                                 {% if data.appointment_link %}
  209.                                     <a class="btn btn_zIndex btn-black cardWebsite" href="{{ data.appointment_link }}" target="_blank">{{ data.appointment_text }}</a>
  210.                                 {% endif %}
  211.                                 {% if data.website_link %}
  212.                                     <a class="btn btn-white btn_zIndex cardWebsite" href="{{ data.website_link }}" target="_blank">site web</a>
  213.                                 {% endif %}
  214.                             </div>
  215.                             <div class="cardsCenters-address cardsCenters-address_flexLeft">
  216.                                 <img class="cardsCenters-address-image" src="/assets/images/svg/pinIcon_grey.svg"/>
  217.                                 <div class="cardsCenters-address-text">
  218.                                     <div class="cardsCenters-address-text-street">{{data.address.street|nl2br}}&nbsp;{{data.address.zipcode}}&nbsp;{{data.address.city}}</div>
  219.                                     {% if data.address.bp %}
  220.                                         <div class="contact-text-street">
  221.                                             <span>{{data.address.bp}}</span>
  222.                                         </div>
  223.                                     {% endif %}
  224.                                     {% if data.address.zipcedex %}
  225.                                         <div class="contact-text-street">
  226.                                             <span>{{data.address.zipcedex}}
  227.                                                 {{data.address.citycedex}}</span>
  228.                                         </div>
  229.                                     {% endif %}
  230.                                 </div>
  231.                                 <div class="cardsCenters-phone">
  232.                                     {% include "modules/parts/telephone.twig" with {
  233.                     'data': {
  234.                       'creative': 'page-list',
  235.                       'phone': data.center.phone, 
  236.                       'obfuscationTelephone': data.center.obfuscationTelephone,
  237.                       'name': data.title,
  238.                       'id': data.center.id
  239.                     }
  240.                   } %}
  241.                                 </div>
  242.                             </div>
  243.                         </div>
  244.                     {% endif %}
  245.                 </div>
  246.                 {% if data.banner_listing and data.banner_listing !="" %}
  247.                     <div class="card-prom-banner for-desktop">
  248.                         <img src="{{ data.banner_listing }}" alt="" class="card-prom-banner_image" loading="lazy">
  249.                         <div class="card-prom-banner_label">promotion</div>
  250.                     </div>
  251.                 {% endif %}
  252.             {% endif %}
  253.         {% else %}
  256.             {% if image %}
  257.                 <div class="avatar" style="background-image:url('{{ data.img_src }}')"></div>
  258.             {% endif %}
  260.             <h3 class="cardsCenters-title">
  261.                 <a class="linkforCard" href="{{ data.link }}">{{ data.title }}</a>
  262.             </h3>
  264.             <div class="cardsCenters-address">
  265.                 <div class="cardsCenters-address-text">
  266.                     {% if presse %}
  267.                         <div class="cardsCenters-address-text-street">{{ data.address.street|nl2br }}</div>
  268.                     {% endif %}
  269.                     <span {{ fiche ? 'itemprop="postalCode"' }}>{{ data.address.zipcode }}</span>
  270.                     <span {{fiche ? 'itemprop="addressLocality"'}}>{{data.address.city}}</span>
  271.                 </div>
  272.             </div>
  274.             {% if data.website %}
  275.                 <a class="btn btn_whiteBkg btn_blueBorder btn_center btn_regular cardsCenters-web align-center cardWebsite" href="{{data.website}} target=" _blank"">Site web</a>
  276.             {% endif %}
  278.         {% endif %}
  279.     </div>