templates/beautytada/page.register-a-salon.twig line 1

Open in your IDE?
  1. {% extends 'beautytada/layout.postcode.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     {{ encore_entry_link_tags('register-a-salon') }}
  6. {% endblock %}
  8. {% block javascripts %}
  9.     {{ parent() }}
  10.     {{ encore_entry_script_tags('register-a-salon') }}
  11. {% endblock %}
  13. {% block content %}
  14.     <script>
  15.         TRANS['contactFormTitle'] = '{% trans %}Register a salon{% endtrans %}'
  16.         TRANS['postcode'] = '{% trans %}Post code{% endtrans %}'
  17.         TRANS['city'] = '{% trans %}City{% endtrans %}'
  18.         TRANS['salonName'] = '{% trans %}Salon name{% endtrans %}'
  20.         WINDOW_CONFIG['registerSalonRegisterApi'] = '{{ path("api_v1_register_salon_register") }}'
  21.         WINDOW_CONFIG['registerSalonRegisterToken'] = '{{ csrf_token("register-salon") }}'
  22.         WINDOW_CONFIG['siteKey'] = '{{ k_captcha_public_key() }}'
  23.     </script>
  25.     <div id="register-a-salon" class="register-form-wrapper">
  26.         <div class="k-container">
  27.             <div class="form-header">
  28.                 <h1 class="title">{{ translation.getData('Form title') }}</h1>
  29.                 <span class="description">{{ translation.getData('Form description') }}</span>
  30.             </div>
  32.             <form ref="form" class="register-form" @submit.prevent="registerSalon" @keydown="error.clear($event.target.name); $forceUpdate()">
  33.                 <div class="k-form-row">
  34.                     <div class="k-form-group">
  35.                         <div class="item-column">
  36.                             <label for="name">{% trans %}Name{% endtrans %}:</label>
  37.                             <input id="name" name="name" type="text" class="k-input field">
  38.                             <span v-if="error.has('name')" class="k-form-notification">
  39.                                 {% trans %}This is required field{% endtrans %}
  40.                             </span>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  45.                 <div class="k-form-row k-col-lg-2">
  46.                     <div class="k-form-group">
  47.                         <div class="item-column">
  48.                             <label for="email">{% trans %}Your email address{% endtrans %}:</label>
  49.                             <input id="email" name="email" type="email" class="k-input field">
  50.                             <span v-if="error.has('email')" class="k-form-notification">
  51.                                 {% trans %}This is required field{% endtrans %}
  52.                             </span>
  53.                         </div>
  54.                     </div>
  56.                     <div class="k-form-group">
  57.                         <div class="item-column">
  58.                             <label for="postcode">{% trans %}Your Postcode{% endtrans %}:</label>
  59.                             <input id="postcode" name="postcode" type="text" class="k-input field">
  60.                             <span v-if="error.has('postcode')" class="k-form-notification">
  61.                                 {% trans %}This is required field{% endtrans %}
  62.                             </span>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  67.                 <div class="k-form-row k-col-lg-2">
  68.                     <div class="k-form-group">
  69.                         <div class="item-column">
  70.                             <label for="salon">{% trans %}Salon name{% endtrans %}:</label>
  71.                             <input id="salon" name="salon" type="text" class="k-input field">
  72.                             <span v-if="error.has('salon')" class="k-form-notification">
  73.                                 {% trans %}This is required field{% endtrans %}
  74.                             </span>
  75.                         </div>
  76.                     </div>
  78.                     <div class="k-form-group">
  79.                         <div class="item-column">
  80.                             <label for="city">{% trans %}City{% endtrans %}:</label>
  81.                             <input id="city" name="city" type="text" class="k-input field">
  82.                             <span v-if="error.has('city')" class="k-form-notification">
  83.                                 {% trans %}This is required field{% endtrans %}
  84.                             </span>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  89.                 <div class="k-form-row">
  90.                     <div class="k-form-group">
  91.                         <div class="item-column">
  92.                             <label for="message">{% trans %}Message{% endtrans %}:</label>
  93.                             <textarea id="message" name="message" class="k-textarea field resize-none" rows="5"></textarea>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  98.                 <button class="k-submit" type="submit" :disabled="processing">{% trans %}Send{% endtrans %}</button>
  99.             </form>
  100.         </div>
  101.         <modal @confirm="showNotification = false" @cancel="showNotification = false" :is-visible="showNotification">
  102.             <template #label><span v-text="response.success ? '{% trans %}Hooray{% endtrans %}!!' : '{% trans %}Oops{% endtrans %}!!'"></span></template>
  103.             <template #content><span v-text="response.message"></span></template>
  104.         </modal>
  105.         <overlay></overlay>
  106.     </div>
  107. {% endblock %}