Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/vreg/components/Forms/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <input-field rules="required" :form="form" field="first_name" placeholder="First name"/>

    <input-field :form="form" field="middle_name" placeholder="Middle name (optional)"/>


    <input-field rules="required" :form="form" field="last_name" placeholder="Last name"/>


    <input-field :form="form" field="company_name" placeholder="Company (optional)"/>


    <input-field rules="required|length:10" formGroupClass="with-tt" :form="form" field="phone">
      <p class="placeholder-text required">Mobile phone</p>

      <the-mask :mask="'###-###-####'"
                v-model="form.phone"
                name="phone"
                class="form-control the-mask-mobile-input"
                placeholder=""/>

      <span class="alert-icon" v-b-tooltip.hover title="Don't use someone else's number">
										<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path
                        d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z"
                        fill="#9CA3B5" stroke="#9CA3B5" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"/>
											<path
                        d="M6.81738 6.74994C6.99371 6.24869 7.34175 5.82602 7.79985 5.55679C8.25795 5.28756 8.79655 5.18914 9.32026 5.27897C9.84397 5.3688 10.319 5.64108 10.6612 6.04758C11.0034 6.45409 11.1907 6.96858 11.1899 7.49994C11.1899 8.99994 8.93988 9.74994 8.93988 9.74994"
                        stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
											<path d="M9 12.75H9.00833" stroke="white" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round"/>
										</svg>
									</span>
    </input-field>

    <input-field type="email" rules="required" :form="form" field="email" placeholder="E-Mail"/>

  </div>
</template>

<script>
import InputField from "@/components/Forms/InputField";

export default {
  name: "Step1Fields",
  components: {InputField},
  props: {
    form: {
      required: true
    }
  }
}
</script>

<style scoped>

</style>