<template>
  <div>
    <v-layout row wrap>
      <v-flex xs12 sm4 offset-sm4 class="border-iy pa-3 my-3">
        <h3 class="title font-weight-bold my-3">เข้าสู่ระบบสำหรับผู้ประกอบการ</h3>
        <v-form>
          <v-text-field
            outline
            label="ชื่อผู้ใช้"
            prepend-inner-icon="person"
            class="mg-ip"
          ></v-text-field>
        <v-text-field
            outline
            label="รหัสผ่าน"
            type="password"
            prepend-inner-icon="lock"
            class="mg-ip"
          ></v-text-field>
          <a href="#" class="body-2 font-weight-medium my-3">ลืมรหัสผ่าน</a>
          <v-btn color="brown darken-2" large dark block type="submit">เข้าสู่ระบบ</v-btn>
        </v-form>
        <v-layout row wrap justify-center class="my-2">
          <span class="body-2 font-weight-medium">ยังไม่มีบัญชีผู้ใช้? <router-link to="/employer/register" href="#">สมัครสมาชิก</router-link></span>
        </v-layout>
        
      </v-flex>
    </v-layout>
  </div>
</template>

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

</style>
