templates/includes/calendlyForm.html.twig line 1

  1. <form action="" class="form" @submit.prevent="submit" id="calendlyForm_form{{ idSuffix ? '_' ~ idSuffix : '' }}">
  2.     <fieldset class="form__fieldset" :disabled="submitted">
  3.         <div class="form__fields">
  4.             <div class="form-input-text">
  5.                 <input type="text" id="calendly_form_firstname{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[firstname]"
  6.                        required="required" class="form-input-text__input" placeholder="name" x-ref="firstname">
  7.                 <label class="form-input-text__label required" for="calendly_form_firstname{{ idSuffix ? '_' ~ idSuffix : '' }}">
  8.                     {{ content.calendlyFormFirstname }}
  9.                 </label>
  10.                 <div class="form-input-text__border"></div>
  11.             </div>
  12.             <div class="form-input-text">
  13.                 <input type="text" id="calendly_form_lastname{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[lastname]"
  14.                        required="required" class="form-input-text__input" placeholder="vorname" x-ref="lastname">
  15.                 <label class="form-input-text__label required" for="calendly_form_lastname{{ idSuffix ? '_' ~ idSuffix : '' }}">
  16.                     {{ content.calendlyFormLastName }}
  17.                 </label>
  18.                 <div class="form-input-text__border"></div>
  19.             </div>
  20.             <div class="form-input-text">
  21.                 <input type="text" id="calendly_form_unternehmen{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[unternehmen]" required="required"
  22.                        class="form-input-text__input" placeholder="unternehmen">
  23.                 <label class="form-input-text__label required" for="calendly_form_unternehmen{{ idSuffix ? '_' ~ idSuffix : '' }}">
  24.                     {{ content.calendlyFormUnternehmen }}
  25.                 </label>
  26.                 <div class="form-input-text__border"></div>
  27.             </div>
  28.             <div class="form-input-text">
  29.                 <input type="email" id="calendly_form_email{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[email]" required="required"
  30.                        class="form-input-text__input" placeholder="email" x-ref="email">
  31.                 <label class="form-input-text__label required" for="calendly_form_email{{ idSuffix ? '_' ~ idSuffix : '' }}">
  32.                     {{ content.calendlyFormEmail }}
  33.                 </label>
  34.                 <div class="form-input-text__border"></div>
  35.             </div>
  36.             <div class="form-input-text">
  37.                 <input type="text" id="calendly_form_phone{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[phone]"
  38.                        class="form-input-text__input" placeholder="Telefon" x-ref="phone">
  39.                 <label class="form-input-text__label" for="calendly_form_phone{{ idSuffix ? '_' ~ idSuffix : '' }}">
  40.                     {{ content.calendlyFormTelephone }}
  41.                 </label>
  42.                 <div class="form-input-text__border"></div>
  43.             </div>
  44.         </div>
  45.         <div class="form__fields">
  46.             <div class="form__terms">
  47.                 {{ content.calendlyFormTerms | raw }}
  48.             </div>
  49.         </div>
  50.         <div class="form__actions">
  51.             <button type="submit" class="button button--default">
  52.                             <span class="button__inner" x-show="!success">
  53.                                 {{ content.calendlyFormButtonSend }}
  54.                             </span>
  55.                 <span class="button__inner" x-show="success">
  56.                                 {{ content.calendlyFormButtonSended }}
  57.                             </span>
  58.             </button>
  59.             <div class="form__loader" x-show="submitted && !success">
  60.                 <div class="lds-ring">
  61.                     <div></div>
  62.                     <div></div>
  63.                     <div></div>
  64.                     <div></div>
  65.                 </div>
  66.             </div>
  67.             <div class="form__check" x-show="success">
  68.                 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  69.                     <path d="M8 21a1 1 0 01-.707-.293L.586 14 2 12.586l5.906 5.906L21.825.6 23.4 1.824 8.79 20.614a1 1 0 01-.728.386H8z"
  70.                           fill="#000"/>
  71.                 </svg>
  72.             </div>
  73.         </div>
  74.         <div class="form__success" x-show="success" x-transition>
  75.             {{ content.calendlyFormSuccess|raw }}
  76.         </div>
  77.         <input type="hidden" id="calendly_form_url{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[url]">
  78.         <input type="hidden" id="calendly_form_target_url{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[target_url]">
  79.         <input type="hidden" id="calendly_form_referrer{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[referrer]" value="{{ referrer is defined and referrer ? referrer : content.calendlyFormReferrer }}">
  80.         <input type="hidden" id="calendly_form_language{{ idSuffix ? '_' ~ idSuffix : '' }}" name="calendly_form[language]" value="{{ app.request.locale|split('_')[0] }}">
  81.     </fieldset>
  82. </form>