templates/includes/form.html.twig line 1

  1. <form name="{{ formName }}" method="post" class="form" id="{{ id }}" @submit.prevent="submit">
  2.     <fieldset class="form__fieldset" :disabled="submitted">
  3.         <div class="form__fields">
  4.             <div class="form-input-text">
  5.                 <input type="text" id="{{ formName }}_vorname" name="{{ formName }}[vorname]" required="required"
  6.                        class="form-input-text__input" placeholder="vorname">
  7.                 <label class="form-input-text__label required" for="{{ formName }}_vorname">
  8.                     {{ firstName }}
  9.                 </label>
  10.                 <div class="form-input-text__border"></div>
  11.             </div>
  12.             <div class="form-input-text">
  13.                 <input type="text" id="{{ formName }}_name" name="{{ formName }}[name]" required="required"
  14.                        class="form-input-text__input" placeholder="name">
  15.                 <label class="form-input-text__label required" for="contact_form_name">
  16.                     {{ lastName }}
  17.                 </label>
  18.                 <div class="form-input-text__border"></div>
  19.             </div>
  20.             <div class="form-input-text">
  21.                 <input type="text" id="{{ formName }}_unternehmen" name="{{ formName }}[unternehmen]" required="required"
  22.                        class="form-input-text__input" placeholder="unternehmen">
  23.                 <label class="form-input-text__label required" for="{{ formName }}_unternehmen">
  24.                     {{ unternehmen }}
  25.                 </label>
  26.                 <div class="form-input-text__border"></div>
  27.             </div>
  28.             <div class="form-input-text">
  29.                 <input type="email" id="{{ formName }}_email" name="{{ formName }}[email]" required="required"
  30.                        class="form-input-text__input" placeholder="email">
  31.                 <label class="form-input-text__label required" for="{{ formName }}_email">
  32.                     {{ email }}
  33.                 </label>
  34.                 <div class="form-input-text__border"></div>
  35.             </div>
  36.             <div class="form-input-textarea">
  37.                 <textarea id="{{ formName }}_nachricht" name="{{ formName }}[nachricht]"
  38.                           class="form-input-textarea__input" placeholder="nachricht"></textarea>
  39.                 <label class="form-input-textarea__label" for="{{ formName }}_nachricht">
  40.                     {{ message }}
  41.                 </label>
  42.                 <div class="form-input-textarea__border"></div>
  43.             </div>
  44.         </div>
  45.         <div class="form__fields">
  46.             <div class="form-input-checkbox">
  47.                 <input type="checkbox" id="{{ formName }}_newsletter" name="{{ formName }}[newsletter]"
  48.                        class="form-input-checkbox__input" value="1">
  49.                 <div class="form-input-checkbox__control"></div>
  50.                 <label class="form-input-checkbox__label" for="{{ formName }}_newsletter">
  51.                     {{ subscription|raw }}
  52.                 </label>
  53.             </div>
  54.             <div class="form-input-checkbox">
  55.                 <input type="checkbox" id="{{ formName }}_terms" name="{{ formName }}[terms]" required="required"
  56.                        class="form-input-checkbox__input" value="1">
  57.                 <div class="form-input-checkbox__control"></div>
  58.                 <label for="contact_form_terms" class="form-input-checkbox__label">
  59.                     {{ terms|raw }}
  60.                 </label>
  61.             </div>
  62.             <input type="hidden" id="{{ formName }}_url" name="{{ formName }}[url]">
  63.             <input type="hidden" id="{{ formName }}_language" name="{{ formName }}[language]" value="{{ app.request.locale|split('_')[0] }}">
  64.             <input type="hidden" id="{{ formName }}_referrer" name="{{ formName }}[referrer]"{% if referrer is defined and referrer %} value="{{ referrer }}"{% endif %}>
  65.         </div>
  66.         <div class="form-actions">
  67.             <button class="button button--default" id="person-contactform-button" type="submit">
  68.                                                <span class="button__inner" x-show="!success">
  69.                                                    {{ send }}
  70.                                                </span>
  71.                 <span class="button__inner" x-show="success" style="display: none;">
  72.                                                    {{ sended }}
  73.                                                </span>
  74.             </button>
  75.             <div class="form__loader" x-show="submitted &amp;&amp; !success &amp;&amp; !failure" style="display: none;">
  76.                 <div class="lds-ring">
  77.                     <div></div>
  78.                     <div></div>
  79.                     <div></div>
  80.                     <div></div>
  81.                 </div>
  82.             </div>
  83.             <div class="form__check" x-show="success" style="display: none;">
  84.                 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  85.                     <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" fill="#000"></path>
  86.                 </svg>
  87.             </div>
  88.         </div>
  89.         <div class="form__success" x-show="success" x-transition="" style="display: none;">
  90.             {{ success|raw }}
  91.         </div>
  92.         <div class="failed" x-show="failure" x-transition="" style="display: none;">
  93.             {{ error|raw }}
  94.         </div>
  95.     </fieldset>
  96.     {% if id == 'person-contactform' %}
  97.         <input type="hidden" id="person-contactform_contact" name="{{ formName }}[contact]">
  98.     {% endif %}
  99. </form>