{% import 'search_properties/_macros.twig' as macros %}<transition name='fade-in'><div class='w-100 w-392 align-self-middle my-auto' v-if="currentPopup === 'share'"><div class='bg-white box-shadow contact-form offers-container py-32 p-r' @click.stop> <button @click="closePopup" type='button' aria-label='{{'close'|trans|capitalize}}' class='button-reset top-right px-16 py-16'> <svg width="12" height="12"> <use xlink:href='#close-12' /> </svg> </button> <h3 class='t-caption-medium mb-16'>{{'share this object'|trans|capitalize}}</h3> <div class='border-top mb-24'></div> {% set refMsg = "Numéro de référence" | trans %} <a :href='"mailto:?subject=" + (detail ? detail.title : "") + "&body=" + windowLocation +"%0A%0A{{refMsg}} "+detail.id' class='px-16 py-16 w-100 o-h t-label-regular bg-dark-blue c-white mb-16 px-48 p-r d-block'> {{'email'|trans|capitalize}} <svg class='middle-left ml-16 pointer-none' width='16' height='16'><use xlink:href='#mail'></svg> </a> {# https://github.com/bradvin/social-share-urls #} <a :href='"https://www.linkedin.com/sharing/share-offsite/?url=" + windowLocation' class='px-16 py-16 w-100 button-reset o-h t-label-regular c-white mb-16 px-48 p-r d-block' style='background: #0E76A8'> {{'LinkedIn'|trans}} <svg class='middle-left ml-16 pointer-none' width='16' height='16'><use xlink:href='#linkedin'></svg> </a> {# https://github.com/bradvin/social-share-urls #} <a :href='"https://api.whatsapp.com/send?text=" + windowLocation' class='px-16 py-16 w-100 button-reset o-h t-label-regular c-white mb-16 px-48 p-r d-block' style='background: #25D366'> {{'WhatsApp'|trans}} <svg class='middle-left ml-16 pointer-none' width='16' height='16'><use xlink:href='#whatsapp'></svg> </a></div></div></transition>