{% import 'search_properties/_macros.twig' as macros %}{% macro protectedByCaptcha() %} <p class='t-small'>{{'Ce site est protégé par reCAPTCHA et par la' | trans}} <a href='https://policies.google.com/privacy' class='c-accent-blue' target='_blank' rel='noopener noreferrer'>{{'politique de confidentialité' | trans}}</a> {{'et les' | trans}} <a href='https://policies.google.com/terms' class='c-accent-blue' target='_blank' rel='noopener noreferrer'>{{"conditions d'utilisation de Google" | trans}}</a> </p>{% endmacro %}<transition name='slide-left'> <div class='align-self-bottom mt-auto w-392' ref='send-a-message' v-if="currentPopup === 'send-a-message'"> {% set snippet = sulu_snippet_load_by_area('offer_area') %} {% if snippet is not null and snippet.content is not null %} <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'>{{snippet.content.title}}</h3> <div class='border-top mb-24'></div> <async-form action="{{path('submitForm')}}" method="POST" data-focus-first-invalid v-slot='{ isDisabled }'> <p class='t-p-medium mb-32'>{{snippet.content.descriptionsingle}}</p> <div> <div class='mb-16'> {{macros.input({label: snippet.content.firstname, name: 'first-name', required: true})}} </div> <div class='mb-16'> {{macros.input({label: snippet.content.lastname, name: 'last-name', required: true})}} </div> <div class='mb-16'> {{macros.input({label: snippet.content.email, name: 'email', required: true, type: 'email'})}} </div> <div class='mb-16'> {{macros.input({label: snippet.content.phone, name: 'phone', required: true, type: 'tel'})}} </div> <div class='mb-16'> {{macros.input({label: snippet.content.message, name: 'message', textarea: true })}} </div> </div> <div class='grid-x'> <div class='small-8 cell'> <button class='py-16 w-100 button-reset text-center o-h t-label-regular bg-dark-blue c-white mb-16' :disabled='isDisabled' :class='{"o-04": isDisabled}'> {{'Envoyer'|trans|capitalize}} </button> </div> </div> {{_self.protectedByCaptcha()}} <input type='hidden' name='reference' :value='detail ? detail.ref : ""'/> {% if detail.isForRent %} <input type="hidden" name="address" :value='detail ? detail.rentAddress : ""'/> {% elseif not detail.isForRent%} <input type="hidden" name="address" :value='detail ? detail.buyAddress : ""'/> {% endif %} <input type="hidden" name="price" :value='detail ? detail.price : ""'/> <input type='hidden' name='emailBroker' :value='currentContactPerson.email'/> <input type='hidden' name='isRent' :value='detail.isForRent'/> </async-form> </div> {% else %} <h4 class="alert alert-danger" style="color:red"> Form offer Snippet is not Defined </h4> {% endif %} </div></transition>