Add Register

resources/js/route.js

@@ -8,6 +8,7 @@ import EmployerLayout from './layouts/EmployerLayout.vue';
 
 import Home from './views/Home.vue';
 import Login from './views/Login.vue';
+import Register from './views/Register.vue';
 import LoginEmployer from './views/LoginEmployer.vue';
 import PageNotFound from './views/PageNotFound.vue';
 
@@ -46,6 +47,11 @@ export default new VueRouter({
           name: 'login',
           component: Login
         },
+        {
+          path: 'register',
+          name: 'register',
+          component: Register
+        },
         {
           path: '*',
           name: 'pageNotFound',

resources/js/views/Login.vue

 <template>
   <div>
     <v-container grid-list-md text-xs-center>
-      <p class="display-2 my-4">ลงชื่อเข้าใช้</p>
+      <p class="headline my-4">ลงชื่อเข้าใช้</p>
       <v-flex sm4 offset-sm4>
         <v-text-field
           label="อีเมล"

resources/js/views/Register.vue

+<template>
+  <div>
+    <v-container grid-list-md text-xs-center>
+      <p class="headline my-4">สมัครสมาชิก</p>
+      <v-flex sm4 offset-sm4>
+        <v-layout row wrap>
+          <v-flex sm6 xs12>
+            <v-text-field
+              label="ชื่อ"
+              v-model="ชื่อ"
+              clearable
+              required
+              class="fix-size"
+            ></v-text-field>
+          </v-flex>
+          <v-flex sm6 xs12>
+            <v-text-field
+              label="นามสกุล"
+              v-model="นามสกุล"
+              clearable
+              required
+              class="fix-size"
+            ></v-text-field>
+          </v-flex>
+        </v-layout>
+        <v-text-field
+          label="อีเมล"
+          v-model="อีเมล"
+          clearable
+          required
+          class="fix-size"
+        ></v-text-field>
+        <v-text-field
+          label="รหัสผ่าน"
+          v-model="รหัสผ่าน"
+          clearable
+          type="password"
+          required
+          class="fix-size"
+        ></v-text-field>
+        <v-text-field
+          label="ยืนยันรหัสผ่าน"
+          v-model="ยืนยันรหัสผ่าน"
+          clearable
+          type="password"
+          required
+          class="fix-size"
+        ></v-text-field>
+        <v-btn color="red accent-3" block dark large>สมัครสมาชิก</v-btn>
+        <v-layout row wrap align-center justify-center fill-height>
+          <v-flex sm5>
+            <v-divider></v-divider>
+          </v-flex>
+          <v-flex sm2>
+            หรือ
+          </v-flex>
+          <v-flex sm5>
+            <v-divider></v-divider>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap>
+          <v-flex sm6>
+            <v-btn color="primary" block><v-icon>fab fa-facebook</v-icon>&nbsp;สมัครด้วย Facebook</v-btn>
+          </v-flex>
+          <v-flex sm6>
+            <v-btn color="deep-orange" class="white--text" block><v-icon>fab fa-google</v-icon>&nbsp;สมัครด้วย Google</v-btn>
+          </v-flex>
+        </v-layout>
+        <p class="text-xs-center body-2 font-weight-medium">มีบัญชีผู้ใช้อยู่แล้ว? <a href="#">เข้าสู่ระบบ</a></p>
+      </v-flex>
+    </v-container>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .fix-size {
+    height: 70px;
+  }
+</style>
\ No newline at end of file