templates/beautytada/component/recommend-form.twig line 1

Open in your IDE?
  1. <div id="recommend-form" class="recommend-form-wrapper">
  2.     <div class="k-container">
  3.         <div class="form-header">
  4.             <h1 class="title">{{ translation.getData('Form title') }}</h1>
  5.             <span class="description">{{ translation.getData('Form description') }}</span>
  6.         </div>
  8.         <form ref="form" class="recommend-form" @submit.prevent="submit" @keydown="error.clear($event.target.name); $forceUpdate()">
  9.             <div class="k-form-row">
  10.                 <div class="k-form-group">
  11.                     <div class="item-column">
  12.                         <label for="name">{% trans %}Your full name{% endtrans %}:</label>
  13.                         <input id="name" name="name" type="text" class="k-input field">
  14.                         <span v-if="error.has('name')" class="k-form-notification">
  15.                             {% trans %}This is required field{% endtrans %}
  16.                         </span>
  17.                     </div>
  18.                 </div>
  19.             </div>
  21.             <div class="k-form-row k-col-lg-2">
  22.                 <div class="k-form-group">
  23.                     <div class="item-column">
  24.                         <label for="postcode">{% trans %}Tel/Mob. Number{% endtrans %}:</label>
  25.                         <input id="phone" name="phone" type="text" class="k-input field">
  26.                         <span v-if="error.has('phone')" class="k-form-notification">
  27.                             {% trans %}This is required field{% endtrans %}
  28.                         </span>
  29.                     </div>
  30.                 </div>
  32.                 <div class="k-form-group">
  33.                     <div class="item-column">
  34.                         <label for="email">{% trans %}Email address{% endtrans %}:</label>
  35.                         <input id="email" name="email" type="email" class="k-input field">
  36.                         <span v-if="error.has('email')" class="k-form-notification">
  37.                             {% trans %}This is required field{% endtrans %}
  38.                         </span>
  39.                     </div>
  40.                 </div>
  41.             </div>
  43.             <div class="k-form-row k-col-lg-2">
  44.                 <div class="k-form-group">
  45.                     <div class="item-column">
  46.                         <label for="chef">{% block objectFieldLabel %}{% trans %}Salon name{% endtrans %}{% endblock %}:</label>
  47.                         <input id="chef" name="object" type="text" class="k-input field">
  48.                         <span v-if="error.has('object')" class="k-form-notification">
  49.                             {% trans %}This is required field{% endtrans %}
  50.                         </span>
  51.                     </div>
  52.                 </div>
  54.                 <div class="recommend-address-fields">
  55.                     <div class="k-form-group">
  56.                         <div class="item-column">
  57.                             <label for="postcode">{% trans %}ZIP code{% endtrans %}:</label>
  58.                             <input id="postcode" name="postcode" type="text" class="k-input field">
  59.                             <span v-if="error.has('postcode')" class="k-form-notification">
  60.                                 {% trans %}This is required field{% endtrans %}
  61.                             </span>
  62.                         </div>
  63.                     </div>
  65.                     <div class="k-form-group">
  66.                         <div class="item-column">
  67.                             <label for="city">{% trans %}City{% endtrans %}:</label>
  68.                             <input id="city" name="city" type="text" class="k-input field">
  69.                             <span v-if="error.has('city')" class="k-form-notification">
  70.                                 {% trans %}This is required field{% endtrans %}
  71.                             </span>
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.             </div>
  77.             <div class="k-form-row">
  78.                 <div class="k-form-group">
  79.                     <div class="item-column">
  80.                         <label for="message">{% trans %}Message{% endtrans %}:</label>
  81.                         <textarea id="message" name="message" class="k-textarea field resize-none" rows="5"></textarea>
  82.                     </div>
  83.                 </div>
  84.             </div>
  86.             <button class="k-submit" type="submit" :disabled="processing">{% trans %}Send{% endtrans %}</button>
  87.         </form>
  88.     </div>
  89.     <modal @confirm="showNotification = false" @cancel="showNotification = false" :is-visible="showNotification">
  90.         <template #label>
  91.             <span v-text="response.success ? '{% trans %}Hooray{% endtrans %}!!' : '{% trans %}Oops{% endtrans %}!!'"></span>
  92.         </template>
  93.         <template #content>
  94.             <span v-text="response.message"></span>
  95.         </template>
  96.     </modal>
  97.     <overlay></overlay>
  98. </div>