<template>
  <div>
    <v-layout row wrap>
      <v-flex xs12 sm8 offset-sm2 class="border-iy pa-3 my-3">
        <h3 class="title font-weight-bold my-3"> สมัครสมาชิกสำหรับผู้ประกอบการ</h3>
        <v-form>
          <v-layout row wrap xs12>
            <v-flex xs12 sm6 class="px-3">
              <label class="font-weight-bold">ชื่อผู้ใช้ <span class="red--text">&nbsp;*</span></label>
              <v-text-field
                outline
                label="ชื่อผู้ใช้"
                class="mg-ip"
              ></v-text-field>
              
              <label class="font-weight-bold">รหัสผ่าน <span class="red--text">&nbsp;*</span></label>
              <v-text-field
                outline
                label="รหัสผ่าน"
                type="password"
                class="mg-ip"
              ></v-text-field>
              
              <label class="font-weight-bold">รหัสผ่านอีกครั้ง <span class="red--text">&nbsp;*</span></label>
              <v-text-field
                outline
                label="รหัสผ่านอีกครั้ง"
                type="password"
                class="mg-ip"
              ></v-text-field>

            </v-flex>
            <v-flex xs12 sm6 class="px-3">
              <label class="font-weight-bold">ชื่อบริษัท <span class="red--text">&nbsp;*</span></label>
              <v-text-field
                outline
                label="ชื่อบริษัท"
                class="mg-ip"
              ></v-text-field>
              
              <label class="font-weight-bold">อีเมล <span class="red--text">&nbsp;*</span></label>
              <v-text-field
                outline
                label="อีเมล"
                class="mg-ip"
              ></v-text-field>
              
              <label class="font-weight-bold">เบอร์โทรศัพท์ <span class="red--text">&nbsp;*</span></label>
              <v-text-field
                outline
                label="เบอร์โทรศัพท์"
                class="mg-ip"
              ></v-text-field>
              
            </v-flex>
          </v-layout>
          <v-layout row wrap justify-center>
              <v-btn color="brown darken-2 my-3" dark  type="submit">สมัครสมาชิก</v-btn>
          </v-layout>
          <v-layout row wrap justify-center>
              <span class="body-2 font-weight-medium">มีบัญชีผู้ใช้แล้ว? <router-link to="/employer/login">เข้าสู่ระบบ</router-link></span>           
          </v-layout>
          
        </v-form>
        
      </v-flex>
    </v-layout>
  </div>
</template>

<style lang="scss" scoped>
  .mg-ip{
    height:70px;
  }
  
  .border-iy {
    border: 1px solid #dcdcdc;
    border-radius: 7px;
  }

</style>