diff --git a/app/Gallary.php b/app/Gallary.php
new file mode 100644
index 00000000..7024fa12
--- /dev/null
+++ b/app/Gallary.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Gallery extends Model
+{
+
+    protected $fillable = ['user_id', 'path'];
+    public $timestamps = false;
+
+
+    // public function business_item()
+    // {
+    //     return $this->morphedByMany('App\BusinessItem', 'uploadable');
+    // }
+
+
+
+}
diff --git a/app/Http/Controllers/Api/Auth/ForgotPasswordController.php b/app/Http/Controllers/Api/Auth/ForgotPasswordController.php
new file mode 100644
index 00000000..0f6e63d3
--- /dev/null
+++ b/app/Http/Controllers/Api/Auth/ForgotPasswordController.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Controllers\Api\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Packages\Auth\SendsPasswordResetEmails;
+
+class ForgotPasswordController extends Controller
+{
+    use SendsPasswordResetEmails;
+
+    public function __construct()
+    {
+        $this->middleware('guest');
+    }
+
+    protected function sendResetLinkResponse($response)
+    {
+        return response()->json(['status' => 200, 'message' => trans($response)]);
+    }
+
+    protected function sendResetLinkFailedResponse(Request $request, $response)
+    {
+        return response()->json(['status' => 401, 'email' => trans($response)]);
+    }
+}
diff --git a/app/Http/Controllers/Api/Auth/LoginController.php b/app/Http/Controllers/Api/Auth/LoginController.php
new file mode 100644
index 00000000..2ff48339
--- /dev/null
+++ b/app/Http/Controllers/Api/Auth/LoginController.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Http\Controllers\Api\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+use Illuminate\Support\Facades\DB;
+
+class LoginController extends Controller
+{
+
+    public function login(Request $request)
+    {
+        $this->validate($request, $this->rules(), $this->validationErrorMessages());
+
+        $request = Request::create('/oauth/token', 'POST', [
+            'grant_type' => 'password',
+            'client_id' => config('services.vue_client.id'),
+            'client_secret' => config('services.vue_client.secret'),
+            'username' => $request->cell_number,
+            'password' => $request->password,
+        ]);
+
+        return app()->handle($request);
+    }
+
+    public function logout()
+    {
+        $accessToken = auth()->user()->token();
+
+        DB::table('oauth_access_tokens')->where('id', $accessToken->id)->delete();
+        DB::table('oauth_refresh_tokens')->where('access_token_id', $accessToken->id)->delete();
+
+        return response()->json(['status' => 200]);
+    }
+
+    /**
+     * Get the login validation rules.
+     *
+     * @return array
+     */
+    protected function rules()
+    {
+        return [
+            'cell_number' => 'required',
+            'password' => 'required|min:6',
+        ];
+    }
+
+    /**
+     * Get the login validation error messages.
+     *
+     * @return array
+     */
+    protected function validationErrorMessages()
+    {
+        return [];
+    }
+}
diff --git a/app/Http/Controllers/Api/Auth/RegisterController.php b/app/Http/Controllers/Api/Auth/RegisterController.php
new file mode 100644
index 00000000..c82352c8
--- /dev/null
+++ b/app/Http/Controllers/Api/Auth/RegisterController.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Http\Controllers\Api\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+use App\User;
+
+class RegisterController extends Controller
+{
+    /**
+     * Register the given user.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function register(Request $request)
+    {
+        $this->validate($request, $this->rules(), $this->validationErrorMessages());
+
+        $user = new User();
+        $user->name = $request->name;
+        $user->cell_number = $request->cell_number;
+        $user->gender = $request->gender;
+        $user->medical_center_id = $request->medical_center_id;
+        $user->password = bcrypt( $request->password );
+        $user->save();
+
+        return response()->json($user, 200);
+    }
+
+    /**
+     * Get the user registration validation rules.
+     *
+     * @return array
+     */
+    protected function rules()
+    {
+        return [
+            'name' => 'required|string|max:80',
+            'cell_number' => 'required|unique:users',
+            'password' => 'required|min:6',
+            'medical_center_id' => 'required|exists:medical_centers,id',
+        ];
+    }
+
+    /**
+     * Get the user registration validation error messages.
+     *
+     * @return array
+     */
+    protected function validationErrorMessages()
+    {
+        return [];
+    }
+}
diff --git a/app/Http/Controllers/Api/Auth/ResetPasswordController.php b/app/Http/Controllers/Api/Auth/ResetPasswordController.php
new file mode 100644
index 00000000..f4365420
--- /dev/null
+++ b/app/Http/Controllers/Api/Auth/ResetPasswordController.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Http\Controllers\Api\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class ResetPasswordController extends Controller
+{
+
+    public function __construct()
+    {
+        $this->middleware('guest');
+    }
+
+    /**
+     * Reset the given user's password.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\RedirectResponse|\Illuminate\Http\JsonResponse
+     */
+    public function reset(Request $request)
+    {
+        $this->validatePassword($request);
+
+        if (auth('api')->check()) {
+            $user = auth('api')->user();
+            $user->password = Hash::make($request->password);
+            $user->save();
+            return \MessageResponse::success('Success Change Password');
+        }
+        return \MessageResponse::success('You Are Not Login');
+    }
+
+    /**
+     * Validate the email for the given request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return void
+     */
+    protected function validatePassword(Request $request)
+    {
+        $request->validate(['password' => 'required|confirmed|min:8',]);
+    }
+}
diff --git a/app/Http/Controllers/Auth/ForgotPasswordController.php b/app/Http/Controllers/Auth/ForgotPasswordController.php
deleted file mode 100644
index 6a247fef..00000000
--- a/app/Http/Controllers/Auth/ForgotPasswordController.php
+++ /dev/null
@@ -1,32 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Auth;
-
-use App\Http\Controllers\Controller;
-use Illuminate\Foundation\Auth\SendsPasswordResetEmails;
-
-class ForgotPasswordController extends Controller
-{
-    /*
-    |--------------------------------------------------------------------------
-    | Password Reset Controller
-    |--------------------------------------------------------------------------
-    |
-    | This controller is responsible for handling password reset emails and
-    | includes a trait which assists in sending these notifications from
-    | your application to your users. Feel free to explore this trait.
-    |
-    */
-
-    use SendsPasswordResetEmails;
-
-    /**
-     * Create a new controller instance.
-     *
-     * @return void
-     */
-    public function __construct()
-    {
-        $this->middleware('guest');
-    }
-}
diff --git a/app/Http/Controllers/Auth/LoginController.php b/app/Http/Controllers/Auth/LoginController.php
deleted file mode 100644
index b2ea669a..00000000
--- a/app/Http/Controllers/Auth/LoginController.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Auth;
-
-use App\Http\Controllers\Controller;
-use Illuminate\Foundation\Auth\AuthenticatesUsers;
-
-class LoginController extends Controller
-{
-    /*
-    |--------------------------------------------------------------------------
-    | Login Controller
-    |--------------------------------------------------------------------------
-    |
-    | This controller handles authenticating users for the application and
-    | redirecting them to your home screen. The controller uses a trait
-    | to conveniently provide its functionality to your applications.
-    |
-    */
-
-    use AuthenticatesUsers;
-
-    /**
-     * Where to redirect users after login.
-     *
-     * @var string
-     */
-    protected $redirectTo = '/home';
-
-    /**
-     * Create a new controller instance.
-     *
-     * @return void
-     */
-    public function __construct()
-    {
-        $this->middleware('guest')->except('logout');
-    }
-}
diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
deleted file mode 100644
index 85b9057a..00000000
--- a/app/Http/Controllers/Auth/RegisterController.php
+++ /dev/null
@@ -1,72 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Auth;
-
-use App\User;
-use App\Http\Controllers\Controller;
-use Illuminate\Support\Facades\Hash;
-use Illuminate\Support\Facades\Validator;
-use Illuminate\Foundation\Auth\RegistersUsers;
-
-class RegisterController extends Controller
-{
-    /*
-    |--------------------------------------------------------------------------
-    | Register Controller
-    |--------------------------------------------------------------------------
-    |
-    | This controller handles the registration of new users as well as their
-    | validation and creation. By default this controller uses a trait to
-    | provide this functionality without requiring any additional code.
-    |
-    */
-
-    use RegistersUsers;
-
-    /**
-     * Where to redirect users after registration.
-     *
-     * @var string
-     */
-    protected $redirectTo = '/home';
-
-    /**
-     * Create a new controller instance.
-     *
-     * @return void
-     */
-    public function __construct()
-    {
-        $this->middleware('guest');
-    }
-
-    /**
-     * Get a validator for an incoming registration request.
-     *
-     * @param  array  $data
-     * @return \Illuminate\Contracts\Validation\Validator
-     */
-    protected function validator(array $data)
-    {
-        return Validator::make($data, [
-            'name' => ['required', 'string', 'max:255'],
-            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
-            'password' => ['required', 'string', 'min:8', 'confirmed'],
-        ]);
-    }
-
-    /**
-     * Create a new user instance after a valid registration.
-     *
-     * @param  array  $data
-     * @return \App\User
-     */
-    protected function create(array $data)
-    {
-        return User::create([
-            'name' => $data['name'],
-            'email' => $data['email'],
-            'password' => Hash::make($data['password']),
-        ]);
-    }
-}
diff --git a/app/Http/Controllers/Auth/ResetPasswordController.php b/app/Http/Controllers/Auth/ResetPasswordController.php
deleted file mode 100644
index cf726eec..00000000
--- a/app/Http/Controllers/Auth/ResetPasswordController.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Auth;
-
-use App\Http\Controllers\Controller;
-use Illuminate\Foundation\Auth\ResetsPasswords;
-
-class ResetPasswordController extends Controller
-{
-    /*
-    |--------------------------------------------------------------------------
-    | Password Reset Controller
-    |--------------------------------------------------------------------------
-    |
-    | This controller is responsible for handling password reset requests
-    | and uses a simple trait to include this behavior. You're free to
-    | explore this trait and override any methods you wish to tweak.
-    |
-    */
-
-    use ResetsPasswords;
-
-    /**
-     * Where to redirect users after resetting their password.
-     *
-     * @var string
-     */
-    protected $redirectTo = '/home';
-
-    /**
-     * Create a new controller instance.
-     *
-     * @return void
-     */
-    public function __construct()
-    {
-        $this->middleware('guest');
-    }
-}
diff --git a/app/Http/Controllers/Auth/VerificationController.php b/app/Http/Controllers/Auth/VerificationController.php
deleted file mode 100644
index 23a43a84..00000000
--- a/app/Http/Controllers/Auth/VerificationController.php
+++ /dev/null
@@ -1,41 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Auth;
-
-use App\Http\Controllers\Controller;
-use Illuminate\Foundation\Auth\VerifiesEmails;
-
-class VerificationController extends Controller
-{
-    /*
-    |--------------------------------------------------------------------------
-    | Email Verification Controller
-    |--------------------------------------------------------------------------
-    |
-    | This controller is responsible for handling email verification for any
-    | user that recently registered with the application. Emails may also
-    | be re-sent if the user didn't receive the original email message.
-    |
-    */
-
-    use VerifiesEmails;
-
-    /**
-     * Where to redirect users after verification.
-     *
-     * @var string
-     */
-    protected $redirectTo = '/home';
-
-    /**
-     * Create a new controller instance.
-     *
-     * @return void
-     */
-    public function __construct()
-    {
-        $this->middleware('auth');
-        $this->middleware('signed')->only('verify');
-        $this->middleware('throttle:6,1')->only('verify', 'resend');
-    }
-}
diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
new file mode 100644
index 00000000..7cbc2c3f
--- /dev/null
+++ b/app/Http/Controllers/HomeController.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class HomeController extends Controller
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    /**
+     * Show the application dashboard.
+     *
+     * @return \Illuminate\Contracts\Support\Renderable
+     */
+    public function index()
+    {
+        return view('home');
+    }
+}
diff --git a/app/Http/Controllers/MedicalCenterController.php b/app/Http/Controllers/MedicalCenterController.php
new file mode 100644
index 00000000..572a7516
--- /dev/null
+++ b/app/Http/Controllers/MedicalCenterController.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\MedicalCenter;
+use App\User;
+use App\Http\Requests\StoreMedicalCenterRequest;
+
+class MedicalCenterController extends Controller
+{
+    public function index()
+    {
+        $MedicalCenters = MedicalCenter::withCount('users')->paginate(10);
+        return \MessageResponse::data($MedicalCenters);
+    }
+
+    public function create()
+    {
+        //
+    }
+
+    public function store(StoreMedicalCenterRequest $request)
+    {
+        $MedicalCenter = MedicalCenter::create($request->all());
+        return response()->json(trans('messages.success'));
+    }
+
+    public function show($id)
+    {
+        // $MedicalCenter = MedicalCenter::with('users')->findOrFail($id);
+        // return response()->json(['MedicalCenter' => $MedicalCenter]);
+    }
+
+    public function edit($id)
+    {
+        $MedicalCenter = MedicalCenter::with('users')->findOrFail($id);
+        return response()->json(['MedicalCenter' => $MedicalCenter]);
+    }
+
+    public function update(StoreMedicalCenterRequest $request, MedicalCenter $MedicalCenter)
+    {
+        $MedicalCenter->update($request->all());
+        return response()->json(trans('messages.success'));
+    }
+
+    public function destroy(MedicalCenter $MedicalCenter)
+    {
+        if ($MedicalCenter->users->count() == 0) {
+            $MedicalCenter->delete();
+        }
+    }
+}
diff --git a/app/Http/Controllers/TestResultController.php b/app/Http/Controllers/TestResultController.php
new file mode 100644
index 00000000..5bad7e72
--- /dev/null
+++ b/app/Http/Controllers/TestResultController.php
@@ -0,0 +1,186 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use App\Http\Requests\StoreTestResultRequest;
+use App\TestResult;
+use App\InputValue;
+use App\Input;
+
+class TestResultController extends Controller
+{
+    public function index()
+    {
+        $TestResult = TestResult::with('test_type', 'user', 'user.medical_center')->paginate(10);
+        return \MessageResponse::data($TestResult);
+    }
+
+    public function create()
+    {
+        //
+    }
+
+    // public function CreateChildFormValue2($Input,$TestResultObj,$TestResultInfo)
+    // {
+    //     if ($Input['type'] != 'Form') {
+    //         $Value = $TestResultInfo[$Input->name];
+    //         $InputValueObj = InputValue::create(['test_result_id' => $TestResultObj->id , 'input_id' => $Input->id , 'value' => $Value]);
+    //     }
+    //     else {
+    //         foreach ($Input->children as $InputChild) {
+    //             $this->CreateChildFormValue2($InputChild,$TestResultObj,$TestResultInfo[$Input->name]);
+    //         }
+    //     }
+    //
+    // }
+
+    public function store(StoreTestResultRequest $request)
+    {
+      // dd($request->all());
+        try {
+            $return_value = \DB::transaction(function () use ($request) {
+
+                $TestResult = [
+                    'user_id' => auth('api')->user()->id,
+                    'autoclave_id' => $request->autoclave_id,
+                    'test_type_id' => $request->test_type_id,
+                    'result' => $request->result,
+                    'verified' => 'NotVerified',
+                ];
+                $TestResultObj = TestResult::create($TestResult);
+                $TestResultInfo = $request->all();
+
+                $Inputs = Input::with('options','children','children.children')->where('test_type_id',$request->test_type_id)->get();
+
+                ////////////////////////////////////////////////////////////////////////////////////--2
+                 foreach ($Inputs as $Input) {
+                     if ($Input['type'] != 'Form') {
+                         $Value = $TestResultInfo[$Input->name];
+                         if ($Input['type'] == 'Checkbox') {
+                           $Value = json_encode($Value);
+                         }
+                         $InputValueObj = InputValue::create(['test_result_id' => $TestResultObj->id , 'input_id' => $Input->id , 'value' => $Value]);
+                     }
+                     else {
+                         foreach ($Input->children as $InputChild) {
+                             $Value = $TestResultInfo[$InputChild->name];
+                             if ($InputChild['type'] == 'Checkbox') {
+                               $Value = json_encode($Value);
+                             }
+                             $InputValueObj = InputValue::create(['test_result_id' => $TestResultObj->id , 'input_id' => $InputChild->id , 'value' => $Value]);
+                         }
+                         //-------------------------------------------------------
+                          // $this->CreateChildFormValue2($Input,$TestResultObj,$TestResultInfo);
+                         // foreach ($Input->children as $InputChild) {
+                         //
+                         //     if ($InputChild['type'] != 'Form') {
+                         //         $Value = $TestResultInfo[$Input->name][$InputChild->name];
+                         //         $InputValueObj = InputValue::create(['test_result_id' => $TestResultObj->id , 'input_id' => $InputChild->id , 'value' => $Value]);
+                         //     }
+                         //     else {
+                         //
+                         //          foreach ($InputChild->children as $InputChild2) {
+                         //
+                         //              if ($InputChild2['type'] != 'Form') {
+                         //                  $Value = $TestResultInfo[$Input->name][$InputChild->name][$InputChild2->name];
+                         //                  $InputValueObj = InputValue::create(['test_result_id' => $TestResultObj->id , 'input_id' => $InputChild2->id , 'value' => $Value]);
+                         //              }
+                         //              else {
+                         //
+                         //              }
+                         //
+                         //          }
+                         //     }
+                         //
+                         // }
+                         //---------------------------------------------------------
+
+                     }
+                 }
+
+
+            });
+        } catch (\Exception $e) {
+            return response()->json($e->getMessage(), 441);
+        }
+        return \MessageResponse::success(null,trans('messages.create'));
+
+    }
+
+    public function show($id)
+    {
+        //
+    }
+
+    //Todo:: pass Inputs
+    public function edit(TestResult $TestResult)
+    {
+        foreach ($TestResult->input_values as $key => $value) {
+          $input = $value->input;
+          $TestResult[$input->name] = $value->value;
+        }
+        return \MessageResponse::data($TestResult);
+    }
+
+    public function update(StoreTestResultRequest $request, TestResult $TestResult)
+    {
+        $TestResultData = [
+            'user_id' => auth('api')->user()->id,
+            'autoclave_id' => $request->autoclave_id,
+            'test_type_id' => $request->test_type_id,
+            'result' => $request->result,
+            'verified' => 'NotVerified',
+        ];
+        $TestResult->update($TestResultData);
+        $TestResultInfo = $request->all();
+
+        $Inputs = Input::with('options','children','children.children')->where('test_type_id',$request->test_type_id)->get();
+
+         foreach ($Inputs as $Input) {
+             if ($Input['type'] != 'Form') {
+                 $Value = $TestResultInfo[$Input->name];
+                 if ($Input['type'] == 'Checkbox') {
+                   $Value = json_encode($Value);
+                 }
+
+                 $InputValueObj = InputValue::where('test_result_id',$TestResult->id)->where('input_id', $Input['id'])->update(['value' => $Value]);
+             }
+             else {
+                 foreach ($Input->children as $InputChild) {
+                     $Value = $TestResultInfo[$InputChild->name];
+                     if ($InputChild['type'] == 'Checkbox') {
+                       $Value = json_encode($Value);
+                     }
+                     $InputValueObj = InputValue::where('test_result_id',$TestResult->id)->where('input_id', $Input['id'])->update(['value' => $Value]);
+                 }
+             }
+         }
+        return \MessageResponse::success(null,trans('messages.update'));
+    }
+
+    public function destroy(TestResult $TestResult)
+    {
+        if (auth('api')->user()->can('delete', $TestResult)) {
+          return \MessageResponse::error(trans('messages.failed'));
+        }
+        $TestResult->delete();
+        return \MessageResponse::success(null, trans('messages.failed'));
+    }
+
+    public function verifyTestResult(TestResult $TestResult)
+    {
+        if (auth('api')->user()->can('verifyTestResult', $TestResult)) {
+          return \MessageResponse::error(trans('messages.failed'));
+        }
+        if ($TestResult->verified == 'Verified') {
+            $TestResult->verified = 'NotVerified';
+        } else {
+            $TestResult->verified = 'Verified';
+        }
+        $TestResult->save();
+        return \MessageResponse::data($TestResult);
+    }
+
+}
diff --git a/app/Http/Controllers/TestTypeController.php b/app/Http/Controllers/TestTypeController.php
new file mode 100644
index 00000000..1a5323c5
--- /dev/null
+++ b/app/Http/Controllers/TestTypeController.php
@@ -0,0 +1,375 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\TestType;
+use App\TestResult;
+use App\Input;
+use App\Option;
+use App\Http\Requests\StoreTestTypeRequest;
+
+class TestTypeController extends Controller
+{
+    public function index()
+    {
+        $TestTypes = TestType::with('user','user.medical_center')->paginate(10);
+        return \MessageResponse::data($TestTypes);
+    }
+
+    public function create()
+    {
+        //
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    ///////////////////////               Store TestType                     /////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+
+    public function CreateInput($Input,$TestType,$ParentID = null)
+    {
+        //---------------------------------------------Input
+        $InputData = [
+            'name' => $Input['name'],
+            'type' => $Input['type'],
+            'size' => $Input['size'],
+            'test_type_id' => $TestType->id,
+            'parent_id' => $ParentID
+        ];
+        $InputObj = Input::create($InputData);
+        //---------------------------------------------Input
+        //---------------------------------------------Option
+        if ($Input['type'] == 'Checkbox' || $Input['type'] == 'Select') {
+            foreach ($Input['options'] as $Option) {
+                $Option = Option::create(['title' => $Option['title'] , 'input_id' => $InputObj->id]);
+            }
+        }
+        //---------------------------------------------Option
+        return $InputObj;
+
+    }
+
+    public function CreateChildForm($Input,$TestType,$InputObj)
+    {
+        if (isset($Input['children'])) {
+            foreach ($Input['children'] as $InputChild) {
+                $InputChildObj = $this->CreateInput($InputChild,$TestType,$InputObj->id);
+                if (isset($InputChild['children'])) {
+                    $this->CreateChildForm($InputChild,$TestType,$InputChildObj);
+                }
+            }
+        }
+    }
+
+    public function store(StoreTestTypeRequest $request)
+    {
+        try {
+            $return_value = \DB::transaction(function () use ($request) {
+
+                $TestType = [
+                    'name' => $request['name'],
+                    'unique_code' => $request['unique_code'],
+                    'user_id' => auth('api')->user()->id
+                ];
+
+                $TestType = TestType::create($TestType);
+                $TestTypeInfo = $request['info'];
+
+                foreach ($TestTypeInfo as $Input) {
+
+                    $InputObj = $this->CreateInput($Input,$TestType);
+
+                    if ($Input['type'] == 'Form') {
+                        $this->CreateChildForm($Input,$TestType,$InputObj);
+                    }
+                }
+            });
+        } catch (\Exception $e) {
+            return response()->json($e->getMessage(), 441);
+        }
+        return \MessageResponse::success(null,trans('messages.create'));
+    }
+
+    public function show($id)
+    {
+        //
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    ///////////////////////             Edit TestType                      ///////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+
+    public function CreateInputInfo($Input)
+    {
+        $Options = [];
+        //------------------------------------------------------Input
+        $InputInfo = [
+            'id' => $Input->id,
+            'name' => $Input->name,
+            'type' => $Input->type,
+            'size' => $Input->size ,
+            'parent_id' => $Input->parent_id,
+            'options' => [],
+            'children' => []
+        ];
+        //------------------------------------------------------Input
+        //------------------------------------------------------Option
+        if ($Input['type'] == 'Checkbox' || $Input['type'] == 'Select') {
+
+            foreach ($Input['options'] as $Option) {
+                $OptionInfo = [
+                    'id' => $Option->id ,
+                    'title' => $Option->title
+                ];
+                $Options[] = $OptionInfo;
+            }
+            $InputInfo['options'] = $Options;
+        }
+        //------------------------------------------------------Option
+        return $InputInfo;
+    }
+
+    public function CreateChildFormInfo($Input,$InputInfo)
+    {
+        $Children = [];
+        foreach ($Input['children'] as $InputChild) {
+
+            $ChildInfo = $this->CreateInputInfo($InputChild);
+            $Children[] = $ChildInfo;
+            if ($InputChild['type'] == 'Form') {
+                $this->CreateChildFormInfo($InputChild,$ChildInfo);
+            }
+        }
+        return $Children;
+    }
+
+    public function edit(TestType $TestType)
+    {
+        $Inputs = Input::with('children','options','children.options')->where('test_type_id',$TestType->id)->where('parent_id',null)->get();
+
+        $Info = [];
+        $Options = [];
+        $Children = [];
+
+        foreach ($Inputs as $Input) {
+
+            $InputInfo = $this->CreateInputInfo($Input);
+
+            if ($Input['type'] == 'Form') {
+                $Children = $this->CreateChildFormInfo($Input,$InputInfo);
+                $InputInfo['children'] = $Children;
+            }
+            $Info[] = $InputInfo;
+        }
+        $TestTypeInfo = [
+            'id' => $TestType->id,
+            'name' => $TestType->name,
+            'unique_code' => $TestType->unique_code,
+            'info' => $Info,
+        ];
+        return \MessageResponse::data($TestTypeInfo);
+    }
+
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    ///////////////////////             Update TestType                      /////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+    //////////////////////////////////////////////////////////////////////////////////////////////////
+
+    public function UpdateInput($Input,$TestType,$ParentID = null)
+    {
+        //---------------------------------------------Input
+        $InputData = [
+            'name' => $Input['name'],
+            'type' => $Input['type'],
+            'size' => $Input['size'],
+            'test_type_id' => $TestType->id,
+            'parent_id' => $ParentID
+        ];
+        Input::where('id',$Input['id'])->update($InputData);
+        $InputObj = Input::findOrFail($Input['id']);
+        //---------------------------------------------Input
+        //---------------------------------------------Option
+        if ($Input['type'] == 'Checkbox' || $Input['type'] == 'Select') {
+
+
+            //**************************
+            $DeletedOptionIDs = $InputObj->options->pluck('id')->toArray();
+            //**************************
+
+            foreach ($Input['options'] as $Option) {
+                if ($Option['id'] == 0) {//--new
+                    $Option = Option::create(['title' => $Option['title'] , 'input_id' => $Input['id'] ]);
+                }
+                else {
+                    //**************************
+                    if(in_array($Option['id'],$DeletedOptionIDs)){
+                        foreach ($DeletedOptionIDs as $index=>$DeletedOptionID){
+                            if($DeletedOptionID == $Option['id']){
+                                unset($DeletedOptionIDs[$index]);
+                            }
+                        }
+                    }
+                    //****************************
+                    $Option = Option::where('id', $Option['id'])->update(['title' => $Option['title'] ]);
+                }
+            }
+
+            //**************************
+            foreach ($DeletedOptionIDs as $DeletedOptionID){
+                $DeletedOption = Option::findOrFail($DeletedOptionID);
+                $DeletedOption->delete();
+            }
+            //**************************
+        }
+        //---------------------------------------------Option
+        return $Input;
+    }
+
+    public function UpdateChildForm($Input,$TestType,$InputObj)
+    {
+        //**********************************
+        $InputObject = Input::findOrFail($InputObj['id']);//$InputObj['id'] OR $Input['id']???????
+        // dd($InputObject);
+        $DeletedChildIDs = $InputObject->children->pluck('id')->toArray();
+        //**********************************
+
+        if (isset($Input['children'])) {
+            foreach ($Input['children'] as $InputChild) {
+                if ($InputChild['id'] == 0) {//--newChild
+
+                    $InputChildObj = $this->CreateInput($InputChild,$TestType,$InputObj['id']);
+                    if (isset($InputChild['children'])) {
+                        $this->CreateChildForm($InputChild,$TestType,$InputChildObj);
+                    }
+                }
+                else {
+                    //******************************
+                    if(in_array($InputChild['id'],$DeletedChildIDs)){
+                        foreach ($DeletedChildIDs as $index=>$DeletedChildID){
+                            if($DeletedChildID == $InputChild['id']){
+                                unset($DeletedChildIDs[$index]);
+                            }
+                        }
+                    }
+                    //******************************
+                    $InputChildObj = $this->UpdateInput($InputChild,$TestType,$InputObj['id']);
+                    if (isset($InputChild['children'])) {
+                        $this->UpdateChildForm($InputChild,$TestType,$InputChildObj);
+                    }
+                }
+
+            }
+            //*****************************
+            foreach ($DeletedChildIDs as $DeletedChildID){
+                $DeletedChild = Input::findOrFail($DeletedChildID);
+                $DeletedChild->options()->delete();
+                foreach ($DeletedChild->children as $DeletedChild1) {
+                    $DeletedChild1->options()->delete();
+                    $DeletedChild1->delete();
+                }
+                // $DeletedChild->children()->delete();
+                $DeletedChild->delete();
+            }
+            //*****************************
+        }
+    }
+
+    public function update(StoreTestTypeRequest $request, TestType $TestType)
+    {
+        $TestTypeData = [
+            'name' => $request['name'],
+            'unique_code' => $request['unique_code'],
+        ];
+        $TestType->update($TestTypeData);
+        $TestTypeInfo = $request['info'];
+        $DeletedInputIDs = $TestType->inputs->where('parent_id',null)->pluck('id')->toArray();
+
+        foreach ($TestTypeInfo as $Input) {
+            if ($Input['id'] == 0) {//--new
+                $InputObj = $this->CreateInput($Input,$TestType);
+            }
+            else {
+                //**************************
+                if(in_array($Input['id'],$DeletedInputIDs)){
+                    foreach ($DeletedInputIDs as $index=>$DeletedInputID){
+                        if($DeletedInputID == $Input['id']){
+                            unset($DeletedInputIDs[$index]);
+                        }
+                    }
+                }
+                //****************************
+                $InputObj = $this->UpdateInput($Input,$TestType);
+            }
+            if ($Input['type'] == 'Form') {
+                $this->UpdateChildForm($Input,$TestType,$InputObj);
+            }
+        }
+
+        //******************************
+        foreach ($DeletedInputIDs as $DeletedInputID){
+            $DeletedInput = Input::findOrFail($DeletedInputID);
+            $DeletedInput->options()->delete();
+            foreach ($DeletedInput->children as $DeletedInput1) {
+                $DeletedInput1->options()->delete();
+                $DeletedInput1->delete();
+            }
+            // $DeletedInput->children()->delete();
+            $DeletedInput->delete();
+        }
+        //******************************
+
+        return \MessageResponse::success(null,trans('messages.update'));
+    }
+
+    /////////////////////////////////////////////////////////////////////////////////////
+    public function getInputs(Request $request)
+    {
+        if($request->test_result_id !== '') {
+            $testTypeId = TestResult::find($request->test_result_id);
+        }
+        if (isset($testTypeId) && $testTypeId) {
+            $testType = TestType::select('id', 'name', 'unique_code')->find($testTypeId->test_type_id);
+        } else {
+            $testType = TestType::where('name', $request->name)->orWhere('unique_code', $request->unique_code)->select('id', 'name', 'unique_code')->first();
+        }
+        if (isset($testType) && $testType) {
+
+            $inputs = Input::select('id', 'name', 'type', 'size', 'parent_id')->with(
+                        ['options' => function ($query) {
+                        $query->select('id', 'title','input_id');
+                        },
+                        'children' => function ($query) {
+                            $query->select('id', 'name', 'type', 'size', 'parent_id', 'test_type_id');
+                        },
+                        'children.options' => function ($query) {
+                            $query->select('id', 'title', 'input_id');
+                        }]
+                    )->whereNull('parent_id')->where('test_type_id',$testType->id)->get();
+
+            return \MessageResponse::data(['testType' => $testType, 'inputs' => $inputs]);
+        }
+        return \MessageResponse::error();
+    }
+
+    public function listNames()
+    {
+        $testType = TestType::pluck('name');
+        return \MessageResponse::data($testType);
+    }
+
+    public function destroy(TestType $TestType)
+    {
+        // if (auth('api')->user()->can('delete', $TestType)) {
+        //   return \MessageResponse::error(trans('messages.failed'));
+        // }
+        // dd($TestType);
+        $TestType->delete();
+        return \MessageResponse::success(trans('messages.success'));
+    }
+
+}
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
new file mode 100644
index 00000000..9d89aebc
--- /dev/null
+++ b/app/Http/Controllers/UserController.php
@@ -0,0 +1,111 @@
+<?php
+
+
+
+namespace App\Http\Controllers;
+
+
+
+use Illuminate\Http\Request;
+
+use App\Http\Requests\StoreUserRequest;
+use App\MedicalCenter;
+use App\User;
+
+
+
+class UserController extends Controller
+
+{
+
+    public function index()
+    {
+        $Users = User::with(['medical_center', 'roles'])->paginate(10);
+        return \MessageResponse::data($Users);
+    }
+
+    public function store(StoreUserRequest $request)
+    {
+        $UserData = [
+            'name' => $request->name ,
+            'cell_number' => $request->cell_number ,
+            'medical_center_id' => $request->medical_center_id ,
+            'status' => 'PreRegister',
+            'verified' => 1,
+            'password' => bcrypt($request->password),
+        ];
+        $User = User::create($UserData);
+        return \MessageResponse::success(trans('messages.success'));
+    }
+
+    public function edit(User $User)
+    {
+        return \MessageResponse::data($User);
+    }
+
+    public function update(StoreUserRequest $request, User $User)
+    {
+        $UserData = [
+            'name' => $request->name ,
+            'cell_number' => $request->cell_number ,
+            'medical_center_id' => $request->medical_center_id ,
+            'status' => 'PreRegister',
+            'verified' => 1,
+            'password' => bcrypt($request->password),
+        ];
+        $User->update($UserData);
+        return \MessageResponse::success(trans('messages.success'));
+    }
+
+    public function destroy(User $User)
+    {
+        if (auth('api')->user()->can('delete', $User)) {
+            return \MessageResponse::error(trans('messages.failed'));
+        }
+        $User->delete();
+        return \MessageResponse::success(trans('messages.success'));
+    }
+
+
+
+    public function getByMedicalCenter(MedicalCenter $MedicalCenter)
+    {
+        $MedicalCenter = $MedicalCenter->load(['users' => function ($query) {
+            return $query->select(['id', 'medical_center_id', 'name', 'cell_number', 'status']);
+        }, 'users.roles']);
+        return \MessageResponse::data($MedicalCenter);
+    }
+
+
+
+    public function changeStatus(User $User)
+    {
+        if ($User->status == 'Active') {
+            $User->status = 'Suspended';
+        } else {
+            $User->status = 'Active';
+        }
+        $User->save();
+        return \MessageResponse::data($User);
+    }
+
+
+
+    public function changeRole(User $User, Request $request)
+    {
+        $User->syncRoles($request->roles);
+        return \MessageResponse::data($User);
+    }
+
+    public function updateInfo(Request $request)
+    {
+        auth('api')->user()->update($request->all());
+        return \MessageResponse::success(trans('messages.success'));
+    }
+
+    public function getInfo()
+    {
+        return \MessageResponse::data([ 'user' => auth('api')->user(), 'roles' => auth('api')->user()->getRoleNames() ]);
+    }
+
+}
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index a3d8c48d..88b099ab 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -19,6 +19,7 @@ class Kernel extends HttpKernel
         \App\Http\Middleware\TrimStrings::class,
         \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
         \App\Http\Middleware\TrustProxies::class,
+        \App\Http\Middleware\Cors::class,
     ];
 
     /**
diff --git a/app/Http/Middleware/Cors.php b/app/Http/Middleware/Cors.php
new file mode 100644
index 00000000..5f948071
--- /dev/null
+++ b/app/Http/Middleware/Cors.php
@@ -0,0 +1,30 @@
+<?php // /app/Http/Middleware/Cors.php

+namespace App\Http\Middleware;

+use Closure;

+class Cors {

+

+

+    public function handle($request, Closure $next)

+    {

+        /* @var $response Response */

+        $response = $next($request)

+        ->header('Access-Control-Allow-Origin', '*')

+        ->header('Access-Control-Allow-credentials', true)

+        ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');

+        if (!$request->isMethod('OPTIONS')) {

+            return $response;

+        }

+        $allow = $response->headers->get('Allow'); // true list of allowed methods

+        if (!$allow) {

+            return $response;

+        }

+        $headers = [

+            'Access-Control-Allow-Methods' => $allow,

+            'Access-Control-Max-Age' => 3600,

+            'Access-Control-Allow-Headers' => 'X-Requested-With, Origin, X-Csrftoken, Content-Type, Accept',

+        ];

+        return $response->withHeaders($headers);

+    }

+

+

+}

diff --git a/app/Http/Middleware/VerifyCsrfToken.php b/app/Http/Middleware/VerifyCsrfToken.php
index 324a166b..16ed36a5 100644
--- a/app/Http/Middleware/VerifyCsrfToken.php
+++ b/app/Http/Middleware/VerifyCsrfToken.php
@@ -19,6 +19,6 @@ class VerifyCsrfToken extends Middleware
      * @var array
      */
     protected $except = [
-        //
+        'api/*'
     ];
 }
diff --git a/app/Http/Requests/StoreMedicalCenterRequest.php b/app/Http/Requests/StoreMedicalCenterRequest.php
new file mode 100644
index 00000000..d4905f75
--- /dev/null
+++ b/app/Http/Requests/StoreMedicalCenterRequest.php
@@ -0,0 +1,53 @@
+<?php

+

+namespace App\Http\Requests;

+

+use App\MedicalCenter;

+use Illuminate\Validation\Rule;

+use Illuminate\Foundation\Http\FormRequest;

+use Illuminate\Contracts\Validation\Validator;

+

+

+class StoreMedicalCenterRequest extends FormRequest

+{

+    public function authorize()

+    {

+        if ($this->method() == 'POST') {

+            return auth('api')->check() &&  auth('api')->user()->can('store', MedicalCenter::class);

+        } else {

+            $MedicalCenter = $this->route('MedicalCenter');

+            return auth('api')->check() && $MedicalCenter && auth('api')->user()->can('update', $MedicalCenter);

+        }

+    }

+

+    public function rules()

+    {

+        switch ($this->method()) {

+            case 'POST': {

+                return [

+                    'name' => 'required|max:100|unique:medical_centers',

+                    // 'operatores.*.name'=>'required|string|max:255',

+                    // 'operatores.*.cell_number'=>'required|digits_between:10,11|unique:users',

+                    // 'operatores.*.password'=>'required|string|min:6',

+                ];

+                break;

+            }

+            case 'PUT':

+            case 'PATCH': {

+                $MedicalCenter =  $this->route('MedicalCenter');

+                return [

+                    'name' => 'required|max:100|unique:medical_centers,id,'.$MedicalCenter->id,

+                    // 'operatores.*.name'=>'required|string|max:255',

+                    // 'operatores.*.cell_number'=>'required|digits_between:10,11|unique:users',

+                    // 'operatores.*.password'=>'required|string|min:6',

+                ];

+                break;

+

+            }

+            default:

+                break;

+        }

+

+    }

+

+}

diff --git a/app/Http/Requests/StoreTestResultRequest.php b/app/Http/Requests/StoreTestResultRequest.php
new file mode 100644
index 00000000..96132303
--- /dev/null
+++ b/app/Http/Requests/StoreTestResultRequest.php
@@ -0,0 +1,63 @@
+<?php

+

+namespace App\Http\Requests;

+

+use App\TestResult;

+use Illuminate\Validation\Rule;

+use Illuminate\Foundation\Http\FormRequest;

+use Illuminate\Contracts\Validation\Validator;

+

+

+class StoreTestResultRequest extends FormRequest

+{

+    public function authorize()

+    {

+        if ($this->method() == 'POST') {

+            return auth('api')->check() &&  auth('api')->user()->can('store', TestResult::class);

+        } else {

+            $TestResult = $this->route('TestResult');

+            return auth('api')->check() && $TestResult && auth('api')->user()->can('update', $TestResult);

+        }

+    }

+

+    public function rules()

+    {

+        switch ($this->method()) {

+            case 'POST': {

+                return [

+                    // 'user_id' => 'required',

+                    'autoclave_id' => 'required',

+                    'test_type_id' => 'required|numeric|exists:test_types,id',

+                    'result' => 'required',

+                    // 'verified' => 'required',

+                    // 'info.*.name'=>'required',

+                    // 'info.*.type'=>'required',

+                    // 'info.*.size'=>'nullable',

+                    // 'info.*.parent_id'=>'nullable|numeric|exists:inputs,id',

+                ];

+                break;

+            }

+            case 'PUT':

+            case 'PATCH': {

+                // $TestResult =  $this->route('TestResult');

+                return [

+                    // 'user_id' => 'required',

+                    'autoclave_id' => 'required',

+                    'test_type_id' => 'required|numeric|exists:test_types,id',

+                    'result' => 'required',

+                    // 'verified' => 'required',

+                    // 'info.*.name'=>'required',

+                    // 'info.*.type'=>'required',

+                    // 'info.*.size'=>'nullable',

+                    // 'info.*.parent_id'=>'nullable|numeric|exists:inputs,id',

+                ];

+                break;

+

+            }

+            default:

+                break;

+        }

+

+    }

+

+}

diff --git a/app/Http/Requests/StoreTestTypeRequest.php b/app/Http/Requests/StoreTestTypeRequest.php
new file mode 100644
index 00000000..bfbfb1ec
--- /dev/null
+++ b/app/Http/Requests/StoreTestTypeRequest.php
@@ -0,0 +1,57 @@
+<?php

+

+namespace App\Http\Requests;

+

+use App\TestType;

+use Illuminate\Validation\Rule;

+use Illuminate\Foundation\Http\FormRequest;

+use Illuminate\Contracts\Validation\Validator;

+

+

+class StoreTestTypeRequest extends FormRequest

+{

+    public function authorize()

+    {

+        if ($this->method() == 'POST') {

+            return auth('api')->check() &&  auth('api')->user()->can('store', TestType::class);

+        } else {

+            $TestType = $this->route('TestType');

+            return auth('api')->check() && $TestType && auth('api')->user()->can('update', $TestType);

+        }

+    }

+

+    public function rules()

+    {

+        switch ($this->method()) {

+            case 'POST': {

+                return [

+                    'name' => 'required|max:100|unique:test_types',

+                    'unique_code' => 'required|max:100|unique:test_types',

+                    'info.*.name'=>'required',

+                    'info.*.type'=>'required',

+                    'info.*.size'=>'nullable',

+                    'info.*.parent_id'=>'nullable|numeric|exists:inputs,id',

+                ];

+                break;

+            }

+            case 'PUT':

+            case 'PATCH': {

+                $TestType =  $this->route('TestType');

+                return [

+                    'name' => 'required|max:100|unique:test_types,id,'.$TestType->id,

+                    'unique_code' => 'required|max:100|unique:test_types,id,'.$TestType->id,

+                    'info.*.name'=>'required',

+                    'info.*.type'=>'required',

+                    'info.*.size'=>'nullable',

+                    'info.*.parent_id'=>'nullable|numeric|exists:inputs,id',

+                ];

+                break;

+

+            }

+            default:

+                break;

+        }

+

+    }

+

+}

diff --git a/app/Http/Requests/StoreUserRequest.php b/app/Http/Requests/StoreUserRequest.php
new file mode 100644
index 00000000..05a26b23
--- /dev/null
+++ b/app/Http/Requests/StoreUserRequest.php
@@ -0,0 +1,53 @@
+<?php

+

+namespace App\Http\Requests;

+

+use App\User;

+use Illuminate\Validation\Rule;

+use Illuminate\Foundation\Http\FormRequest;

+use Illuminate\Contracts\Validation\Validator;

+

+

+class StoreUserRequest extends FormRequest

+{

+    public function authorize()

+    {

+        if ($this->method() == 'POST') {

+            return auth('api')->check() &&  auth('api')->user()->can('store', User::class);

+        } else {

+            $User = $this->route('User');

+            return auth('api')->check() && $User && auth('api')->user()->can('update', $User);

+        }

+    }

+

+    public function rules()

+    {

+        switch ($this->method()) {

+            case 'POST': {

+                return [

+                    'name'=>'required|string|max:255',

+                    'cell_number'=>'required|digits_between:10,11|unique:users',

+                    'password'=>'required|string|min:6',

+                    'medical_center_id' => 'required|numeric|exists:medical_centers,id',

+                ];

+                break;

+            }

+            case 'PUT':

+            case 'PATCH': {

+                $User =  $this->route('User');

+                return [

+                    'name'=>'required|string|max:255',

+                    'cell_number'=>'required|digits_between:10,11|unique:users,id,'.$User->id,

+                    'password'=>'required|string|min:6',

+                    'medical_center_id' => 'required|numeric|exists:medical_centers,id',

+                ];

+                break;

+

+            }

+            default:

+                break;

+        }

+

+    }

+

+}

diff --git a/app/Input.php b/app/Input.php
new file mode 100644
index 00000000..aceae5a6
--- /dev/null
+++ b/app/Input.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Input extends Model
+{
+    public $fillable = ['name','type','size','test_type_id','parent_id'];
+    public function test_type()
+    {
+        return $this->belongsTo('App\TestType');
+    }
+    public function parent()
+    {
+        return $this->belongsTo('App\Input', 'parent_id');
+    }
+    public function children()
+    {
+        return $this->hasMany('App\Input', 'parent_id');
+    }
+    public function options()
+    {
+        return $this->hasMany('App\Option');
+    }
+}
diff --git a/app/InputValue.php b/app/InputValue.php
new file mode 100644
index 00000000..f6d6200a
--- /dev/null
+++ b/app/InputValue.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class InputValue extends Model
+{
+    public $fillable = ['value','test_result_id','input_id'];
+    public function input()
+    {
+        return $this->belongsTo('App\Input');
+    }
+    public function test_result()
+    {
+        return $this->belongsTo('App\TestResult');
+    }
+}
diff --git a/app/MedicalCenter.php b/app/MedicalCenter.php
new file mode 100644
index 00000000..8a558a22
--- /dev/null
+++ b/app/MedicalCenter.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class MedicalCenter extends Model
+{
+    public $fillable = ['name'];
+    public function users()
+    {
+        return $this->hasMany('App\User');
+    }
+}
diff --git a/app/Option.php b/app/Option.php
new file mode 100644
index 00000000..7943ddfb
--- /dev/null
+++ b/app/Option.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Option extends Model
+{
+    public $fillable = ['title','input_id'];
+    public function input()
+    {
+        return $this->belongsTo('App\Input');
+    }
+}
diff --git a/app/Policies/MedicalCenterPolicy.php b/app/Policies/MedicalCenterPolicy.php
new file mode 100644
index 00000000..4b6e56b9
--- /dev/null
+++ b/app/Policies/MedicalCenterPolicy.php
@@ -0,0 +1,29 @@
+<?php

+

+namespace App\Policies;

+

+use App\User;

+use App\MedicalCenter;

+use Doctrine\Tests\Common\Inflector\InflectorTest;

+

+class MedicalCenterPolicy

+{

+

+    public function delete(User $User, MedicalCenter $MedicalCenter)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+

+    public function update(User $User, MedicalCenter $MedicalCenter)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+

+    public function store(User $User)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+}

diff --git a/app/Policies/TestResultPolicy.php b/app/Policies/TestResultPolicy.php
new file mode 100644
index 00000000..46457b8d
--- /dev/null
+++ b/app/Policies/TestResultPolicy.php
@@ -0,0 +1,29 @@
+<?php

+

+namespace App\Policies;

+

+use App\User;

+use App\TestResult;

+use Doctrine\Tests\Common\Inflector\InflectorTest;

+

+class TestResultPolicy

+{

+

+    public function delete(User $User, TestResult $TestResult)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+

+    public function update(User $User, TestResult $TestResult)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+

+    public function store(User $User)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+}

diff --git a/app/Policies/TestTypePolicy.php b/app/Policies/TestTypePolicy.php
new file mode 100644
index 00000000..a27768e8
--- /dev/null
+++ b/app/Policies/TestTypePolicy.php
@@ -0,0 +1,29 @@
+<?php

+

+namespace App\Policies;

+

+use App\User;

+use App\TestType;

+use Doctrine\Tests\Common\Inflector\InflectorTest;

+

+class TestTypePolicy

+{

+

+    public function delete(User $User, TestType $TestType)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+

+    public function update(User $User, TestType $TestType)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+

+    public function store(User $User)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+}

diff --git a/app/Policies/UserPolicy.php b/app/Policies/UserPolicy.php
new file mode 100644
index 00000000..36c05d33
--- /dev/null
+++ b/app/Policies/UserPolicy.php
@@ -0,0 +1,28 @@
+<?php

+

+namespace App\Policies;

+

+use App\User;

+use Doctrine\Tests\Common\Inflector\InflectorTest;

+

+class UserPolicy

+{

+

+    public function delete(User $User, User $Operator)

+    {

+        // if($User->hasRole('Admin') || $User->hasRole('Supervisor'))

+            return true;

+    }

+

+    public function update(User $User, User $Operator)

+    {

+        // if($User->hasRole('Admin') || $User->id == $Operator->id)

+            return true;

+    }

+

+    public function store(User $User)

+    {

+        // if($User->hasRole('Admin'))

+            return true;

+    }

+}

diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index ee8ca5bc..1ffb5cdf 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -13,7 +13,7 @@ class AppServiceProvider extends ServiceProvider
      */
     public function register()
     {
-        //
+        
     }
 
     /**
diff --git a/app/Providers/AuthServiceProvider.php b/app/Providers/AuthServiceProvider.php
index 0acc984b..465ec329 100644
--- a/app/Providers/AuthServiceProvider.php
+++ b/app/Providers/AuthServiceProvider.php
@@ -4,6 +4,7 @@ namespace App\Providers;
 
 use Illuminate\Support\Facades\Gate;
 use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
+use Laravel\Passport\Passport;
 
 class AuthServiceProvider extends ServiceProvider
 {
@@ -13,7 +14,9 @@ class AuthServiceProvider extends ServiceProvider
      * @var array
      */
     protected $policies = [
-        // 'App\Model' => 'App\Policies\ModelPolicy',
+        'App\MedicalCenter' => 'App\Policies\MedicalCenterPolicy',
+        'App\User' => 'App\Policies\UserPolicy',
+        'App\TestType' => 'App\Policies\TestTypePolicy',
     ];
 
     /**
@@ -25,6 +28,6 @@ class AuthServiceProvider extends ServiceProvider
     {
         $this->registerPolicies();
 
-        //
+        Passport::routes();
     }
 }
diff --git a/app/Providers/MessageServiceProvider.php b/app/Providers/MessageServiceProvider.php
new file mode 100644
index 00000000..3d1b7bd6
--- /dev/null
+++ b/app/Providers/MessageServiceProvider.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+
+class MessageServiceProvider extends ServiceProvider
+{
+    protected $defer = true;
+
+
+    public function register()
+    {
+        $this->app->singleton('messages', function() {
+            return new \App\Appended\Classes\Common\Response\MessageResponse;
+        });
+    }
+
+    /**
+     * Get the services provided by the provider.
+     *
+     * @return array
+     */
+    public function provides()
+    {
+        return [MessageResponse::class];
+    }
+}
diff --git a/app/Providers/RouteServiceProvider.php b/app/Providers/RouteServiceProvider.php
index 5ea48d39..e0596a39 100644
--- a/app/Providers/RouteServiceProvider.php
+++ b/app/Providers/RouteServiceProvider.php
@@ -35,6 +35,9 @@ class RouteServiceProvider extends ServiceProvider
      */
     public function map()
     {
+
+        $this->mapRoutes();
+
         $this->mapApiRoutes();
 
         $this->mapWebRoutes();
@@ -66,8 +69,21 @@ class RouteServiceProvider extends ServiceProvider
     protected function mapApiRoutes()
     {
         Route::prefix('api')
-             ->middleware('api')
-             ->namespace($this->namespace)
-             ->group(base_path('routes/api.php'));
+            ->middleware('api')
+            ->namespace($this->namespace)
+            ->group(base_path('routes/api.php'));
+    }
+
+    /**
+     * Define the routes without middleware for the application.
+     *
+     * These routes are typically stateless.
+     *
+     * @return void
+     */
+    protected function mapRoutes()
+    {
+        Route::namespace($this->namespace)
+            ->group(base_path('routes/routes.php'));
     }
 }
diff --git a/app/TestResult.php b/app/TestResult.php
new file mode 100644
index 00000000..f4628164
--- /dev/null
+++ b/app/TestResult.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class TestResult extends Model
+{
+    public $fillable = ['result','verified','autoclave_id','test_type_id','user_id'];
+    public function test_type()
+    {
+        return $this->belongsTo('App\TestType');
+    }
+    public function user()
+    {
+        return $this->belongsTo('App\User');
+    }
+    public function input_values()
+    {
+        return $this->hasMany('App\InputValue');
+    }
+}
diff --git a/app/TestType.php b/app/TestType.php
new file mode 100644
index 00000000..5bd130b1
--- /dev/null
+++ b/app/TestType.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class TestType extends Model
+{
+    public $fillable = ['name','unique_code','user_id'];
+    public function user()
+    {
+        return $this->belongsTo('App\User');
+    }
+    public function test_results()
+    {
+        return $this->hasMany('App\TestResult');
+    }
+    public function inputs()
+    {
+        return $this->hasMany('App\Input');
+    }
+}
diff --git a/app/Transformers/Json.php b/app/Transformers/Json.php
new file mode 100644
index 00000000..9806b0d7
--- /dev/null
+++ b/app/Transformers/Json.php
@@ -0,0 +1,12 @@
+<?php

+namespace App\Transformers;

+class Json

+{

+    public static function response($data = null, $message = null)

+    {

+        return [

+            'data'    => $data,

+            'message' => $message,

+        ];

+    }

+}

diff --git a/app/Uploadable.php b/app/Uploadable.php
new file mode 100644
index 00000000..2a408d5c
--- /dev/null
+++ b/app/Uploadable.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Uploadable extends Model
+{
+
+    protected $fillable = ['uploadable_id', 'uploadable_type', 'gallery_id'];
+    public $timestamps = false;
+
+    public function gallery()
+    {
+        return $this->belongsTo('App\Gallery');
+    }
+
+}
diff --git a/app/User.php b/app/User.php
index faa03c3b..f666e26c 100644
--- a/app/User.php
+++ b/app/User.php
@@ -5,20 +5,21 @@ namespace App;
 use Illuminate\Notifications\Notifiable;
 use Illuminate\Contracts\Auth\MustVerifyEmail;
 use Illuminate\Foundation\Auth\User as Authenticatable;
+use Laravel\Passport\HasApiTokens;
+use Spatie\Permission\Traits\HasRoles;
 
 class User extends Authenticatable
 {
-    use Notifiable;
+    use Notifiable, HasApiTokens, HasRoles;
 
     /**
      * The attributes that are mass assignable.
      *
      * @var array
      */
-    protected $fillable = [
-        'name', 'email', 'password',
-    ];
-
+     protected $fillable = [
+         'name', 'email', 'password','status','medical_center_id','address', 'gender'
+     ];
     /**
      * The attributes that should be hidden for arrays.
      *
@@ -36,4 +37,22 @@ class User extends Authenticatable
     protected $casts = [
         'email_verified_at' => 'datetime',
     ];
+
+    public function medical_center()
+    {
+        return $this->belongsTo('App\MedicalCenter');
+    }
+    public function test_results()
+    {
+        return $this->hasMany('App\TestResult');
+    }
+    public function test_types()
+    {
+        return $this->hasMany('App\TestType');
+    }
+
+    public function findForPassport($username)
+   {
+       return $this->where('cell_number', $username)->first();
+   }
 }
diff --git a/composer.json b/composer.json
index 8e2b2d7e..1901882d 100644
--- a/composer.json
+++ b/composer.json
@@ -11,14 +11,16 @@
         "php": "^7.1.3",
         "fideloper/proxy": "^4.0",
         "laravel/framework": "5.8.*",
-        "laravel/tinker": "^1.0"
+        "laravel/passport": "^7.2",
+        "laravel/tinker": "^1.0",
+        "spatie/laravel-permission": "^2.36"
     },
     "require-dev": {
         "beyondcode/laravel-dump-server": "^1.0",
         "filp/whoops": "^2.0",
         "fzaninotto/faker": "^1.4",
         "mockery/mockery": "^1.0",
-        "nunomaduro/collision": "^3.0",
+        "nunomaduro/collision": "^2.0",
         "phpunit/phpunit": "^7.5"
     },
     "config": {
@@ -33,7 +35,8 @@
     },
     "autoload": {
         "psr-4": {
-            "App\\": "app/"
+            "App\\": "app/",
+            "Packages\\": "packages/"
         },
         "classmap": [
             "database/seeds",
diff --git a/composer.lock b/composer.lock
index b94476c7..4fdbedb0 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,8 +4,71 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "94d4bf9ac7f4a933030e46a346ee2917",
+    "content-hash": "181bdb262cee4face3bcdcaea8f1a4cf",
     "packages": [
+        {
+            "name": "defuse/php-encryption",
+            "version": "v2.2.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/defuse/php-encryption.git",
+                "reference": "0f407c43b953d571421e0020ba92082ed5fb7620"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/defuse/php-encryption/zipball/0f407c43b953d571421e0020ba92082ed5fb7620",
+                "reference": "0f407c43b953d571421e0020ba92082ed5fb7620",
+                "shasum": ""
+            },
+            "require": {
+                "ext-openssl": "*",
+                "paragonie/random_compat": ">= 2",
+                "php": ">=5.4.0"
+            },
+            "require-dev": {
+                "nikic/php-parser": "^2.0|^3.0|^4.0",
+                "phpunit/phpunit": "^4|^5"
+            },
+            "bin": [
+                "bin/generate-defuse-key"
+            ],
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Defuse\\Crypto\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Hornby",
+                    "email": "taylor@defuse.ca",
+                    "homepage": "https://defuse.ca/"
+                },
+                {
+                    "name": "Scott Arciszewski",
+                    "email": "info@paragonie.com",
+                    "homepage": "https://paragonie.com"
+                }
+            ],
+            "description": "Secure PHP Encryption Library",
+            "keywords": [
+                "aes",
+                "authenticated encryption",
+                "cipher",
+                "crypto",
+                "cryptography",
+                "encrypt",
+                "encryption",
+                "openssl",
+                "security",
+                "symmetric key cryptography"
+            ],
+            "time": "2018-07-24T23:27:56+00:00"
+        },
         {
             "name": "dnoegel/php-xdg-base-dir",
             "version": "0.1",
@@ -371,6 +434,235 @@
             ],
             "time": "2019-01-10T14:06:47+00:00"
         },
+        {
+            "name": "firebase/php-jwt",
+            "version": "v5.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/firebase/php-jwt.git",
+                "reference": "9984a4d3a32ae7673d6971ea00bae9d0a1abba0e"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/firebase/php-jwt/zipball/9984a4d3a32ae7673d6971ea00bae9d0a1abba0e",
+                "reference": "9984a4d3a32ae7673d6971ea00bae9d0a1abba0e",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.3.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": " 4.8.35"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Firebase\\JWT\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Neuman Vong",
+                    "email": "neuman+pear@twilio.com",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Anant Narayanan",
+                    "email": "anant@php.net",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A simple library to encode and decode JSON Web Tokens (JWT) in PHP. Should conform to the current spec.",
+            "homepage": "https://github.com/firebase/php-jwt",
+            "time": "2017-06-27T22:17:23+00:00"
+        },
+        {
+            "name": "guzzlehttp/guzzle",
+            "version": "6.3.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/guzzle.git",
+                "reference": "407b0cb880ace85c9b63c5f9551db498cb2d50ba"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/407b0cb880ace85c9b63c5f9551db498cb2d50ba",
+                "reference": "407b0cb880ace85c9b63c5f9551db498cb2d50ba",
+                "shasum": ""
+            },
+            "require": {
+                "guzzlehttp/promises": "^1.0",
+                "guzzlehttp/psr7": "^1.4",
+                "php": ">=5.5"
+            },
+            "require-dev": {
+                "ext-curl": "*",
+                "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.4 || ^7.0",
+                "psr/log": "^1.0"
+            },
+            "suggest": {
+                "psr/log": "Required for using the Log middleware"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "6.3-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/functions_include.php"
+                ],
+                "psr-4": {
+                    "GuzzleHttp\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                }
+            ],
+            "description": "Guzzle is a PHP HTTP client library",
+            "homepage": "http://guzzlephp.org/",
+            "keywords": [
+                "client",
+                "curl",
+                "framework",
+                "http",
+                "http client",
+                "rest",
+                "web service"
+            ],
+            "time": "2018-04-22T15:46:56+00:00"
+        },
+        {
+            "name": "guzzlehttp/promises",
+            "version": "v1.3.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/promises.git",
+                "reference": "a59da6cf61d80060647ff4d3eb2c03a2bc694646"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/promises/zipball/a59da6cf61d80060647ff4d3eb2c03a2bc694646",
+                "reference": "a59da6cf61d80060647ff4d3eb2c03a2bc694646",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.5.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^4.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.4-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "GuzzleHttp\\Promise\\": "src/"
+                },
+                "files": [
+                    "src/functions_include.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                }
+            ],
+            "description": "Guzzle promises library",
+            "keywords": [
+                "promise"
+            ],
+            "time": "2016-12-20T10:07:11+00:00"
+        },
+        {
+            "name": "guzzlehttp/psr7",
+            "version": "1.5.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/psr7.git",
+                "reference": "9f83dded91781a01c63574e387eaa769be769115"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/9f83dded91781a01c63574e387eaa769be769115",
+                "reference": "9f83dded91781a01c63574e387eaa769be769115",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.4.0",
+                "psr/http-message": "~1.0",
+                "ralouphie/getallheaders": "^2.0.5"
+            },
+            "provide": {
+                "psr/http-message-implementation": "1.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "~4.8.36 || ^5.7.27 || ^6.5.8"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.5-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "GuzzleHttp\\Psr7\\": "src/"
+                },
+                "files": [
+                    "src/functions_include.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "homepage": "https://github.com/Tobion"
+                }
+            ],
+            "description": "PSR-7 message implementation that also provides common utility methods",
+            "keywords": [
+                "http",
+                "message",
+                "psr-7",
+                "request",
+                "response",
+                "stream",
+                "uri",
+                "url"
+            ],
+            "time": "2018-12-04T20:46:45+00:00"
+        },
         {
             "name": "jakub-onderka/php-console-color",
             "version": "v0.2",
@@ -461,16 +753,16 @@
         },
         {
             "name": "laravel/framework",
-            "version": "v5.8.10",
+            "version": "v5.8.13",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "505325b4577968750e622d7a5a271cf8785a7a1a"
+                "reference": "837e3823e2274d22b8e281d093391b5d9c23029a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/505325b4577968750e622d7a5a271cf8785a7a1a",
-                "reference": "505325b4577968750e622d7a5a271cf8785a7a1a",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/837e3823e2274d22b8e281d093391b5d9c23029a",
+                "reference": "837e3823e2274d22b8e281d093391b5d9c23029a",
                 "shasum": ""
             },
             "require": {
@@ -604,7 +896,77 @@
                 "framework",
                 "laravel"
             ],
-            "time": "2019-04-04T13:39:49+00:00"
+            "time": "2019-04-18T15:28:45+00:00"
+        },
+        {
+            "name": "laravel/passport",
+            "version": "v7.2.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/passport.git",
+                "reference": "c0c3fca80d8f5af90dcbf65e62bdd1abee9ac25d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/passport/zipball/c0c3fca80d8f5af90dcbf65e62bdd1abee9ac25d",
+                "reference": "c0c3fca80d8f5af90dcbf65e62bdd1abee9ac25d",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "firebase/php-jwt": "~3.0|~4.0|~5.0",
+                "guzzlehttp/guzzle": "~6.0",
+                "illuminate/auth": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "illuminate/console": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "illuminate/container": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "illuminate/contracts": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "illuminate/database": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "illuminate/encryption": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "illuminate/http": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "illuminate/support": "~5.6.0|~5.7.0|~5.8.0|~5.9.0",
+                "league/oauth2-server": "^7.0",
+                "php": ">=7.1",
+                "phpseclib/phpseclib": "^2.0",
+                "symfony/psr-http-message-bridge": "~1.0",
+                "zendframework/zend-diactoros": "~1.0|~2.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "~1.0",
+                "phpunit/phpunit": "~7.4"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "7.0-dev"
+                },
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Passport\\PassportServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Passport\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                }
+            ],
+            "description": "Laravel Passport provides OAuth2 server support to Laravel.",
+            "keywords": [
+                "laravel",
+                "oauth",
+                "passport"
+            ],
+            "time": "2019-03-13T14:21:06+00:00"
         },
         {
             "name": "laravel/tinker",
@@ -669,6 +1031,114 @@
             ],
             "time": "2018-10-12T19:39:35+00:00"
         },
+        {
+            "name": "lcobucci/jwt",
+            "version": "3.2.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/lcobucci/jwt.git",
+                "reference": "82be04b4753f8b7693b62852b7eab30f97524f9b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/lcobucci/jwt/zipball/82be04b4753f8b7693b62852b7eab30f97524f9b",
+                "reference": "82be04b4753f8b7693b62852b7eab30f97524f9b",
+                "shasum": ""
+            },
+            "require": {
+                "ext-openssl": "*",
+                "php": ">=5.5"
+            },
+            "require-dev": {
+                "mdanter/ecc": "~0.3.1",
+                "mikey179/vfsstream": "~1.5",
+                "phpmd/phpmd": "~2.2",
+                "phpunit/php-invoker": "~1.1",
+                "phpunit/phpunit": "~4.5",
+                "squizlabs/php_codesniffer": "~2.3"
+            },
+            "suggest": {
+                "mdanter/ecc": "Required to use Elliptic Curves based algorithms."
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.1-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Lcobucci\\JWT\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Luís Otávio Cobucci Oblonczyk",
+                    "email": "lcobucci@gmail.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A simple library to work with JSON Web Token and JSON Web Signature",
+            "keywords": [
+                "JWS",
+                "jwt"
+            ],
+            "time": "2018-11-11T12:22:26+00:00"
+        },
+        {
+            "name": "league/event",
+            "version": "2.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/event.git",
+                "reference": "d2cc124cf9a3fab2bb4ff963307f60361ce4d119"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/event/zipball/d2cc124cf9a3fab2bb4ff963307f60361ce4d119",
+                "reference": "d2cc124cf9a3fab2bb4ff963307f60361ce4d119",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.4.0"
+            },
+            "require-dev": {
+                "henrikbjorn/phpspec-code-coverage": "~1.0.1",
+                "phpspec/phpspec": "^2.2"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.2-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "League\\Event\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Frank de Jonge",
+                    "email": "info@frenky.net"
+                }
+            ],
+            "description": "Event package",
+            "keywords": [
+                "emitter",
+                "event",
+                "listener"
+            ],
+            "time": "2018-11-26T11:52:41+00:00"
+        },
         {
             "name": "league/flysystem",
             "version": "1.0.51",
@@ -753,6 +1223,83 @@
             ],
             "time": "2019-03-30T13:22:34+00:00"
         },
+        {
+            "name": "league/oauth2-server",
+            "version": "7.3.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/oauth2-server.git",
+                "reference": "c7f499849704ebe2c60b45b6d6bb231df5601d4a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/oauth2-server/zipball/c7f499849704ebe2c60b45b6d6bb231df5601d4a",
+                "reference": "c7f499849704ebe2c60b45b6d6bb231df5601d4a",
+                "shasum": ""
+            },
+            "require": {
+                "defuse/php-encryption": "^2.1",
+                "ext-openssl": "*",
+                "lcobucci/jwt": "^3.2.2",
+                "league/event": "^2.1",
+                "php": ">=7.0.0",
+                "psr/http-message": "^1.0.1"
+            },
+            "replace": {
+                "league/oauth2server": "*",
+                "lncd/oauth2": "*"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^0.9.2",
+                "phpstan/phpstan-phpunit": "^0.9.4",
+                "phpstan/phpstan-strict-rules": "^0.9.0",
+                "phpunit/phpunit": "^6.3 || ^7.0",
+                "roave/security-advisories": "dev-master",
+                "zendframework/zend-diactoros": "^1.3.2"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "League\\OAuth2\\Server\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Alex Bilbie",
+                    "email": "hello@alexbilbie.com",
+                    "homepage": "http://www.alexbilbie.com",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Andy Millington",
+                    "email": "andrew@noexceptions.io",
+                    "homepage": "https://www.noexceptions.io",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A lightweight and powerful OAuth 2.0 authorization and resource server library with support for all the core specification grants. This library will allow you to secure your API with OAuth and allow your applications users to approve apps that want to access their data from your API.",
+            "homepage": "https://oauth2.thephpleague.com/",
+            "keywords": [
+                "Authentication",
+                "api",
+                "auth",
+                "authorisation",
+                "authorization",
+                "oauth",
+                "oauth 2",
+                "oauth 2.0",
+                "oauth2",
+                "protect",
+                "resource",
+                "secure",
+                "server"
+            ],
+            "time": "2019-03-29T18:19:35+00:00"
+        },
         {
             "name": "monolog/monolog",
             "version": "1.24.0",
@@ -833,16 +1380,16 @@
         },
         {
             "name": "nesbot/carbon",
-            "version": "2.16.3",
+            "version": "2.17.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/briannesbitt/Carbon.git",
-                "reference": "373d9f0d58651af366435148c39beb702c2b7ef4"
+                "reference": "9b49d637ad009e5e211142bc7492adcb19dbd645"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/373d9f0d58651af366435148c39beb702c2b7ef4",
-                "reference": "373d9f0d58651af366435148c39beb702c2b7ef4",
+                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/9b49d637ad009e5e211142bc7492adcb19dbd645",
+                "reference": "9b49d637ad009e5e211142bc7492adcb19dbd645",
                 "shasum": ""
             },
             "require": {
@@ -852,9 +1399,9 @@
             },
             "require-dev": {
                 "friendsofphp/php-cs-fixer": "^2.14 || ^3.0",
-                "kylekatarnls/multi-tester": "^0.1",
+                "kylekatarnls/multi-tester": "^1.1",
                 "phpmd/phpmd": "^2.6",
-                "phpstan/phpstan": "^0.10.8",
+                "phpstan/phpstan": "^0.11",
                 "phpunit/phpunit": "^7.5 || ^8.0",
                 "squizlabs/php_codesniffer": "^3.4"
             },
@@ -889,7 +1436,7 @@
                 "datetime",
                 "time"
             ],
-            "time": "2019-04-06T17:09:23+00:00"
+            "time": "2019-04-17T08:51:36+00:00"
         },
         {
             "name": "nikic/php-parser",
@@ -1098,6 +1645,98 @@
             ],
             "time": "2015-07-25T16:39:46+00:00"
         },
+        {
+            "name": "phpseclib/phpseclib",
+            "version": "2.0.15",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/phpseclib/phpseclib.git",
+                "reference": "11cf67cf78dc4acb18dc9149a57be4aee5036ce0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phpseclib/phpseclib/zipball/11cf67cf78dc4acb18dc9149a57be4aee5036ce0",
+                "reference": "11cf67cf78dc4acb18dc9149a57be4aee5036ce0",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.3.3"
+            },
+            "require-dev": {
+                "phing/phing": "~2.7",
+                "phpunit/phpunit": "^4.8.35|^5.7|^6.0",
+                "sami/sami": "~2.0",
+                "squizlabs/php_codesniffer": "~2.0"
+            },
+            "suggest": {
+                "ext-gmp": "Install the GMP (GNU Multiple Precision) extension in order to speed up arbitrary precision integer arithmetic operations.",
+                "ext-libsodium": "SSH2/SFTP can make use of some algorithms provided by the libsodium-php extension.",
+                "ext-mcrypt": "Install the Mcrypt extension in order to speed up a few other cryptographic operations.",
+                "ext-openssl": "Install the OpenSSL extension in order to speed up a wide variety of cryptographic operations."
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "phpseclib/bootstrap.php"
+                ],
+                "psr-4": {
+                    "phpseclib\\": "phpseclib/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Jim Wigginton",
+                    "email": "terrafrost@php.net",
+                    "role": "Lead Developer"
+                },
+                {
+                    "name": "Patrick Monnerat",
+                    "email": "pm@datasphere.ch",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Andreas Fischer",
+                    "email": "bantu@phpbb.com",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Hans-Jürgen Petrich",
+                    "email": "petrich@tronic-media.com",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Graham Campbell",
+                    "email": "graham@alt-three.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "PHP Secure Communications Library - Pure-PHP implementations of RSA, AES, SSH2, SFTP, X.509 etc.",
+            "homepage": "http://phpseclib.sourceforge.net",
+            "keywords": [
+                "BigInteger",
+                "aes",
+                "asn.1",
+                "asn1",
+                "blowfish",
+                "crypto",
+                "cryptography",
+                "encryption",
+                "rsa",
+                "security",
+                "sftp",
+                "signature",
+                "signing",
+                "ssh",
+                "twofish",
+                "x.509",
+                "x509"
+            ],
+            "time": "2019-03-10T16:53:45+00:00"
+        },
         {
             "name": "psr/container",
             "version": "1.0.0",
@@ -1147,6 +1786,108 @@
             ],
             "time": "2017-02-14T16:28:37+00:00"
         },
+        {
+            "name": "psr/http-factory",
+            "version": "1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-factory.git",
+                "reference": "378bfe27931ecc54ff824a20d6f6bfc303bbd04c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-factory/zipball/378bfe27931ecc54ff824a20d6f6bfc303bbd04c",
+                "reference": "378bfe27931ecc54ff824a20d6f6bfc303bbd04c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.0.0",
+                "psr/http-message": "^1.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Message\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "http://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interfaces for PSR-7 HTTP message factories",
+            "keywords": [
+                "factory",
+                "http",
+                "message",
+                "psr",
+                "psr-17",
+                "psr-7",
+                "request",
+                "response"
+            ],
+            "time": "2018-07-30T21:54:04+00:00"
+        },
+        {
+            "name": "psr/http-message",
+            "version": "1.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/http-message.git",
+                "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/http-message/zipball/f6561bf28d520154e4b0ec72be95418abe6d9363",
+                "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.3.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Http\\Message\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "http://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for HTTP messages",
+            "homepage": "https://github.com/php-fig/http-message",
+            "keywords": [
+                "http",
+                "http-message",
+                "psr",
+                "psr-7",
+                "request",
+                "response"
+            ],
+            "time": "2016-08-06T14:39:51+00:00"
+        },
         {
             "name": "psr/log",
             "version": "1.1.0",
@@ -1316,6 +2057,46 @@
             ],
             "time": "2018-10-13T15:16:03+00:00"
         },
+        {
+            "name": "ralouphie/getallheaders",
+            "version": "2.0.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/ralouphie/getallheaders.git",
+                "reference": "5601c8a83fbba7ef674a7369456d12f1e0d0eafa"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/ralouphie/getallheaders/zipball/5601c8a83fbba7ef674a7369456d12f1e0d0eafa",
+                "reference": "5601c8a83fbba7ef674a7369456d12f1e0d0eafa",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.3"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "~3.7.0",
+                "satooshi/php-coveralls": ">=1.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/getallheaders.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ralph Khattar",
+                    "email": "ralph.khattar@gmail.com"
+                }
+            ],
+            "description": "A polyfill for getallheaders.",
+            "time": "2016-02-11T07:05:27+00:00"
+        },
         {
             "name": "ramsey/uuid",
             "version": "3.8.0",
@@ -1398,6 +2179,71 @@
             ],
             "time": "2018-07-19T23:38:55+00:00"
         },
+        {
+            "name": "spatie/laravel-permission",
+            "version": "2.37.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/spatie/laravel-permission.git",
+                "reference": "81dbe9d372d70c255b66a2727a235076509f8d45"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/spatie/laravel-permission/zipball/81dbe9d372d70c255b66a2727a235076509f8d45",
+                "reference": "81dbe9d372d70c255b66a2727a235076509f8d45",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/auth": "~5.3.0|~5.4.0|~5.5.0|~5.6.0|~5.7.0|~5.8.0",
+                "illuminate/container": "~5.3.0|~5.4.0|~5.5.0|~5.6.0|~5.7.0|~5.8.0",
+                "illuminate/contracts": "~5.3.0|~5.4.0|~5.5.0|~5.6.0|~5.7.0|~5.8.0",
+                "illuminate/database": "~5.4.0|~5.5.0|~5.6.0|~5.7.0|~5.8.0",
+                "php": ">=7.0"
+            },
+            "require-dev": {
+                "orchestra/testbench": "~3.4.2|~3.5.0|~3.6.0|~3.7.0",
+                "phpunit/phpunit": "^5.7|6.2|^7.0",
+                "predis/predis": "^1.1"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Spatie\\Permission\\PermissionServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Spatie\\Permission\\": "src"
+                },
+                "files": [
+                    "src/helpers.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Freek Van der Herten",
+                    "email": "freek@spatie.be",
+                    "homepage": "https://spatie.be",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Permission handling for Laravel 5.4 and up",
+            "homepage": "https://github.com/spatie/laravel-permission",
+            "keywords": [
+                "acl",
+                "laravel",
+                "permission",
+                "security",
+                "spatie"
+            ],
+            "time": "2019-04-09T12:45:17+00:00"
+        },
         {
             "name": "swiftmailer/swiftmailer",
             "version": "v6.2.0",
@@ -1462,16 +2308,16 @@
         },
         {
             "name": "symfony/console",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "24206aff3efe6962593297e57ef697ebb220e384"
+                "reference": "e2840bb38bddad7a0feaf85931e38fdcffdb2f81"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/24206aff3efe6962593297e57ef697ebb220e384",
-                "reference": "24206aff3efe6962593297e57ef697ebb220e384",
+                "url": "https://api.github.com/repos/symfony/console/zipball/e2840bb38bddad7a0feaf85931e38fdcffdb2f81",
+                "reference": "e2840bb38bddad7a0feaf85931e38fdcffdb2f81",
                 "shasum": ""
             },
             "require": {
@@ -1530,7 +2376,7 @@
             ],
             "description": "Symfony Console Component",
             "homepage": "https://symfony.com",
-            "time": "2019-04-01T07:32:59+00:00"
+            "time": "2019-04-08T14:23:48+00:00"
         },
         {
             "name": "symfony/contracts",
@@ -1602,7 +2448,7 @@
         },
         {
             "name": "symfony/css-selector",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/css-selector.git",
@@ -1655,16 +2501,16 @@
         },
         {
             "name": "symfony/debug",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/debug.git",
-                "reference": "43ce8ab34c734dcc8a4af576cb86711daab964c5"
+                "reference": "2d279b6bb1d582dd5740d4d3251ae8c18812ed37"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/debug/zipball/43ce8ab34c734dcc8a4af576cb86711daab964c5",
-                "reference": "43ce8ab34c734dcc8a4af576cb86711daab964c5",
+                "url": "https://api.github.com/repos/symfony/debug/zipball/2d279b6bb1d582dd5740d4d3251ae8c18812ed37",
+                "reference": "2d279b6bb1d582dd5740d4d3251ae8c18812ed37",
                 "shasum": ""
             },
             "require": {
@@ -1707,20 +2553,20 @@
             ],
             "description": "Symfony Debug Component",
             "homepage": "https://symfony.com",
-            "time": "2019-03-10T17:09:50+00:00"
+            "time": "2019-04-11T11:27:41+00:00"
         },
         {
             "name": "symfony/event-dispatcher",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/event-dispatcher.git",
-                "reference": "ca5af306fbc37f3cf597e91bc9cfa0c7d3f33544"
+                "reference": "fbce53cd74ac509cbe74b6f227622650ab759b02"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/ca5af306fbc37f3cf597e91bc9cfa0c7d3f33544",
-                "reference": "ca5af306fbc37f3cf597e91bc9cfa0c7d3f33544",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/fbce53cd74ac509cbe74b6f227622650ab759b02",
+                "reference": "fbce53cd74ac509cbe74b6f227622650ab759b02",
                 "shasum": ""
             },
             "require": {
@@ -1771,20 +2617,20 @@
             ],
             "description": "Symfony EventDispatcher Component",
             "homepage": "https://symfony.com",
-            "time": "2019-03-30T15:58:42+00:00"
+            "time": "2019-04-06T13:51:08+00:00"
         },
         {
             "name": "symfony/finder",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/finder.git",
-                "reference": "267b7002c1b70ea80db0833c3afe05f0fbde580a"
+                "reference": "e45135658bd6c14b61850bf131c4f09a55133f69"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/finder/zipball/267b7002c1b70ea80db0833c3afe05f0fbde580a",
-                "reference": "267b7002c1b70ea80db0833c3afe05f0fbde580a",
+                "url": "https://api.github.com/repos/symfony/finder/zipball/e45135658bd6c14b61850bf131c4f09a55133f69",
+                "reference": "e45135658bd6c14b61850bf131c4f09a55133f69",
                 "shasum": ""
             },
             "require": {
@@ -1820,20 +2666,20 @@
             ],
             "description": "Symfony Finder Component",
             "homepage": "https://symfony.com",
-            "time": "2019-02-23T15:42:05+00:00"
+            "time": "2019-04-06T13:51:08+00:00"
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "5b7ab6beaa5b053b8d3c9b13367ada9b292e12e1"
+                "reference": "6ebbe61f48069033225c9d3fa7eb5ed116d766d6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/5b7ab6beaa5b053b8d3c9b13367ada9b292e12e1",
-                "reference": "5b7ab6beaa5b053b8d3c9b13367ada9b292e12e1",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/6ebbe61f48069033225c9d3fa7eb5ed116d766d6",
+                "reference": "6ebbe61f48069033225c9d3fa7eb5ed116d766d6",
                 "shasum": ""
             },
             "require": {
@@ -1874,20 +2720,20 @@
             ],
             "description": "Symfony HttpFoundation Component",
             "homepage": "https://symfony.com",
-            "time": "2019-03-30T15:58:42+00:00"
+            "time": "2019-04-17T14:56:00+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "e8b940bbeebf0f96789b5d17d9d77f8b2613960b"
+                "reference": "3db83303dbc1da9777e5ff63423b8b7fde423a1b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/e8b940bbeebf0f96789b5d17d9d77f8b2613960b",
-                "reference": "e8b940bbeebf0f96789b5d17d9d77f8b2613960b",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/3db83303dbc1da9777e5ff63423b8b7fde423a1b",
+                "reference": "3db83303dbc1da9777e5ff63423b8b7fde423a1b",
                 "shasum": ""
             },
             "require": {
@@ -1963,7 +2809,7 @@
             ],
             "description": "Symfony HttpKernel Component",
             "homepage": "https://symfony.com",
-            "time": "2019-04-02T19:03:51+00:00"
+            "time": "2019-04-17T16:17:13+00:00"
         },
         {
             "name": "symfony/polyfill-ctype",
@@ -2260,16 +3106,16 @@
         },
         {
             "name": "symfony/process",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "1e6cbb41dadcaf29e0db034d6ad0d039a9df06e6"
+                "reference": "8cf39fb4ccff793340c258ee7760fd40bfe745fe"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/1e6cbb41dadcaf29e0db034d6ad0d039a9df06e6",
-                "reference": "1e6cbb41dadcaf29e0db034d6ad0d039a9df06e6",
+                "url": "https://api.github.com/repos/symfony/process/zipball/8cf39fb4ccff793340c258ee7760fd40bfe745fe",
+                "reference": "8cf39fb4ccff793340c258ee7760fd40bfe745fe",
                 "shasum": ""
             },
             "require": {
@@ -2305,20 +3151,85 @@
             ],
             "description": "Symfony Process Component",
             "homepage": "https://symfony.com",
-            "time": "2019-03-10T20:07:02+00:00"
+            "time": "2019-04-10T16:20:36+00:00"
         },
         {
-            "name": "symfony/routing",
-            "version": "v4.2.5",
+            "name": "symfony/psr-http-message-bridge",
+            "version": "v1.2.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/symfony/routing.git",
-                "reference": "319f600c1ea0f981f6bdc2f042cfc1690957c0e0"
+                "url": "https://github.com/symfony/psr-http-message-bridge.git",
+                "reference": "9ab9d71f97d5c7d35a121a7fb69f74fee95cd0ad"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/routing/zipball/319f600c1ea0f981f6bdc2f042cfc1690957c0e0",
-                "reference": "319f600c1ea0f981f6bdc2f042cfc1690957c0e0",
+                "url": "https://api.github.com/repos/symfony/psr-http-message-bridge/zipball/9ab9d71f97d5c7d35a121a7fb69f74fee95cd0ad",
+                "reference": "9ab9d71f97d5c7d35a121a7fb69f74fee95cd0ad",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1",
+                "psr/http-message": "^1.0",
+                "symfony/http-foundation": "^3.4 || ^4.0"
+            },
+            "require-dev": {
+                "nyholm/psr7": "^1.1",
+                "symfony/phpunit-bridge": "^3.4.20 || ^4.0",
+                "zendframework/zend-diactoros": "^1.4.1 || ^2.0"
+            },
+            "suggest": {
+                "nyholm/psr7": "For a super lightweight PSR-7/17 implementation"
+            },
+            "type": "symfony-bridge",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.2-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Bridge\\PsrHttpMessage\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Symfony Community",
+                    "homepage": "http://symfony.com/contributors"
+                },
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                }
+            ],
+            "description": "PSR HTTP message bridge",
+            "homepage": "http://symfony.com",
+            "keywords": [
+                "http",
+                "http-message",
+                "psr-17",
+                "psr-7"
+            ],
+            "time": "2019-03-11T18:22:33+00:00"
+        },
+        {
+            "name": "symfony/routing",
+            "version": "v4.2.7",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/routing.git",
+                "reference": "0e5719d216017b1a0342fa48e86467cedca1c954"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/routing/zipball/0e5719d216017b1a0342fa48e86467cedca1c954",
+                "reference": "0e5719d216017b1a0342fa48e86467cedca1c954",
                 "shasum": ""
             },
             "require": {
@@ -2381,20 +3292,20 @@
                 "uri",
                 "url"
             ],
-            "time": "2019-03-30T15:58:42+00:00"
+            "time": "2019-04-14T18:04:59+00:00"
         },
         {
             "name": "symfony/translation",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "e46933cc31b68f51f7fc5470fb55550407520f56"
+                "reference": "46c0dede1f925383d13dc783857be2c41efd0b24"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/e46933cc31b68f51f7fc5470fb55550407520f56",
-                "reference": "e46933cc31b68f51f7fc5470fb55550407520f56",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/46c0dede1f925383d13dc783857be2c41efd0b24",
+                "reference": "46c0dede1f925383d13dc783857be2c41efd0b24",
                 "shasum": ""
             },
             "require": {
@@ -2416,7 +3327,9 @@
                 "symfony/console": "~3.4|~4.0",
                 "symfony/dependency-injection": "~3.4|~4.0",
                 "symfony/finder": "~2.8|~3.0|~4.0",
+                "symfony/http-kernel": "~3.4|~4.0",
                 "symfony/intl": "~3.4|~4.0",
+                "symfony/var-dumper": "~3.4|~4.0",
                 "symfony/yaml": "~3.4|~4.0"
             },
             "suggest": {
@@ -2454,20 +3367,20 @@
             ],
             "description": "Symfony Translation Component",
             "homepage": "https://symfony.com",
-            "time": "2019-04-01T14:13:08+00:00"
+            "time": "2019-04-10T16:20:36+00:00"
         },
         {
             "name": "symfony/var-dumper",
-            "version": "v4.2.5",
+            "version": "v4.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "9f87189ac10b42edf7fb8edc846f1937c6d157cf"
+                "reference": "e760a38e12b15032325e64be63f7ffc1817af617"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/9f87189ac10b42edf7fb8edc846f1937c6d157cf",
-                "reference": "9f87189ac10b42edf7fb8edc846f1937c6d157cf",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/e760a38e12b15032325e64be63f7ffc1817af617",
+                "reference": "e760a38e12b15032325e64be63f7ffc1817af617",
                 "shasum": ""
             },
             "require": {
@@ -2530,7 +3443,7 @@
                 "debug",
                 "dump"
             ],
-            "time": "2019-02-23T15:17:42+00:00"
+            "time": "2019-04-17T14:57:01+00:00"
         },
         {
             "name": "tijsverkoyen/css-to-inline-styles",
@@ -2630,6 +3543,72 @@
                 "environment"
             ],
             "time": "2019-03-06T09:39:45+00:00"
+        },
+        {
+            "name": "zendframework/zend-diactoros",
+            "version": "2.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/zendframework/zend-diactoros.git",
+                "reference": "c3c330192bc9cc51b7e9ce968ff721dc32ffa986"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/zendframework/zend-diactoros/zipball/c3c330192bc9cc51b7e9ce968ff721dc32ffa986",
+                "reference": "c3c330192bc9cc51b7e9ce968ff721dc32ffa986",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1",
+                "psr/http-factory": "^1.0",
+                "psr/http-message": "^1.0"
+            },
+            "provide": {
+                "psr/http-factory-implementation": "1.0",
+                "psr/http-message-implementation": "1.0"
+            },
+            "require-dev": {
+                "ext-dom": "*",
+                "ext-libxml": "*",
+                "http-interop/http-factory-tests": "^0.5.0",
+                "php-http/psr7-integration-tests": "dev-master",
+                "phpunit/phpunit": "^7.0.2",
+                "zendframework/zend-coding-standard": "~1.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.1.x-dev",
+                    "dev-develop": "2.2.x-dev",
+                    "dev-release-1.8": "1.8.x-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/functions/create_uploaded_file.php",
+                    "src/functions/marshal_headers_from_sapi.php",
+                    "src/functions/marshal_method_from_sapi.php",
+                    "src/functions/marshal_protocol_version_from_sapi.php",
+                    "src/functions/marshal_uri_from_sapi.php",
+                    "src/functions/normalize_server.php",
+                    "src/functions/normalize_uploaded_files.php",
+                    "src/functions/parse_cookie_header.php"
+                ],
+                "psr-4": {
+                    "Zend\\Diactoros\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "description": "PSR HTTP Message implementations",
+            "keywords": [
+                "http",
+                "psr",
+                "psr-7"
+            ],
+            "time": "2019-01-05T20:13:32+00:00"
         }
     ],
     "packages-dev": [
@@ -2976,16 +3955,16 @@
         },
         {
             "name": "myclabs/deep-copy",
-            "version": "1.8.1",
+            "version": "1.9.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/myclabs/DeepCopy.git",
-                "reference": "3e01bdad3e18354c3dce54466b7fbe33a9f9f7f8"
+                "reference": "e6828efaba2c9b79f4499dae1d66ef8bfa7b2b72"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/3e01bdad3e18354c3dce54466b7fbe33a9f9f7f8",
-                "reference": "3e01bdad3e18354c3dce54466b7fbe33a9f9f7f8",
+                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/e6828efaba2c9b79f4499dae1d66ef8bfa7b2b72",
+                "reference": "e6828efaba2c9b79f4499dae1d66ef8bfa7b2b72",
                 "shasum": ""
             },
             "require": {
@@ -3020,20 +3999,20 @@
                 "object",
                 "object graph"
             ],
-            "time": "2018-06-11T23:09:50+00:00"
+            "time": "2019-04-07T13:18:21+00:00"
         },
         {
             "name": "nunomaduro/collision",
-            "version": "v3.0.1",
+            "version": "v2.1.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nunomaduro/collision.git",
-                "reference": "af42d339fe2742295a54f6fdd42aaa6f8c4aca68"
+                "reference": "b5feb0c0d92978ec7169232ce5d70d6da6b29f63"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nunomaduro/collision/zipball/af42d339fe2742295a54f6fdd42aaa6f8c4aca68",
-                "reference": "af42d339fe2742295a54f6fdd42aaa6f8c4aca68",
+                "url": "https://api.github.com/repos/nunomaduro/collision/zipball/b5feb0c0d92978ec7169232ce5d70d6da6b29f63",
+                "reference": "b5feb0c0d92978ec7169232ce5d70d6da6b29f63",
                 "shasum": ""
             },
             "require": {
@@ -3043,10 +4022,10 @@
                 "symfony/console": "~2.8|~3.3|~4.0"
             },
             "require-dev": {
-                "laravel/framework": "5.8.*",
+                "laravel/framework": "5.7.*",
                 "nunomaduro/larastan": "^0.3.0",
-                "phpstan/phpstan": "^0.11",
-                "phpunit/phpunit": "~8.0"
+                "phpstan/phpstan": "^0.10",
+                "phpunit/phpunit": "~7.3"
             },
             "type": "library",
             "extra": {
@@ -3084,7 +4063,7 @@
                 "php",
                 "symfony"
             ],
-            "time": "2019-03-07T21:35:13+00:00"
+            "time": "2018-11-21T21:40:54+00:00"
         },
         {
             "name": "phar-io/manifest",
diff --git a/config/app.php b/config/app.php
index c9960cde..98bfb32b 100644
--- a/config/app.php
+++ b/config/app.php
@@ -67,7 +67,7 @@ return [
     |
     */
 
-    'timezone' => 'UTC',
+    'timezone' => 'Asia/Tehran',
 
     /*
     |--------------------------------------------------------------------------
@@ -174,6 +174,7 @@ return [
         // App\Providers\BroadcastServiceProvider::class,
         App\Providers\EventServiceProvider::class,
         App\Providers\RouteServiceProvider::class,
+        Laravel\Passport\PassportServiceProvider::class,
 
     ],
 
@@ -225,6 +226,7 @@ return [
         'URL' => Illuminate\Support\Facades\URL::class,
         'Validator' => Illuminate\Support\Facades\Validator::class,
         'View' => Illuminate\Support\Facades\View::class,
+        'MessageResponse' => Packages\Messaging\src\Facades\MessageResponse::class,
 
     ],
 
diff --git a/config/auth.php b/config/auth.php
index 897dc826..f8a1194b 100644
--- a/config/auth.php
+++ b/config/auth.php
@@ -42,9 +42,8 @@ return [
         ],
 
         'api' => [
-            'driver' => 'token',
+            'driver' => 'passport',
             'provider' => 'users',
-            'hash' => false,
         ],
     ],
 
diff --git a/config/cache.php b/config/cache.php
index 414ca996..30f0cae2 100644
--- a/config/cache.php
+++ b/config/cache.php
@@ -97,6 +97,6 @@ return [
     |
     */
 
-    'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache_'),
+    'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'),
 
 ];
diff --git a/config/database.php b/config/database.php
index 9b30dc1f..49ec59af 100644
--- a/config/database.php
+++ b/config/database.php
@@ -1,7 +1,5 @@
 <?php
 
-use Illuminate\Support\Str;
-
 return [
 
     /*
@@ -119,7 +117,6 @@ return [
 
         'options' => [
             'cluster' => env('REDIS_CLUSTER', 'predis'),
-            'prefix' => Str::slug(env('APP_NAME', 'laravel'), '_').'_database_',
         ],
 
         'default' => [
diff --git a/config/permission.php b/config/permission.php
new file mode 100644
index 00000000..1a0b35a2
--- /dev/null
+++ b/config/permission.php
@@ -0,0 +1,129 @@
+<?php
+
+return [
+
+    'models' => [
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * Eloquent model should be used to retrieve your permissions. Of course, it
+         * is often just the "Permission" model but you may use whatever you like.
+         *
+         * The model you want to use as a Permission model needs to implement the
+         * `Spatie\Permission\Contracts\Permission` contract.
+         */
+
+        'permission' => Spatie\Permission\Models\Permission::class,
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * Eloquent model should be used to retrieve your roles. Of course, it
+         * is often just the "Role" model but you may use whatever you like.
+         *
+         * The model you want to use as a Role model needs to implement the
+         * `Spatie\Permission\Contracts\Role` contract.
+         */
+
+        'role' => Spatie\Permission\Models\Role::class,
+
+    ],
+
+    'table_names' => [
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your roles. We have chosen a basic
+         * default value but you may easily change it to any table you like.
+         */
+
+        'roles' => 'roles',
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * table should be used to retrieve your permissions. We have chosen a basic
+         * default value but you may easily change it to any table you like.
+         */
+
+        'permissions' => 'permissions',
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * table should be used to retrieve your models permissions. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'model_has_permissions' => 'model_has_permissions',
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your models roles. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'model_has_roles' => 'model_has_roles',
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your roles permissions. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'role_has_permissions' => 'role_has_permissions',
+    ],
+
+    'column_names' => [
+
+        /*
+         * Change this if you want to name the related model primary key other than
+         * `model_id`.
+         *
+         * For example, this would be nice if your primary keys are all UUIDs. In
+         * that case, name this `model_uuid`.
+         */
+
+        'model_morph_key' => 'model_id',
+    ],
+
+    /*
+     * When set to true, the required permission/role names are added to the exception
+     * message. This could be considered an information leak in some contexts, so
+     * the default setting is false here for optimum safety.
+     */
+
+    'display_permission_in_exception' => false,
+
+    'cache' => [
+
+        /*
+         * By default all permissions are cached for 24 hours to speed up performance.
+         * When permissions or roles are updated the cache is flushed automatically.
+         */
+
+        'expiration_time' => \DateInterval::createFromDateString('24 hours'),
+
+        /*
+         * The cache key used to store all permissions.
+         */
+
+        'key' => 'spatie.permission.cache',
+
+        /*
+         * When checking for a permission against a model by passing a Permission
+         * instance to the check, this key determines what attribute on the
+         * Permissions model is used to cache against.
+         *
+         * Ideally, this should match your preferred way of checking permissions, eg:
+         * `$user->can('view-posts')` would be 'name'.
+         */
+
+        'model_key' => 'name',
+
+        /*
+         * You may optionally indicate a specific cache driver to use for permission and
+         * role caching using any of the `store` drivers listed in the cache.php config
+         * file. Using 'default' here means to use the `default` set in cache.php.
+         */
+
+        'store' => 'default',
+    ],
+];
diff --git a/config/services.php b/config/services.php
index f026b2c7..2a64d2d6 100644
--- a/config/services.php
+++ b/config/services.php
@@ -43,5 +43,9 @@ return [
             'tolerance' => env('STRIPE_WEBHOOK_TOLERANCE', 300),
         ],
     ],
+    'vue_client' => [
+        'id' => env('MIX_APP_CLIENT_ID'),
+        'secret' => env('MIX_APP_CLIENT_SECRET'),
+    ],
 
 ];
diff --git a/database/.gitignore b/database/.gitignore
index 97fc9767..9b1dffd9 100644
--- a/database/.gitignore
+++ b/database/.gitignore
@@ -1,2 +1 @@
 *.sqlite
-*.sqlite-journal
diff --git a/database/migrations/2014_10_12_000000_create_users_table.php b/database/migrations/2019_04_11_104648_create_medical_centers_table.php
similarity index 59%
rename from database/migrations/2014_10_12_000000_create_users_table.php
rename to database/migrations/2019_04_11_104648_create_medical_centers_table.php
index 4a3ba472..93a49402 100644
--- a/database/migrations/2014_10_12_000000_create_users_table.php
+++ b/database/migrations/2019_04_11_104648_create_medical_centers_table.php
@@ -4,7 +4,7 @@ use Illuminate\Support\Facades\Schema;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Database\Migrations\Migration;
 
-class CreateUsersTable extends Migration
+class CreateMedicalCentersTable extends Migration
 {
     /**
      * Run the migrations.
@@ -13,13 +13,9 @@ class CreateUsersTable extends Migration
      */
     public function up()
     {
-        Schema::create('users', function (Blueprint $table) {
+        Schema::create('medical_centers', function (Blueprint $table) {
             $table->bigIncrements('id');
             $table->string('name');
-            $table->string('email')->unique();
-            $table->timestamp('email_verified_at')->nullable();
-            $table->string('password');
-            $table->rememberToken();
             $table->timestamps();
         });
     }
@@ -31,6 +27,6 @@ class CreateUsersTable extends Migration
      */
     public function down()
     {
-        Schema::dropIfExists('users');
+        Schema::dropIfExists('medical_centers');
     }
 }
diff --git a/database/migrations/2019_04_11_104800_create_users_table.php b/database/migrations/2019_04_11_104800_create_users_table.php
new file mode 100644
index 00000000..f44a41b7
--- /dev/null
+++ b/database/migrations/2019_04_11_104800_create_users_table.php
@@ -0,0 +1,42 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateUsersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('users', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('name');
+            $table->string('email')->nullable();
+            $table->string('cell_number');
+            $table->enum('gender', ['Male','FeMale'])->default('Male');
+            $table->enum('verified', ['Verified','NotVerified'])->default('NotVerified');
+            $table->enum('status', ['Active','Suspended'])->default('Active');
+            $table->unsignedBigInteger('medical_center_id');
+            $table->foreign('medical_center_id')->references('id')->on('medical_centers');
+            $table->string('password');
+            $table->string('address')->nullable();
+            $table->rememberToken();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('users');
+    }
+}
diff --git a/database/migrations/2019_04_11_104917_create_test_types_table.php b/database/migrations/2019_04_11_104917_create_test_types_table.php
new file mode 100644
index 00000000..557a88e7
--- /dev/null
+++ b/database/migrations/2019_04_11_104917_create_test_types_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateTestTypesTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('test_types', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('name')->unique();
+            $table->string('unique_code')->unique();
+            $table->unsignedBigInteger('user_id');
+            $table->foreign('user_id')->references('id')->on('users');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('test_types');
+    }
+}
diff --git a/database/migrations/2019_04_11_105013_create_test_results_table.php b/database/migrations/2019_04_11_105013_create_test_results_table.php
new file mode 100644
index 00000000..e8ff5734
--- /dev/null
+++ b/database/migrations/2019_04_11_105013_create_test_results_table.php
@@ -0,0 +1,40 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateTestResultsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('test_results', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('info');
+            $table->string('result');
+            $table->text('description');
+            $table->smallInteger('verified');
+            $table->integer('autoclave_id');
+            $table->unsignedBigInteger('user_id');
+            $table->foreign('user_id')->references('id')->on('users');
+            $table->unsignedBigInteger('test_type_id');
+            $table->foreign('test_type_id')->references('id')->on('test_types');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('test_results');
+    }
+}
diff --git a/database/migrations/2019_04_11_105057_create_inputs_table.php b/database/migrations/2019_04_11_105057_create_inputs_table.php
new file mode 100644
index 00000000..74c20710
--- /dev/null
+++ b/database/migrations/2019_04_11_105057_create_inputs_table.php
@@ -0,0 +1,39 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateInputsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('inputs', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('name');
+            $table->string('type');
+            $table->unsignedBigInteger('test_type_id');
+            $table->foreign('test_type_id')->references('id')->on('test_types');
+            $table->unsignedBigInteger('parent_id')->nullable();
+            $table->foreign('parent_id')->references('id')->on('inputs');
+            $table->string('size');
+            $table->string('value');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('inputs');
+    }
+}
diff --git a/database/migrations/2014_10_12_100000_create_password_resets_table.php b/database/migrations/2019_04_11_105220_create_input_values_table.php
similarity index 54%
rename from database/migrations/2014_10_12_100000_create_password_resets_table.php
rename to database/migrations/2019_04_11_105220_create_input_values_table.php
index 0d5cb845..788103f2 100644
--- a/database/migrations/2014_10_12_100000_create_password_resets_table.php
+++ b/database/migrations/2019_04_11_105220_create_input_values_table.php
@@ -4,7 +4,7 @@ use Illuminate\Support\Facades\Schema;
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Database\Migrations\Migration;
 
-class CreatePasswordResetsTable extends Migration
+class CreateInputValuesTable extends Migration
 {
     /**
      * Run the migrations.
@@ -13,10 +13,9 @@ class CreatePasswordResetsTable extends Migration
      */
     public function up()
     {
-        Schema::create('password_resets', function (Blueprint $table) {
-            $table->string('email')->index();
-            $table->string('token');
-            $table->timestamp('created_at')->nullable();
+        Schema::create('input_values', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->timestamps();
         });
     }
 
@@ -27,6 +26,6 @@ class CreatePasswordResetsTable extends Migration
      */
     public function down()
     {
-        Schema::dropIfExists('password_resets');
+        Schema::dropIfExists('input_values');
     }
 }
diff --git a/database/migrations/2019_04_11_105508_create_options_table.php b/database/migrations/2019_04_11_105508_create_options_table.php
new file mode 100644
index 00000000..9094f9aa
--- /dev/null
+++ b/database/migrations/2019_04_11_105508_create_options_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateOptionsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('options', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('title');
+            $table->unsignedBigInteger('input_id');
+            $table->foreign('input_id')->references('id')->on('inputs');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('options');
+    }
+}
diff --git a/database/migrations/2019_04_11_105601_create_galleries_table.php b/database/migrations/2019_04_11_105601_create_galleries_table.php
new file mode 100644
index 00000000..0f200eb8
--- /dev/null
+++ b/database/migrations/2019_04_11_105601_create_galleries_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateGalleriesTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('galleries', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->unsignedBigInteger('user_id');
+            $table->foreign('user_id')->references('id')->on('users');
+            $table->string('path');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('galleries');
+    }
+}
diff --git a/database/migrations/2019_04_11_105658_create_uploadables_table.php b/database/migrations/2019_04_11_105658_create_uploadables_table.php
new file mode 100644
index 00000000..35b5796d
--- /dev/null
+++ b/database/migrations/2019_04_11_105658_create_uploadables_table.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateUploadablesTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('uploadables', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->unsignedBigInteger('uploadable_id');
+            $table->string('uploadable_type');
+            $table->unsignedBigInteger('gallery_id');
+            $table->foreign('gallery_id')->references('id')->on('galleries');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('uploadables');
+    }
+}
diff --git a/database/migrations/2019_04_18_152732_create_permission_tables.php b/database/migrations/2019_04_18_152732_create_permission_tables.php
new file mode 100644
index 00000000..0fe3cac6
--- /dev/null
+++ b/database/migrations/2019_04_18_152732_create_permission_tables.php
@@ -0,0 +1,102 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreatePermissionTables extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        $tableNames = config('permission.table_names');
+        $columnNames = config('permission.column_names');
+
+        Schema::create($tableNames['permissions'], function (Blueprint $table) {
+            $table->increments('id');
+            $table->string('name');
+            $table->string('guard_name');
+            $table->timestamps();
+        });
+
+        Schema::create($tableNames['roles'], function (Blueprint $table) {
+            $table->increments('id');
+            $table->string('name');
+            $table->string('guard_name');
+            $table->timestamps();
+        });
+
+        Schema::create($tableNames['model_has_permissions'], function (Blueprint $table) use ($tableNames, $columnNames) {
+            $table->unsignedInteger('permission_id');
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type', ]);
+
+            $table->foreign('permission_id')
+                ->references('id')
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+
+            $table->primary(['permission_id', $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_permissions_permission_model_type_primary');
+        });
+
+        Schema::create($tableNames['model_has_roles'], function (Blueprint $table) use ($tableNames, $columnNames) {
+            $table->unsignedInteger('role_id');
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type', ]);
+
+            $table->foreign('role_id')
+                ->references('id')
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+
+            $table->primary(['role_id', $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_roles_role_model_type_primary');
+        });
+
+        Schema::create($tableNames['role_has_permissions'], function (Blueprint $table) use ($tableNames) {
+            $table->unsignedInteger('permission_id');
+            $table->unsignedInteger('role_id');
+
+            $table->foreign('permission_id')
+                ->references('id')
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+
+            $table->foreign('role_id')
+                ->references('id')
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+
+            $table->primary(['permission_id', 'role_id']);
+        });
+
+        app('cache')
+            ->store(config('permission.cache.store') != 'default' ? config('permission.cache.store') : null)
+            ->forget(config('permission.cache.key'));
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        $tableNames = config('permission.table_names');
+
+        Schema::drop($tableNames['role_has_permissions']);
+        Schema::drop($tableNames['model_has_roles']);
+        Schema::drop($tableNames['model_has_permissions']);
+        Schema::drop($tableNames['roles']);
+        Schema::drop($tableNames['permissions']);
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index b697824a..ece4621e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1727,6 +1727,12 @@
                 }
             }
         },
+        "after": {
+            "version": "0.8.2",
+            "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
+            "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
+            "dev": true
+        },
         "ajv": {
             "version": "6.10.0",
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz",
@@ -1917,6 +1923,12 @@
             "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
             "dev": true
         },
+        "arraybuffer.slice": {
+            "version": "0.0.7",
+            "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz",
+            "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==",
+            "dev": true
+        },
         "arrify": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
@@ -2005,6 +2017,12 @@
             "integrity": "sha512-6xrbvN0MOBKSJDdonmSSz2OwFSgxRaVtBDes26mj9KIGtDo+g9xosFRSC+i1gQh2oAN/tQ62AI/pGZGQjVOiRg==",
             "dev": true
         },
+        "async-each-series": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/async-each-series/-/async-each-series-0.1.1.tgz",
+            "integrity": "sha1-dhfBkXQB/Yykooqtzj266Yr+tDI=",
+            "dev": true
+        },
         "async-foreach": {
             "version": "0.1.3",
             "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
@@ -2190,6 +2208,12 @@
                 "object.assign": "4.1.0"
             }
         },
+        "backo2": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
+            "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=",
+            "dev": true
+        },
         "balanced-match": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -2251,12 +2275,24 @@
                 }
             }
         },
+        "base64-arraybuffer": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
+            "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg=",
+            "dev": true
+        },
         "base64-js": {
             "version": "1.3.0",
             "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.0.tgz",
             "integrity": "sha512-ccav/yGvoa80BQDljCxsmmQ3Xvx60/UpBIij5QN21W3wBi/hhIC9OoO+KLpu9IJTS9j4DRVJ3aDDF9cMSoa2lw==",
             "dev": true
         },
+        "base64id": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz",
+            "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY=",
+            "dev": true
+        },
         "batch": {
             "version": "0.6.1",
             "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
@@ -2272,6 +2308,15 @@
                 "tweetnacl": "0.14.5"
             }
         },
+        "better-assert": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
+            "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
+            "dev": true,
+            "requires": {
+                "callsite": "1.0.0"
+            }
+        },
         "bfj": {
             "version": "6.1.1",
             "resolved": "https://registry.npmjs.org/bfj/-/bfj-6.1.1.tgz",
@@ -2306,6 +2351,12 @@
             "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
             "dev": true
         },
+        "blob": {
+            "version": "0.0.5",
+            "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz",
+            "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==",
+            "dev": true
+        },
         "block-stream": {
             "version": "0.0.9",
             "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
@@ -2456,6 +2507,467 @@
             "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=",
             "dev": true
         },
+        "browser-sync": {
+            "version": "2.26.3",
+            "resolved": "https://registry.npmjs.org/browser-sync/-/browser-sync-2.26.3.tgz",
+            "integrity": "sha512-VLzpjCA4uXqfzkwqWtMM6hvPm2PNHp2RcmzBXcbi6C9WpkUhhFb8SVAr4CFrCsFxDg+oY6HalOjn8F+egyvhag==",
+            "dev": true,
+            "requires": {
+                "browser-sync-client": "2.26.2",
+                "browser-sync-ui": "2.26.2",
+                "bs-recipes": "1.3.4",
+                "bs-snippet-injector": "2.0.1",
+                "chokidar": "2.1.5",
+                "connect": "3.6.6",
+                "connect-history-api-fallback": "1.6.0",
+                "dev-ip": "1.0.1",
+                "easy-extender": "2.3.4",
+                "eazy-logger": "3.0.2",
+                "etag": "1.8.1",
+                "fresh": "0.5.2",
+                "fs-extra": "3.0.1",
+                "http-proxy": "1.15.2",
+                "immutable": "3.8.2",
+                "localtunnel": "1.9.1",
+                "micromatch": "2.3.11",
+                "opn": "5.3.0",
+                "portscanner": "2.1.1",
+                "qs": "6.2.3",
+                "raw-body": "2.3.3",
+                "resp-modifier": "6.0.2",
+                "rx": "4.1.0",
+                "send": "0.16.2",
+                "serve-index": "1.9.1",
+                "serve-static": "1.13.2",
+                "server-destroy": "1.0.1",
+                "socket.io": "2.1.1",
+                "ua-parser-js": "0.7.17",
+                "yargs": "6.4.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+                    "dev": true
+                },
+                "arr-diff": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+                    "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=",
+                    "dev": true,
+                    "requires": {
+                        "arr-flatten": "1.1.0"
+                    }
+                },
+                "array-unique": {
+                    "version": "0.2.1",
+                    "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+                    "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
+                    "dev": true
+                },
+                "braces": {
+                    "version": "1.8.5",
+                    "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+                    "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=",
+                    "dev": true,
+                    "requires": {
+                        "expand-range": "1.8.2",
+                        "preserve": "0.2.0",
+                        "repeat-element": "1.1.3"
+                    }
+                },
+                "camelcase": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+                    "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+                    "dev": true
+                },
+                "cliui": {
+                    "version": "3.2.0",
+                    "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+                    "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+                    "dev": true,
+                    "requires": {
+                        "string-width": "1.0.2",
+                        "strip-ansi": "3.0.1",
+                        "wrap-ansi": "2.1.0"
+                    }
+                },
+                "eventemitter3": {
+                    "version": "1.2.0",
+                    "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-1.2.0.tgz",
+                    "integrity": "sha1-HIaZHYFq0eUEdQ5zh0Ik7PO+xQg=",
+                    "dev": true
+                },
+                "expand-brackets": {
+                    "version": "0.1.5",
+                    "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+                    "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=",
+                    "dev": true,
+                    "requires": {
+                        "is-posix-bracket": "0.1.1"
+                    }
+                },
+                "extglob": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+                    "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=",
+                    "dev": true,
+                    "requires": {
+                        "is-extglob": "1.0.0"
+                    }
+                },
+                "find-up": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+                    "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+                    "dev": true,
+                    "requires": {
+                        "path-exists": "2.1.0",
+                        "pinkie-promise": "2.0.1"
+                    }
+                },
+                "for-own": {
+                    "version": "0.1.5",
+                    "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
+                    "integrity": "sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=",
+                    "dev": true,
+                    "requires": {
+                        "for-in": "1.0.2"
+                    }
+                },
+                "fs-extra": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-3.0.1.tgz",
+                    "integrity": "sha1-N5TzeMWLNC6n27sjCVEJxLO2IpE=",
+                    "dev": true,
+                    "requires": {
+                        "graceful-fs": "4.1.15",
+                        "jsonfile": "3.0.1",
+                        "universalify": "0.1.2"
+                    }
+                },
+                "http-proxy": {
+                    "version": "1.15.2",
+                    "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.15.2.tgz",
+                    "integrity": "sha1-ZC/cr/5S00SNK9o7AHnpQJBk2jE=",
+                    "dev": true,
+                    "requires": {
+                        "eventemitter3": "1.2.0",
+                        "requires-port": "1.0.0"
+                    }
+                },
+                "invert-kv": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
+                    "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=",
+                    "dev": true
+                },
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+                    "dev": true
+                },
+                "is-fullwidth-code-point": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+                    "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+                    "dev": true,
+                    "requires": {
+                        "number-is-nan": "1.0.1"
+                    }
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+                    "dev": true,
+                    "requires": {
+                        "is-extglob": "1.0.0"
+                    }
+                },
+                "jsonfile": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-3.0.1.tgz",
+                    "integrity": "sha1-pezG9l9T9mLEQVx2daAzHQmS7GY=",
+                    "dev": true,
+                    "requires": {
+                        "graceful-fs": "4.1.15"
+                    }
+                },
+                "kind-of": {
+                    "version": "3.2.2",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                    "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+                    "dev": true,
+                    "requires": {
+                        "is-buffer": "1.1.6"
+                    }
+                },
+                "lcid": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
+                    "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
+                    "dev": true,
+                    "requires": {
+                        "invert-kv": "1.0.0"
+                    }
+                },
+                "load-json-file": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+                    "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+                    "dev": true,
+                    "requires": {
+                        "graceful-fs": "4.1.15",
+                        "parse-json": "2.2.0",
+                        "pify": "2.3.0",
+                        "pinkie-promise": "2.0.1",
+                        "strip-bom": "2.0.0"
+                    }
+                },
+                "micromatch": {
+                    "version": "2.3.11",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+                    "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=",
+                    "dev": true,
+                    "requires": {
+                        "arr-diff": "2.0.0",
+                        "array-unique": "0.2.1",
+                        "braces": "1.8.5",
+                        "expand-brackets": "0.1.5",
+                        "extglob": "0.3.2",
+                        "filename-regex": "2.0.1",
+                        "is-extglob": "1.0.0",
+                        "is-glob": "2.0.1",
+                        "kind-of": "3.2.2",
+                        "normalize-path": "2.1.1",
+                        "object.omit": "2.0.1",
+                        "parse-glob": "3.0.4",
+                        "regex-cache": "0.4.4"
+                    }
+                },
+                "normalize-path": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+                    "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+                    "dev": true,
+                    "requires": {
+                        "remove-trailing-separator": "1.1.0"
+                    }
+                },
+                "object.omit": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
+                    "integrity": "sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=",
+                    "dev": true,
+                    "requires": {
+                        "for-own": "0.1.5",
+                        "is-extendable": "0.1.1"
+                    }
+                },
+                "opn": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/opn/-/opn-5.3.0.tgz",
+                    "integrity": "sha512-bYJHo/LOmoTd+pfiYhfZDnf9zekVJrY+cnS2a5F2x+w5ppvTqObojTP7WiFG+kVZs9Inw+qQ/lw7TroWwhdd2g==",
+                    "dev": true,
+                    "requires": {
+                        "is-wsl": "1.1.0"
+                    }
+                },
+                "os-locale": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+                    "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
+                    "dev": true,
+                    "requires": {
+                        "lcid": "1.0.0"
+                    }
+                },
+                "parse-json": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+                    "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+                    "dev": true,
+                    "requires": {
+                        "error-ex": "1.3.2"
+                    }
+                },
+                "path-exists": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+                    "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+                    "dev": true,
+                    "requires": {
+                        "pinkie-promise": "2.0.1"
+                    }
+                },
+                "path-type": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+                    "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+                    "dev": true,
+                    "requires": {
+                        "graceful-fs": "4.1.15",
+                        "pify": "2.3.0",
+                        "pinkie-promise": "2.0.1"
+                    }
+                },
+                "pify": {
+                    "version": "2.3.0",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+                    "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+                    "dev": true
+                },
+                "qs": {
+                    "version": "6.2.3",
+                    "resolved": "https://registry.npmjs.org/qs/-/qs-6.2.3.tgz",
+                    "integrity": "sha1-HPyyXBCpsrSDBT/zn138kjOQjP4=",
+                    "dev": true
+                },
+                "read-pkg": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+                    "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+                    "dev": true,
+                    "requires": {
+                        "load-json-file": "1.1.0",
+                        "normalize-package-data": "2.5.0",
+                        "path-type": "1.1.0"
+                    }
+                },
+                "read-pkg-up": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+                    "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+                    "dev": true,
+                    "requires": {
+                        "find-up": "1.1.2",
+                        "read-pkg": "1.1.0"
+                    }
+                },
+                "string-width": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+                    "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+                    "dev": true,
+                    "requires": {
+                        "code-point-at": "1.1.0",
+                        "is-fullwidth-code-point": "1.0.0",
+                        "strip-ansi": "3.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+                    "dev": true,
+                    "requires": {
+                        "ansi-regex": "2.1.1"
+                    }
+                },
+                "strip-bom": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+                    "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+                    "dev": true,
+                    "requires": {
+                        "is-utf8": "0.2.1"
+                    }
+                },
+                "which-module": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+                    "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
+                    "dev": true
+                },
+                "y18n": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+                    "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=",
+                    "dev": true
+                },
+                "yargs": {
+                    "version": "6.4.0",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.4.0.tgz",
+                    "integrity": "sha1-gW4ahm1VmMzzTlWW3c4i2S2kkNQ=",
+                    "dev": true,
+                    "requires": {
+                        "camelcase": "3.0.0",
+                        "cliui": "3.2.0",
+                        "decamelize": "1.2.0",
+                        "get-caller-file": "1.0.3",
+                        "os-locale": "1.4.0",
+                        "read-pkg-up": "1.0.1",
+                        "require-directory": "2.1.1",
+                        "require-main-filename": "1.0.1",
+                        "set-blocking": "2.0.0",
+                        "string-width": "1.0.2",
+                        "which-module": "1.0.0",
+                        "window-size": "0.2.0",
+                        "y18n": "3.2.1",
+                        "yargs-parser": "4.2.1"
+                    }
+                },
+                "yargs-parser": {
+                    "version": "4.2.1",
+                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
+                    "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=",
+                    "dev": true,
+                    "requires": {
+                        "camelcase": "3.0.0"
+                    }
+                }
+            }
+        },
+        "browser-sync-client": {
+            "version": "2.26.2",
+            "resolved": "https://registry.npmjs.org/browser-sync-client/-/browser-sync-client-2.26.2.tgz",
+            "integrity": "sha512-FEuVJD41fI24HJ30XOT2RyF5WcnEtdJhhTqeyDlnMk/8Ox9MZw109rvk9pdfRWye4soZLe+xcAo9tHSMxvgAdw==",
+            "dev": true,
+            "requires": {
+                "etag": "1.8.1",
+                "fresh": "0.5.2",
+                "mitt": "1.1.3",
+                "rxjs": "5.5.12"
+            },
+            "dependencies": {
+                "rxjs": {
+                    "version": "5.5.12",
+                    "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz",
+                    "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==",
+                    "dev": true,
+                    "requires": {
+                        "symbol-observable": "1.0.1"
+                    }
+                }
+            }
+        },
+        "browser-sync-ui": {
+            "version": "2.26.2",
+            "resolved": "https://registry.npmjs.org/browser-sync-ui/-/browser-sync-ui-2.26.2.tgz",
+            "integrity": "sha512-LF7GMWo8ELOE0eAlxuRCfnGQT1ZxKP9flCfGgZdXFc6BwmoqaJHlYe7MmVvykKkXjolRXTz8ztXAKGVqNwJ3EQ==",
+            "dev": true,
+            "requires": {
+                "async-each-series": "0.1.1",
+                "connect-history-api-fallback": "1.6.0",
+                "immutable": "3.8.2",
+                "server-destroy": "1.0.1",
+                "socket.io-client": "2.2.0",
+                "stream-throttle": "0.1.3"
+            }
+        },
+        "browser-sync-webpack-plugin": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/browser-sync-webpack-plugin/-/browser-sync-webpack-plugin-2.0.1.tgz",
+            "integrity": "sha512-F9vkVErG4N1XCJb1OI+RD/5oAK1nMd1G5UDfNE/FmUVAyo24YItfXN+etzA8MBC4Z7oLjkuBKDeeLlbFa4NBGQ==",
+            "dev": true,
+            "requires": {
+                "lodash": "4.17.11"
+            }
+        },
         "browserify-aes": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
@@ -2538,6 +3050,18 @@
                 "node-releases": "1.1.14"
             }
         },
+        "bs-recipes": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/bs-recipes/-/bs-recipes-1.3.4.tgz",
+            "integrity": "sha1-DS1NSKcYyMBEdp/cT4lZLci2lYU=",
+            "dev": true
+        },
+        "bs-snippet-injector": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/bs-snippet-injector/-/bs-snippet-injector-2.0.1.tgz",
+            "integrity": "sha1-YbU5PxH1JVntEgaTEANDtu2wTdU=",
+            "dev": true
+        },
         "buffer": {
             "version": "4.9.1",
             "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
@@ -2683,6 +3207,12 @@
                 "callsites": "0.2.0"
             }
         },
+        "callsite": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+            "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA=",
+            "dev": true
+        },
         "callsites": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/callsites/-/callsites-0.2.0.tgz",
@@ -3119,12 +3649,24 @@
             "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
             "dev": true
         },
+        "component-bind": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
+            "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=",
+            "dev": true
+        },
         "component-emitter": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
             "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
             "dev": true
         },
+        "component-inherit": {
+            "version": "0.0.3",
+            "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
+            "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=",
+            "dev": true
+        },
         "compressible": {
             "version": "2.0.16",
             "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.16.tgz",
@@ -3193,6 +3735,56 @@
                 "globs": "0.1.4"
             }
         },
+        "connect": {
+            "version": "3.6.6",
+            "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz",
+            "integrity": "sha1-Ce/2xVr3I24TcTWnJXSFi2eG9SQ=",
+            "dev": true,
+            "requires": {
+                "debug": "2.6.9",
+                "finalhandler": "1.1.0",
+                "parseurl": "1.3.2",
+                "utils-merge": "1.0.1"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "2.6.9",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+                    "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "finalhandler": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz",
+                    "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=",
+                    "dev": true,
+                    "requires": {
+                        "debug": "2.6.9",
+                        "encodeurl": "1.0.2",
+                        "escape-html": "1.0.3",
+                        "on-finished": "2.3.0",
+                        "parseurl": "1.3.2",
+                        "statuses": "1.3.1",
+                        "unpipe": "1.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                },
+                "statuses": {
+                    "version": "1.3.1",
+                    "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz",
+                    "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=",
+                    "dev": true
+                }
+            }
+        },
         "connect-history-api-fallback": {
             "version": "1.6.0",
             "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
@@ -4155,6 +4747,12 @@
             "integrity": "sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==",
             "dev": true
         },
+        "dev-ip": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/dev-ip/-/dev-ip-1.0.1.tgz",
+            "integrity": "sha1-p2o+0YVb56ASu4rBbLgPPADcKPA=",
+            "dev": true
+        },
         "diffie-hellman": {
             "version": "5.0.3",
             "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
@@ -4299,12 +4897,30 @@
                 "stream-shift": "1.0.0"
             }
         },
+        "easy-extender": {
+            "version": "2.3.4",
+            "resolved": "https://registry.npmjs.org/easy-extender/-/easy-extender-2.3.4.tgz",
+            "integrity": "sha512-8cAwm6md1YTiPpOvDULYJL4ZS6WfM5/cTeVVh4JsvyYZAoqlRVUpHL9Gr5Fy7HA6xcSZicUia3DeAgO3Us8E+Q==",
+            "dev": true,
+            "requires": {
+                "lodash": "4.17.11"
+            }
+        },
         "easy-stack": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/easy-stack/-/easy-stack-1.0.0.tgz",
             "integrity": "sha1-EskbMIWjfwuqM26UhurEv5Tj54g=",
             "dev": true
         },
+        "eazy-logger": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/eazy-logger/-/eazy-logger-3.0.2.tgz",
+            "integrity": "sha1-oyWqXlPROiIliJsqxBE7K5Y29Pw=",
+            "dev": true,
+            "requires": {
+                "tfunk": "3.1.0"
+            }
+        },
         "ecc-jsbn": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
@@ -4375,6 +4991,106 @@
                 "once": "1.4.0"
             }
         },
+        "engine.io": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.2.1.tgz",
+            "integrity": "sha512-+VlKzHzMhaU+GsCIg4AoXF1UdDFjHHwMmMKqMJNDNLlUlejz58FCy4LBqB2YVJskHGYl06BatYWKP2TVdVXE5w==",
+            "dev": true,
+            "requires": {
+                "accepts": "1.3.5",
+                "base64id": "1.0.0",
+                "cookie": "0.3.1",
+                "debug": "3.1.0",
+                "engine.io-parser": "2.1.3",
+                "ws": "3.3.3"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+                    "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                },
+                "ws": {
+                    "version": "3.3.3",
+                    "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz",
+                    "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==",
+                    "dev": true,
+                    "requires": {
+                        "async-limiter": "1.0.0",
+                        "safe-buffer": "5.1.2",
+                        "ultron": "1.1.1"
+                    }
+                }
+            }
+        },
+        "engine.io-client": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.3.2.tgz",
+            "integrity": "sha512-y0CPINnhMvPuwtqXfsGuWE8BB66+B6wTtCofQDRecMQPYX3MYUZXFNKDhdrSe3EVjgOu4V3rxdeqN/Tr91IgbQ==",
+            "dev": true,
+            "requires": {
+                "component-emitter": "1.2.1",
+                "component-inherit": "0.0.3",
+                "debug": "3.1.0",
+                "engine.io-parser": "2.1.3",
+                "has-cors": "1.1.0",
+                "indexof": "0.0.1",
+                "parseqs": "0.0.5",
+                "parseuri": "0.0.5",
+                "ws": "6.1.4",
+                "xmlhttprequest-ssl": "1.5.5",
+                "yeast": "0.1.2"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+                    "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                },
+                "ws": {
+                    "version": "6.1.4",
+                    "resolved": "https://registry.npmjs.org/ws/-/ws-6.1.4.tgz",
+                    "integrity": "sha512-eqZfL+NE/YQc1/ZynhojeV8q+H050oR8AZ2uIev7RU10svA9ZnJUddHcOUZTJLinZ9yEfdA2kSATS2qZK5fhJA==",
+                    "dev": true,
+                    "requires": {
+                        "async-limiter": "1.0.0"
+                    }
+                }
+            }
+        },
+        "engine.io-parser": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.1.3.tgz",
+            "integrity": "sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==",
+            "dev": true,
+            "requires": {
+                "after": "0.8.2",
+                "arraybuffer.slice": "0.0.7",
+                "base64-arraybuffer": "0.1.5",
+                "blob": "0.0.5",
+                "has-binary2": "1.0.3"
+            }
+        },
         "enhanced-resolve": {
             "version": "4.1.0",
             "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz",
@@ -5121,6 +5837,57 @@
                 }
             }
         },
+        "expand-range": {
+            "version": "1.8.2",
+            "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+            "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
+            "dev": true,
+            "requires": {
+                "fill-range": "2.2.4"
+            },
+            "dependencies": {
+                "fill-range": {
+                    "version": "2.2.4",
+                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz",
+                    "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==",
+                    "dev": true,
+                    "requires": {
+                        "is-number": "2.1.0",
+                        "isobject": "2.1.0",
+                        "randomatic": "3.1.1",
+                        "repeat-element": "1.1.3",
+                        "repeat-string": "1.6.1"
+                    }
+                },
+                "is-number": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+                    "integrity": "sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=",
+                    "dev": true,
+                    "requires": {
+                        "kind-of": "3.2.2"
+                    }
+                },
+                "isobject": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+                    "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+                    "dev": true,
+                    "requires": {
+                        "isarray": "1.0.0"
+                    }
+                },
+                "kind-of": {
+                    "version": "3.2.2",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                    "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+                    "dev": true,
+                    "requires": {
+                        "is-buffer": "1.1.6"
+                    }
+                }
+            }
+        },
         "expand-tilde": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
@@ -5420,6 +6187,12 @@
             "integrity": "sha512-uzk64HRpUZyTGZtVuvrjP0FYxzQrBf4rojot6J65YMEbwBLB0CWm0CLojVpwpmFmxcE/lkvYICgfcGozbBq6rw==",
             "dev": true
         },
+        "filename-regex": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
+            "integrity": "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=",
+            "dev": true
+        },
         "filesize": {
             "version": "3.6.1",
             "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
@@ -6428,6 +7201,42 @@
                 "path-is-absolute": "1.0.1"
             }
         },
+        "glob-base": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
+            "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=",
+            "dev": true,
+            "requires": {
+                "glob-parent": "2.0.0",
+                "is-glob": "2.0.1"
+            },
+            "dependencies": {
+                "glob-parent": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+                    "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
+                    "dev": true,
+                    "requires": {
+                        "is-glob": "2.0.1"
+                    }
+                },
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+                    "dev": true
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+                    "dev": true,
+                    "requires": {
+                        "is-extglob": "1.0.0"
+                    }
+                }
+            }
+        },
         "glob-parent": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
@@ -6607,6 +7416,29 @@
                 }
             }
         },
+        "has-binary2": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.3.tgz",
+            "integrity": "sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==",
+            "dev": true,
+            "requires": {
+                "isarray": "2.0.1"
+            },
+            "dependencies": {
+                "isarray": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+                    "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+                    "dev": true
+                }
+            }
+        },
+        "has-cors": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
+            "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=",
+            "dev": true
+        },
         "has-flag": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -7085,6 +7917,12 @@
                 "loader-utils": "1.2.3"
             }
         },
+        "immutable": {
+            "version": "3.8.2",
+            "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz",
+            "integrity": "sha1-wkOZUUVbs5kT2vKBN28VMOEErfM=",
+            "dev": true
+        },
         "import-cwd": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
@@ -7429,6 +8267,21 @@
             "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
             "dev": true
         },
+        "is-dotfile": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
+            "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=",
+            "dev": true
+        },
+        "is-equal-shallow": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
+            "integrity": "sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=",
+            "dev": true,
+            "requires": {
+                "is-primitive": "2.0.0"
+            }
+        },
         "is-extendable": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
@@ -7485,6 +8338,15 @@
                 }
             }
         },
+        "is-number-like": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/is-number-like/-/is-number-like-1.0.8.tgz",
+            "integrity": "sha512-6rZi3ezCyFcn5L71ywzz2bS5b2Igl1En3eTlZlvKjpz1n3IZLAYMbKYAIQgFmEu0GENg92ziU/faEOA/aixjbA==",
+            "dev": true,
+            "requires": {
+                "lodash.isfinite": "3.3.2"
+            }
+        },
         "is-obj": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
@@ -7524,6 +8386,18 @@
                 "isobject": "3.0.1"
             }
         },
+        "is-posix-bracket": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz",
+            "integrity": "sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=",
+            "dev": true
+        },
+        "is-primitive": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz",
+            "integrity": "sha1-IHurkWOEmcB7Kt8kCkGochADRXU=",
+            "dev": true
+        },
         "is-promise": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
@@ -7626,6 +8500,12 @@
             "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
             "dev": true
         },
+        "izitoast": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/izitoast/-/izitoast-1.4.0.tgz",
+            "integrity": "sha512-Oc1X2wiQtPp39i5VpIjf3GJf5sfCtHKXZ5szx7RareyEeFLUlcEW0FSfBni28+Ul6KNKZRKzhVuWzSP4Xngh0w==",
+            "dev": true
+        },
         "javascript-stringify": {
             "version": "1.6.0",
             "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-1.6.0.tgz",
@@ -7965,6 +8845,12 @@
                 "type-check": "0.3.2"
             }
         },
+        "limiter": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/limiter/-/limiter-1.1.4.tgz",
+            "integrity": "sha512-XCpr5bElgDI65vVgstP8TWjv6/QKWm9GU5UG0Pr5sLQ3QLo8NVKsioe+Jed5/3vFOe3IQuqE7DKwTvKQkjTHvg==",
+            "dev": true
+        },
         "load-json-file": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
@@ -8073,6 +8959,251 @@
                 }
             }
         },
+        "localtunnel": {
+            "version": "1.9.1",
+            "resolved": "https://registry.npmjs.org/localtunnel/-/localtunnel-1.9.1.tgz",
+            "integrity": "sha512-HWrhOslklDvxgOGFLxi6fQVnvpl6XdX4sPscfqMZkzi3gtt9V7LKBWYvNUcpHSVvjwCQ6xzXacVvICNbNcyPnQ==",
+            "dev": true,
+            "requires": {
+                "axios": "0.17.1",
+                "debug": "2.6.9",
+                "openurl": "1.1.1",
+                "yargs": "6.6.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+                    "dev": true
+                },
+                "axios": {
+                    "version": "0.17.1",
+                    "resolved": "https://registry.npmjs.org/axios/-/axios-0.17.1.tgz",
+                    "integrity": "sha1-LY4+XQvb1zJ/kbyBT1xXZg+Bgk0=",
+                    "dev": true,
+                    "requires": {
+                        "follow-redirects": "1.7.0",
+                        "is-buffer": "1.1.6"
+                    }
+                },
+                "camelcase": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+                    "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
+                    "dev": true
+                },
+                "cliui": {
+                    "version": "3.2.0",
+                    "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
+                    "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
+                    "dev": true,
+                    "requires": {
+                        "string-width": "1.0.2",
+                        "strip-ansi": "3.0.1",
+                        "wrap-ansi": "2.1.0"
+                    }
+                },
+                "debug": {
+                    "version": "2.6.9",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+                    "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "find-up": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+                    "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+                    "dev": true,
+                    "requires": {
+                        "path-exists": "2.1.0",
+                        "pinkie-promise": "2.0.1"
+                    }
+                },
+                "invert-kv": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
+                    "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=",
+                    "dev": true
+                },
+                "is-fullwidth-code-point": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+                    "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+                    "dev": true,
+                    "requires": {
+                        "number-is-nan": "1.0.1"
+                    }
+                },
+                "lcid": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
+                    "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
+                    "dev": true,
+                    "requires": {
+                        "invert-kv": "1.0.0"
+                    }
+                },
+                "load-json-file": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+                    "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+                    "dev": true,
+                    "requires": {
+                        "graceful-fs": "4.1.15",
+                        "parse-json": "2.2.0",
+                        "pify": "2.3.0",
+                        "pinkie-promise": "2.0.1",
+                        "strip-bom": "2.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                },
+                "os-locale": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+                    "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
+                    "dev": true,
+                    "requires": {
+                        "lcid": "1.0.0"
+                    }
+                },
+                "parse-json": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+                    "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+                    "dev": true,
+                    "requires": {
+                        "error-ex": "1.3.2"
+                    }
+                },
+                "path-exists": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+                    "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+                    "dev": true,
+                    "requires": {
+                        "pinkie-promise": "2.0.1"
+                    }
+                },
+                "path-type": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+                    "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+                    "dev": true,
+                    "requires": {
+                        "graceful-fs": "4.1.15",
+                        "pify": "2.3.0",
+                        "pinkie-promise": "2.0.1"
+                    }
+                },
+                "pify": {
+                    "version": "2.3.0",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+                    "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+                    "dev": true
+                },
+                "read-pkg": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+                    "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+                    "dev": true,
+                    "requires": {
+                        "load-json-file": "1.1.0",
+                        "normalize-package-data": "2.5.0",
+                        "path-type": "1.1.0"
+                    }
+                },
+                "read-pkg-up": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+                    "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+                    "dev": true,
+                    "requires": {
+                        "find-up": "1.1.2",
+                        "read-pkg": "1.1.0"
+                    }
+                },
+                "string-width": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+                    "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+                    "dev": true,
+                    "requires": {
+                        "code-point-at": "1.1.0",
+                        "is-fullwidth-code-point": "1.0.0",
+                        "strip-ansi": "3.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+                    "dev": true,
+                    "requires": {
+                        "ansi-regex": "2.1.1"
+                    }
+                },
+                "strip-bom": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+                    "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+                    "dev": true,
+                    "requires": {
+                        "is-utf8": "0.2.1"
+                    }
+                },
+                "which-module": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz",
+                    "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=",
+                    "dev": true
+                },
+                "y18n": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+                    "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=",
+                    "dev": true
+                },
+                "yargs": {
+                    "version": "6.6.0",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
+                    "integrity": "sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=",
+                    "dev": true,
+                    "requires": {
+                        "camelcase": "3.0.0",
+                        "cliui": "3.2.0",
+                        "decamelize": "1.2.0",
+                        "get-caller-file": "1.0.3",
+                        "os-locale": "1.4.0",
+                        "read-pkg-up": "1.0.1",
+                        "require-directory": "2.1.1",
+                        "require-main-filename": "1.0.1",
+                        "set-blocking": "2.0.0",
+                        "string-width": "1.0.2",
+                        "which-module": "1.0.0",
+                        "y18n": "3.2.1",
+                        "yargs-parser": "4.2.1"
+                    }
+                },
+                "yargs-parser": {
+                    "version": "4.2.1",
+                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
+                    "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=",
+                    "dev": true,
+                    "requires": {
+                        "camelcase": "3.0.0"
+                    }
+                }
+            }
+        },
         "locate-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
@@ -8170,6 +9301,12 @@
             "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=",
             "dev": true
         },
+        "lodash.isfinite": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/lodash.isfinite/-/lodash.isfinite-3.3.2.tgz",
+            "integrity": "sha1-+4m2WpqAKBgz8LdHizpRBPiY67M=",
+            "dev": true
+        },
         "lodash.isplainobject": {
             "version": "4.0.6",
             "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
@@ -8372,6 +9509,12 @@
             "integrity": "sha1-FUoQhAR9Ticjf6f1o34Qdc7qbfI=",
             "dev": true
         },
+        "math-random": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz",
+            "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==",
+            "dev": true
+        },
         "md5": {
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/md5/-/md5-2.2.1.tgz",
@@ -8705,6 +9848,12 @@
                 "through2": "2.0.5"
             }
         },
+        "mitt": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/mitt/-/mitt-1.1.3.tgz",
+            "integrity": "sha512-mUDCnVNsAi+eD6qA0HkRkwYczbLHJ49z17BGe2PYRhZL4wpZUFZGJHU7/5tmvohoma+Hdn0Vh/oJTiPEmgSruA==",
+            "dev": true
+        },
         "mixin-deep": {
             "version": "1.3.1",
             "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz",
@@ -9200,6 +10349,12 @@
             "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
             "dev": true
         },
+        "object-component": {
+            "version": "0.0.3",
+            "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
+            "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=",
+            "dev": true
+        },
         "object-copy": {
             "version": "0.1.0",
             "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
@@ -9372,6 +10527,12 @@
             "integrity": "sha512-goYSy5c2UXE4Ra1xixabeVh1guIX/ZV/YokJksb6q2lubWu6UbvPQ20p542/sFIll1nl8JnCyK9oBaOcCWXwvA==",
             "dev": true
         },
+        "openurl": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/openurl/-/openurl-1.1.1.tgz",
+            "integrity": "sha1-OHW0sO96UsFW8NtB1GCduw+Us4c=",
+            "dev": true
+        },
         "opn": {
             "version": "5.5.0",
             "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
@@ -9584,6 +10745,35 @@
                 "safe-buffer": "5.1.2"
             }
         },
+        "parse-glob": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
+            "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=",
+            "dev": true,
+            "requires": {
+                "glob-base": "0.3.0",
+                "is-dotfile": "1.0.3",
+                "is-extglob": "1.0.0",
+                "is-glob": "2.0.1"
+            },
+            "dependencies": {
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+                    "dev": true
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+                    "dev": true,
+                    "requires": {
+                        "is-extglob": "1.0.0"
+                    }
+                }
+            }
+        },
         "parse-json": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
@@ -9600,6 +10790,24 @@
             "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=",
             "dev": true
         },
+        "parseqs": {
+            "version": "0.0.5",
+            "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
+            "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
+            "dev": true,
+            "requires": {
+                "better-assert": "1.0.2"
+            }
+        },
+        "parseuri": {
+            "version": "0.0.5",
+            "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
+            "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
+            "dev": true,
+            "requires": {
+                "better-assert": "1.0.2"
+            }
+        },
         "parseurl": {
             "version": "1.3.2",
             "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
@@ -9767,6 +10975,16 @@
                 }
             }
         },
+        "portscanner": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/portscanner/-/portscanner-2.1.1.tgz",
+            "integrity": "sha1-6rtAnk3iSVD1oqUW01rnaTQ/u5Y=",
+            "dev": true,
+            "requires": {
+                "async": "1.5.2",
+                "is-number-like": "1.0.8"
+            }
+        },
         "posix-character-classes": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -10316,6 +11534,12 @@
             "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
             "dev": true
         },
+        "preserve": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
+            "integrity": "sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=",
+            "dev": true
+        },
         "prettier": {
             "version": "1.16.3",
             "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.16.3.tgz",
@@ -10511,6 +11735,25 @@
             "integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==",
             "dev": true
         },
+        "randomatic": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz",
+            "integrity": "sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==",
+            "dev": true,
+            "requires": {
+                "is-number": "4.0.0",
+                "kind-of": "6.0.2",
+                "math-random": "1.0.4"
+            },
+            "dependencies": {
+                "is-number": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+                    "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+                    "dev": true
+                }
+            }
+        },
         "randombytes": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -10756,6 +11999,15 @@
                 "private": "0.1.8"
             }
         },
+        "regex-cache": {
+            "version": "0.4.4",
+            "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz",
+            "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==",
+            "dev": true,
+            "requires": {
+                "is-equal-shallow": "0.1.3"
+            }
+        },
         "regex-not": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
@@ -11070,6 +12322,33 @@
                 }
             }
         },
+        "resp-modifier": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/resp-modifier/-/resp-modifier-6.0.2.tgz",
+            "integrity": "sha1-sSTeXE+6/LpUH0j/pzlw9KpFa08=",
+            "dev": true,
+            "requires": {
+                "debug": "2.6.9",
+                "minimatch": "3.0.4"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "2.6.9",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+                    "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                }
+            }
+        },
         "restore-cursor": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
@@ -11159,6 +12438,12 @@
                 "aproba": "1.2.0"
             }
         },
+        "rx": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/rx/-/rx-4.1.0.tgz",
+            "integrity": "sha1-pfE/957zt0D+MKqAP7CfmIBdR4I=",
+            "dev": true
+        },
         "rx-lite": {
             "version": "4.0.8",
             "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
@@ -11608,6 +12893,12 @@
                 "send": "0.16.2"
             }
         },
+        "server-destroy": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/server-destroy/-/server-destroy-1.0.1.tgz",
+            "integrity": "sha1-8Tv5KOQrnD55OD5hzDmYtdFObN0=",
+            "dev": true
+        },
         "set-blocking": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
@@ -11907,6 +13198,185 @@
                 }
             }
         },
+        "socket.io": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.1.1.tgz",
+            "integrity": "sha512-rORqq9c+7W0DAK3cleWNSyfv/qKXV99hV4tZe+gGLfBECw3XEhBy7x85F3wypA9688LKjtwO9pX9L33/xQI8yA==",
+            "dev": true,
+            "requires": {
+                "debug": "3.1.0",
+                "engine.io": "3.2.1",
+                "has-binary2": "1.0.3",
+                "socket.io-adapter": "1.1.1",
+                "socket.io-client": "2.1.1",
+                "socket.io-parser": "3.2.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+                    "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "engine.io-client": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.2.1.tgz",
+                    "integrity": "sha512-y5AbkytWeM4jQr7m/koQLc5AxpRKC1hEVUb/s1FUAWEJq5AzJJ4NLvzuKPuxtDi5Mq755WuDvZ6Iv2rXj4PTzw==",
+                    "dev": true,
+                    "requires": {
+                        "component-emitter": "1.2.1",
+                        "component-inherit": "0.0.3",
+                        "debug": "3.1.0",
+                        "engine.io-parser": "2.1.3",
+                        "has-cors": "1.1.0",
+                        "indexof": "0.0.1",
+                        "parseqs": "0.0.5",
+                        "parseuri": "0.0.5",
+                        "ws": "3.3.3",
+                        "xmlhttprequest-ssl": "1.5.5",
+                        "yeast": "0.1.2"
+                    }
+                },
+                "isarray": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+                    "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+                    "dev": true
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                },
+                "socket.io-client": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.1.1.tgz",
+                    "integrity": "sha512-jxnFyhAuFxYfjqIgduQlhzqTcOEQSn+OHKVfAxWaNWa7ecP7xSNk2Dx/3UEsDcY7NcFafxvNvKPmmO7HTwTxGQ==",
+                    "dev": true,
+                    "requires": {
+                        "backo2": "1.0.2",
+                        "base64-arraybuffer": "0.1.5",
+                        "component-bind": "1.0.0",
+                        "component-emitter": "1.2.1",
+                        "debug": "3.1.0",
+                        "engine.io-client": "3.2.1",
+                        "has-binary2": "1.0.3",
+                        "has-cors": "1.1.0",
+                        "indexof": "0.0.1",
+                        "object-component": "0.0.3",
+                        "parseqs": "0.0.5",
+                        "parseuri": "0.0.5",
+                        "socket.io-parser": "3.2.0",
+                        "to-array": "0.1.4"
+                    }
+                },
+                "socket.io-parser": {
+                    "version": "3.2.0",
+                    "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.2.0.tgz",
+                    "integrity": "sha512-FYiBx7rc/KORMJlgsXysflWx/RIvtqZbyGLlHZvjfmPTPeuD/I8MaW7cfFrj5tRltICJdgwflhfZ3NVVbVLFQA==",
+                    "dev": true,
+                    "requires": {
+                        "component-emitter": "1.2.1",
+                        "debug": "3.1.0",
+                        "isarray": "2.0.1"
+                    }
+                },
+                "ws": {
+                    "version": "3.3.3",
+                    "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz",
+                    "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==",
+                    "dev": true,
+                    "requires": {
+                        "async-limiter": "1.0.0",
+                        "safe-buffer": "5.1.2",
+                        "ultron": "1.1.1"
+                    }
+                }
+            }
+        },
+        "socket.io-adapter": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-1.1.1.tgz",
+            "integrity": "sha1-KoBeihTWNyEk3ZFZrUUC+MsH8Gs=",
+            "dev": true
+        },
+        "socket.io-client": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.2.0.tgz",
+            "integrity": "sha512-56ZrkTDbdTLmBIyfFYesgOxsjcLnwAKoN4CiPyTVkMQj3zTUh0QAx3GbvIvLpFEOvQWu92yyWICxB0u7wkVbYA==",
+            "dev": true,
+            "requires": {
+                "backo2": "1.0.2",
+                "base64-arraybuffer": "0.1.5",
+                "component-bind": "1.0.0",
+                "component-emitter": "1.2.1",
+                "debug": "3.1.0",
+                "engine.io-client": "3.3.2",
+                "has-binary2": "1.0.3",
+                "has-cors": "1.1.0",
+                "indexof": "0.0.1",
+                "object-component": "0.0.3",
+                "parseqs": "0.0.5",
+                "parseuri": "0.0.5",
+                "socket.io-parser": "3.3.0",
+                "to-array": "0.1.4"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+                    "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                }
+            }
+        },
+        "socket.io-parser": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.3.0.tgz",
+            "integrity": "sha512-hczmV6bDgdaEbVqhAeVMM/jfUfzuEZHsQg6eOmLgJht6G3mPKMxYm75w2+qhAQZ+4X+1+ATZ+QFKeOZD5riHng==",
+            "dev": true,
+            "requires": {
+                "component-emitter": "1.2.1",
+                "debug": "3.1.0",
+                "isarray": "2.0.1"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+                    "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "isarray": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+                    "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+                    "dev": true
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                }
+            }
+        },
         "sockjs": {
             "version": "0.3.19",
             "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.19.tgz",
@@ -12206,6 +13676,16 @@
             "integrity": "sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=",
             "dev": true
         },
+        "stream-throttle": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/stream-throttle/-/stream-throttle-0.1.3.tgz",
+            "integrity": "sha1-rdV8jXzHOoFjDTHNVdOWHPr7qcM=",
+            "dev": true,
+            "requires": {
+                "commander": "2.20.0",
+                "limiter": "1.1.4"
+            }
+        },
         "string-width": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
@@ -12437,6 +13917,12 @@
                 "util.promisify": "1.0.0"
             }
         },
+        "symbol-observable": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz",
+            "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ=",
+            "dev": true
+        },
         "table": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/table/-/table-4.0.2.tgz",
@@ -12579,6 +14065,58 @@
             "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
             "dev": true
         },
+        "tfunk": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/tfunk/-/tfunk-3.1.0.tgz",
+            "integrity": "sha1-OORBT8ZJd9h6/apy+sttKfgve1s=",
+            "dev": true,
+            "requires": {
+                "chalk": "1.1.3",
+                "object-path": "0.9.2"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+                    "dev": true
+                },
+                "ansi-styles": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+                    "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+                    "dev": true
+                },
+                "chalk": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+                    "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+                    "dev": true,
+                    "requires": {
+                        "ansi-styles": "2.2.1",
+                        "escape-string-regexp": "1.0.5",
+                        "has-ansi": "2.0.0",
+                        "strip-ansi": "3.0.1",
+                        "supports-color": "2.0.0"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+                    "dev": true,
+                    "requires": {
+                        "ansi-regex": "2.1.1"
+                    }
+                },
+                "supports-color": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+                    "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+                    "dev": true
+                }
+            }
+        },
         "thread-loader": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/thread-loader/-/thread-loader-2.1.2.tgz",
@@ -12636,6 +14174,12 @@
                 "os-tmpdir": "1.0.2"
             }
         },
+        "to-array": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
+            "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA=",
+            "dev": true
+        },
         "to-arraybuffer": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
@@ -12808,6 +14352,12 @@
             "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
             "dev": true
         },
+        "ua-parser-js": {
+            "version": "0.7.17",
+            "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.17.tgz",
+            "integrity": "sha512-uRdSdu1oA1rncCQL7sCj8vSyZkgtL7faaw9Tc9rZ3mGgraQ7+Pdx7w5mnOSF3gw9ZNG6oc+KXfkon3bKuROm0g==",
+            "dev": true
+        },
         "uglify-js": {
             "version": "3.4.10",
             "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
@@ -12832,6 +14382,12 @@
                 }
             }
         },
+        "ultron": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz",
+            "integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og==",
+            "dev": true
+        },
         "unicode-canonical-property-names-ecmascript": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
@@ -13682,6 +15238,12 @@
                 "string-width": "2.1.1"
             }
         },
+        "window-size": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.2.0.tgz",
+            "integrity": "sha1-tDFbtCFKPXBY6+7okuE/ok2YsHU=",
+            "dev": true
+        },
         "wordwrap": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
@@ -13769,6 +15331,12 @@
                 "async-limiter": "1.0.0"
             }
         },
+        "xmlhttprequest-ssl": {
+            "version": "1.5.5",
+            "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz",
+            "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=",
+            "dev": true
+        },
         "xtend": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
@@ -13817,6 +15385,12 @@
                 "decamelize": "1.2.0"
             }
         },
+        "yeast": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
+            "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=",
+            "dev": true
+        },
         "yorkie": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/yorkie/-/yorkie-2.0.0.tgz",
diff --git a/package.json b/package.json
index b2296436..521f9c8a 100644
--- a/package.json
+++ b/package.json
@@ -10,17 +10,6 @@
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
     },
     "devDependencies": {
-        "chartist": "0.11.0",
-        "eslint": "^5.14.1",
-        "node-sass": "^4.9.3",
-        "sass": "^1.15.2",
-        "sass-loader": "^7.1.0",
-        "vue": "^2.5.17",
-        "vue-chartist": "^2.1.2",
-        "vue-meta": "^1.5.2",
-        "vue-style-loader": "^4.1.2",
-        "vuelidate": "^0.7.4",
-        "vuetify": "^1.2.5",
         "@babel/plugin-syntax-dynamic-import": "^7.2.0",
         "@fortawesome/fontawesome-free": "^5.7.2",
         "@mdi/font": "^2.5.94",
@@ -31,30 +20,44 @@
         "axios": "^0.18",
         "bootstrap": "^4.0.0",
         "bootstrap-sass": "^3.3.7",
+        "browser-sync": "^2.26.3",
+        "browser-sync-webpack-plugin": "^2.0.1",
+        "chartist": "0.11.0",
         "cross-env": "^5.1",
         "css-loader": "2.1.1",
+        "eslint": "^5.14.1",
         "eslint-config-standard": "^12.0.0",
         "eslint-plugin-import": "^2.16.0",
         "eslint-plugin-node": "^8.0.1",
         "eslint-plugin-promise": "^4.0.1",
         "eslint-plugin-standard": "^4.0.0",
         "font-awesome": "^4.7.0",
-        "popper.js": "^1.12",
         "fontello": "^0.5.0",
+        "izitoast": "^1.4.0",
         "jquery": "^3.2",
-        "resolve-url-loader": "^2.3.1",
         "laravel-mix": "^4.0.7",
         "less-loader": "4.1.0",
         "lodash": "^4.17.5",
         "material-design-icons-iconfont": "^3.0.3",
+        "node-sass": "^4.9.3",
+        "popper.js": "^1.12",
         "postcss-loader": "^3.0.0",
+        "resolve-url-loader": "^2.3.1",
+        "sass": "^1.15.2",
+        "sass-loader": "^7.1.0",
         "style-loader": "0.23.1",
         "stylus": "^0.54.5",
         "stylus-loader": "^3.0.1",
+        "vue": "^2.5.17",
         "vue-analytics": "^5.8.0",
+        "vue-chartist": "^2.1.2",
         "vue-i18n": "^7.4.0",
+        "vue-meta": "^1.5.2",
         "vue-router": "^3.0.1",
+        "vue-style-loader": "^4.1.2",
         "vue-template-compiler": "^2.5.17",
+        "vuelidate": "^0.7.4",
+        "vuetify": "^1.2.5",
         "vuex": "^3.0.1",
         "vuex-router-sync": "^5.0.0"
     }
diff --git a/packages/Auth/SendsPasswordResetEmails.php b/packages/Auth/SendsPasswordResetEmails.php
new file mode 100644
index 00000000..40f26627
--- /dev/null
+++ b/packages/Auth/SendsPasswordResetEmails.php
@@ -0,0 +1,80 @@
+<?php
+
+namespace Packages\Auth;
+
+use Illuminate\Http\Request;
+use App\User;
+use Carbon\Carbon;
+use App\Http\Controllers\Api\Auth\LoginController;
+use Packages\SMSSender\SMSSender;
+
+trait SendsPasswordResetEmails
+{
+
+    /**
+     * Send a Disposable Password to the given user.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\RedirectResponse|\Illuminate\Http\JsonResponse
+     */
+    public function sendDisposablePassword(Request $request)
+    {
+        $this->validatePhone($request);
+
+        // We will send the Disposable Password
+        // to send the Disposable Password , we will examine the response then see the message we
+        // need to show to the user. Finally, we'll send out a proper response.
+        return $this->generateAndSendCode($request);
+    }
+
+
+    /**
+     * Check Disposable Password And Login
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\RedirectResponse|\Illuminate\Http\JsonResponse
+     */
+     public function checkDisposablePassword(Request $request)
+     {
+         if ( \Cache::has($request->code) ) {
+             $userid = \Cache::pull($request->code);
+             $user = User::where('id', $userid)->first();
+             if($user) {
+
+                 $password = rand(10000000, 999999999);
+                 $user->password = \Hash::make($password);
+                 $user->save();
+
+                 $request->merge([ 'cell_number' => $user->cell_number, 'password' => $password ]);
+                 return (new LoginController())->login($request);
+             }
+             return \MessageResponse::error('User Not Found');
+         }
+         return \MessageResponse::error('Error');
+     }
+
+
+    protected function generateAndSendCode($request)
+    {
+        $user = User::where('cell_number', $request->cell_number)->where('verified', 'Verified')->first();
+        if ($user) {
+            $code = rand(100000, 999999);
+            \Cache::put($code, $user->id, Carbon::now()->addMinutes(30));
+            SMSSender::instance()->patternSend($request->cell_number, '121', ["activate-code" => $code]);
+            return \MessageResponse::success('Send Disposable Password');
+        }
+        return \MessageResponse::error('User Not Found');
+    }
+
+    /**
+     * Validate the email for the given request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return void
+     */
+    protected function validatePhone(Request $request)
+    {
+        $request->validate(['cell_number' => 'required|digits:11']);
+    }
+
+}
diff --git a/packages/Messaging/src/Facades/MessageResponse.php b/packages/Messaging/src/Facades/MessageResponse.php
new file mode 100644
index 00000000..3d149bae
--- /dev/null
+++ b/packages/Messaging/src/Facades/MessageResponse.php
@@ -0,0 +1,11 @@
+<?php
+namespace Packages\Messaging\src\Facades;
+
+use Illuminate\Support\Facades\Facade;
+use Packages\Messaging\src\Message;
+
+class MessageResponse extends Facade {
+
+    protected static function getFacadeAccessor() { return Message::class; }
+
+}
diff --git a/packages/Messaging/src/Message.php b/packages/Messaging/src/Message.php
new file mode 100644
index 00000000..6c54a933
--- /dev/null
+++ b/packages/Messaging/src/Message.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Packages\Messaging\src;
+
+class Message
+{
+    public function success($message = null, $title = null, $data = null, $status = 'Success' )
+    {
+        $message = isset($message) ? $message : trans('messages.success_message');
+        $title = isset($title) ? $title : trans('messages.success');
+        return response()->json(['status' => $status, 'message' => $message, 'title' => $title, 'data' => $data ], 200);
+    }
+    public function data($data = null, $status = 'Success')
+    {
+        return response()->json(['status' => $status, 'data' => $data ], 200);
+    }
+    public function error($message = null, $title = null, $status = 'Faild', $statusCode = 422 )
+    {
+        $message = isset($message) ? $message : trans('messages.failed_message');
+        $title = isset($title) ? $title : trans('messages.failed');
+        return response()->json(['status' => $status, 'errors' => ['message' => [$message]],'title' => $title], $statusCode);
+    }
+}
diff --git a/packages/SMSSender/SMSSender.php b/packages/SMSSender/SMSSender.php
new file mode 100644
index 00000000..7f80e911
--- /dev/null
+++ b/packages/SMSSender/SMSSender.php
@@ -0,0 +1,101 @@
+<?php
+
+namespace Packages\SMSSender;
+
+class SMSSender
+{
+    private $userName     = null;
+    private $password     = null;
+    private $webService   = null;
+    private $fromNumber   = null;
+    private static $panel = null;
+
+    private function __construct() { }
+
+    public static function instance() {
+        if (static::$panel === null) {
+            static::$panel = new static();
+        }
+        return static::$panel;
+    }
+
+    public function setUserName ($userName)
+    {
+        $this->userName = $userName;
+        return $this;
+    }
+
+    public function setPassword ($password)
+    {
+        $this->password = $password;
+        return $this;
+    }
+
+    public function setWebService ($webService)
+    {
+        $this->webService = $webService;
+        return $this;
+    }
+
+    public function getUserName ()
+    {
+        return ($this->userName) ? $this->userName : env('SMS_USERNAME', '');
+    }
+
+    public function getPassword ()
+    {
+        return ($this->password) ? $this->password : env('SMS_PASSWORD', '');
+    }
+
+    public function getFromNumber ()
+    {
+        return ($this->fromNumber) ? $this->fromNumber : env('SMS_FROM_NUMBER', '');
+    }
+
+    public function getWebService ()
+    {
+        return ($this->webService) ? $this->webService : env('SMS_WEBSERVICE', '');
+    }
+
+    public function patternSend($cellNumber, $pattern_code, $input_data)
+    {
+        if (is_string($cellNumber)) {
+            $cellNumber = [$cellNumber];
+        }
+        try {
+            $user = $this->getUserName();
+            $pass =  $this->getPassword();
+            $fromNum =  $this->getFromNumber();
+
+            $client = new \SoapClient($this->getWebService());
+            $client->sendPatternSms($fromNum, $cellNumber, $user, $pass, $pattern_code, $input_data);
+
+        } catch (\SoapFault $sf) {
+            print $sf->faultcode . "\n";
+            print $sf->faultstring . "\n";
+            return ['code' => $sf->faultcode, 'message' => $sf->faultstring];
+        }
+    }
+
+    public function send($cellNumber, $messageContent)
+    {
+        if (is_string($cellNumber)) {
+            $cellNumber = [$cellNumber];
+        }
+        ini_set("soap.wsdl_cache_enabled", "0");
+        try {
+            $user = $this->getUserName();
+            $pass =  $this->getPassword();
+            $fromNum =  $this->getFromNumber();
+            //If you want to send in the future  ==> $time = '2016-07-30' //$time = '2016-07-30 12:50:50'
+        	$client = new \SoapClient($this->getWebService());
+        	$client->SendSMS($fromNum, $cellNumber, $messageContent, $user, $pass, '', 'send');
+            return true;
+        } catch (\SoapFault $sf) {
+            print $sf->faultcode . "\n";
+            print $sf->faultstring . "\n";
+            return ['code' => $sf->faultcode, 'message' => $sf->faultstring];
+        }
+    }
+
+}
diff --git a/public/0.js b/public/0.js
index d903661c..4bc3f51e 100644
--- a/public/0.js
+++ b/public/0.js
@@ -1,14 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AddNewTest.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -86,145 +96,144 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      ArrayDiv: [],
-      select: {
-        state: 'Florida',
-        abbr: 'FL'
-      },
-      items: [{
-        state: 'Florida',
-        abbr: 'FL'
+      headers: [{
+        sortable: false,
+        text: "Hospital Name",
+        value: "name"
       }, {
-        state: 'Georgia',
-        abbr: 'GA'
+        sortable: false,
+        text: "Date",
+        value: "date"
       }, {
-        state: 'Nebraska',
-        abbr: 'NE'
+        sortable: false,
+        text: "Operator",
+        value: "operator"
       }, {
-        state: 'California',
-        abbr: 'CA'
-      }, {
-        state: 'New York',
-        abbr: 'NY'
-      }]
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }],
+      items: [],
+      currentPage: 1,
+      lastPage: 1
     };
   },
+  created: function created() {
+    this.getData();
+  },
   methods: {
-    Duplicator: function Duplicator() {
-      var Forms = document.getElementsByClassName('Form');
-      var ArrayForm = [];
+    getData: function () {
+      var _getData = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var page,
+            result,
+            _args = arguments;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                page = _args.length > 0 && _args[0] !== undefined ? _args[0] : 1;
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].listMedicalCenter(page));
 
-      for (var i = 0; i < Forms.length; i++) {
-        ArrayForm.push(Forms[i]);
+              case 3:
+                result = _context.sent;
+                this.items = result.data.data.data;
+                this.currentPage = result.data.data.current_page;
+                this.lastPage = result.data.data.last_page;
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function getData() {
+        return _getData.apply(this, arguments);
       }
 
-      this.ArrayDiv.push(ArrayForm);
-    },
-    Remove: function Remove() {
-      var ID = document.getElementById('RemoveFormBuilder');
-      var Element = ID.parentNode;
-      Element.remove();
+      return getData;
+    }(),
+    remove: function () {
+      var _remove = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(id) {
+        var result, key;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].deleteMedicalCenter(id));
+
+              case 2:
+                result = _context2.sent;
+
+                if (result && result.status == 200) {
+                  for (key in this.items) {
+                    if (this.items.hasOwnProperty(key) && this.items[key].id == id) {
+                      this.items.splice(key, 1);
+                    }
+                  }
+                }
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function remove(_x) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  },
+  watch: {
+    currentPage: function currentPage(page) {
+      this.getData(page);
     }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true&":
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true& ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true&":
+/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true& ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, "\n.WM-Border[data-v-308d838e] {\r\n    border: 1px solid;\n}\n.WM-Border-Black[data-v-308d838e] {\r\n  border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-308d838e] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-308d838e] {\r\n  background-color : #F5F5F5;\n}\n.WM-Relative[data-v-308d838e] {\r\n    position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-308d838e] {\r\n    top: -25px !important;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-1346f0a2] {\r\n  padding: 8px 22px;\n}\r\n", ""]);
 
 
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true&":
-/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true& ***!
-  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true&":
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true& ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true&");
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -238,7 +247,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -246,10 +255,10 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=template&id=308d838e&scoped=true&":
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AddNewTest.vue?vue&type=template&id=308d838e&scoped=true& ***!
-  \************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=template&id=1346f0a2&scoped=true&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=template&id=1346f0a2&scoped=true& ***!
+  \********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -267,19 +276,18 @@ var render = function() {
     [
       _c(
         "material-card",
-        { attrs: { color: "black", title: "Add a New Test" } },
+        { attrs: { color: "black", title: "Medical Centers List", text: "" } },
         [
           _c(
             "v-layout",
-            { staticClass: "ma-2", attrs: { wrap: "" } },
+            { staticClass: "px-5 mb-3", attrs: { wrap: "" } },
             [
               _c(
                 "v-flex",
                 { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: { label: "Test Name", color: "black" }
+                    attrs: { label: "Name", color: "black" }
                   })
                 ],
                 1
@@ -287,11 +295,237 @@ var render = function() {
               _vm._v(" "),
               _c(
                 "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
                 [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: { label: "Unique ID", color: "black" }
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-search")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("Filter")
+                      ])
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("v-spacer"),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
+                [
+                  _c(
+                    "router-link",
+                    { attrs: { to: { name: "AddMedicalCenter" } } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-plus")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Add")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 mt-3",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { md12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.created_at))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.users_count) + " Operator")]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-xs-right" },
+                              [
+                                _c(
+                                  "router-link",
+                                  {
+                                    attrs: {
+                                      to: {
+                                        name: "EditMedicalCenter",
+                                        params: { medicalCenter: item.id }
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-btn",
+                                      {
+                                        staticClass: "mr-2 WM-ActionButton",
+                                        attrs: { color: "cyan" }
+                                      },
+                                      [
+                                        _c(
+                                          "v-icon",
+                                          {
+                                            staticClass:
+                                              "white--text mr-2 caption"
+                                          },
+                                          [_vm._v("fas fa-pen")]
+                                        ),
+                                        _vm._v(" "),
+                                        _c("span", [_vm._v("Edit")])
+                                      ],
+                                      1
+                                    )
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "router-link",
+                                  {
+                                    attrs: {
+                                      to: {
+                                        name: "OperatorList",
+                                        params: { medicalCenter: item.id }
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-btn",
+                                      {
+                                        staticClass: "mr-2 WM-ActionButton",
+                                        attrs: { color: "orange darken-1" }
+                                      },
+                                      [
+                                        _c(
+                                          "v-icon",
+                                          {
+                                            staticClass:
+                                              "white--text mr-2 caption"
+                                          },
+                                          [_vm._v("fas fa-user")]
+                                        ),
+                                        _vm._v(" "),
+                                        _c("span", [_vm._v("Operator")])
+                                      ],
+                                      1
+                                    )
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "WM-ActionButton",
+                                    attrs: { color: "pink" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.remove(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-times")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Remove")])
+                                  ],
+                                  1
+                                )
+                              ],
+                              1
+                            )
+                          ]
+                        }
+                      }
+                    ])
                   })
                 ],
                 1
@@ -300,273 +534,63 @@ var render = function() {
             1
           ),
           _vm._v(" "),
-          _c(
-            "v-layout",
-            {
-              staticClass:
-                "pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative",
-              attrs: { wrap: "" }
-            },
-            [
-              _c(
-                "v-layout",
-                {
-                  staticClass:
-                    "pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Relative WM-Color-LightGrey",
-                  attrs: { wrap: "" }
-                },
+          _c("v-divider"),
+          _vm._v(" "),
+          _vm.lastPage > 1
+            ? _c(
+                "div",
+                { staticClass: "text-xs-center" },
                 [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md3: "", sm3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Input Name", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          hint: _vm.select.state + ", " + _vm.select.abbr,
-                          items: _vm.items,
-                          "item-text": "state",
-                          "item-value": "abbr",
-                          label: "Type",
-                          "return-object": "",
-                          "single-line": "",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.select,
-                          callback: function($$v) {
-                            _vm.select = $$v
-                          },
-                          expression: "select"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          hint: _vm.select.state + ", " + _vm.select.abbr,
-                          items: _vm.items,
-                          "item-text": "state",
-                          "item-value": "abbr",
-                          label: "Size",
-                          "return-object": "",
-                          "single-line": "",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.select,
-                          callback: function($$v) {
-                            _vm.select = $$v
-                          },
-                          expression: "select"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md5: "", sm5: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Value", color: "black" }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _vm._l(_vm.ArrayDiv, function(Div, Key) {
-                return _c(
-                  "v-layout",
-                  {
-                    key: Key,
-                    staticClass:
-                      "pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Relative WM-Color-LightGrey Form",
-                    attrs: { wrap: "" }
-                  },
-                  [
-                    _c(
-                      "v-flex",
-                      { attrs: { xs12: "", md3: "", sm3: "" } },
-                      [
-                        _c("v-text-field", {
-                          staticClass: "pa-2",
-                          attrs: { label: "Input Name", color: "black" }
-                        })
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "v-flex",
-                      { attrs: { xs12: "", md2: "", sm2: "" } },
-                      [
-                        _c("v-select", {
-                          staticClass: "pa-2",
-                          attrs: {
-                            hint: _vm.select.state + ", " + _vm.select.abbr,
-                            items: _vm.items,
-                            "item-text": "state",
-                            "item-value": "abbr",
-                            label: "Type",
-                            "return-object": "",
-                            "single-line": "",
-                            color: "black"
-                          },
-                          model: {
-                            value: _vm.select,
-                            callback: function($$v) {
-                              _vm.select = $$v
-                            },
-                            expression: "select"
-                          }
-                        })
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "v-flex",
-                      { attrs: { xs12: "", md2: "", sm2: "" } },
-                      [
-                        _c("v-select", {
-                          staticClass: "pa-2",
-                          attrs: {
-                            hint: _vm.select.state + ", " + _vm.select.abbr,
-                            items: _vm.items,
-                            "item-text": "state",
-                            "item-value": "abbr",
-                            label: "Size",
-                            "return-object": "",
-                            "single-line": "",
-                            color: "black"
-                          },
-                          model: {
-                            value: _vm.select,
-                            callback: function($$v) {
-                              _vm.select = $$v
-                            },
-                            expression: "select"
-                          }
-                        })
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "v-flex",
-                      { attrs: { xs12: "", md5: "", sm5: "" } },
-                      [
-                        _c("v-text-field", {
-                          staticClass: "pa-2",
-                          attrs: { label: "Value", color: "black" }
-                        })
-                      ],
-                      1
-                    ),
-                    _vm._v(" "),
-                    _c(
-                      "v-btn",
-                      {
-                        attrs: {
-                          absolute: "",
-                          small: "",
-                          right: "",
-                          top: "",
-                          color: "pink",
-                          id: "RemoveFormBuilder"
-                        },
-                        on: {
-                          click: function($event) {
-                            return _vm.Remove()
-                          }
-                        }
+                  _c("v-pagination", {
+                    attrs: { length: _vm.lastPage, "total-visible": 6 },
+                    model: {
+                      value: _vm.currentPage,
+                      callback: function($$v) {
+                        _vm.currentPage = $$v
                       },
-                      [
-                        _c(
-                          "v-icon",
-                          { staticClass: "white--text mr-2 caption" },
-                          [_vm._v("fas fa-times")]
-                        ),
-                        _vm._v("\n      REMOVE")
-                      ],
-                      1
-                    )
-                  ],
-                  1
-                )
-              }),
-              _vm._v(" "),
-              _c(
-                "v-btn",
-                {
-                  attrs: {
-                    absolute: "",
-                    small: "",
-                    right: "",
-                    bottom: "",
-                    color: "cyan",
-                    id: "FormBuilder"
-                  },
-                  on: { click: _vm.Duplicator }
-                },
-                [
-                  _c("v-icon", { staticClass: "white--text mr-2 caption" }, [
-                    _vm._v("fas fa-plus")
-                  ]),
-                  _vm._v("\n      ADD")
+                      expression: "currentPage"
+                    }
+                  })
                 ],
                 1
               )
-            ],
-            2
-          ),
-          _vm._v(" "),
-          _c("div", { attrs: { id: "WM-FormBuilder" } }),
+            : _vm._e(),
           _vm._v(" "),
           _c(
-            "v-flex",
+            "v-layout",
             {
-              staticClass: "text-xs-center",
-              attrs: { xs12: "", md12: "", sm12: "" }
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
             },
             [
               _c(
-                "v-btn",
-                {
-                  staticClass: "WM-CyanBlueGradient-BG",
-                  staticStyle: { padding: "10px 60px" }
-                },
+                "router-link",
+                { attrs: { to: { name: "Dashboard" } } },
                 [
-                  _c("v-icon", { staticClass: "white--text mr-2 caption" }, [
-                    _vm._v("fas fa-plus")
-                  ]),
-                  _vm._v(" "),
-                  _c("span", { staticClass: "white--text" }, [_vm._v("Add")])
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass:
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "black--text mr-2 caption" },
+                        [_vm._v("fas fa-chevron-left")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "black--text" }, [
+                        _vm._v("Back")
+                      ])
+                    ],
+                    1
+                  )
                 ],
                 1
               )
@@ -587,19 +611,19 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddNewTest.vue":
-/*!***********************************************!*\
-  !*** ./resources/js/vue/views/AddNewTest.vue ***!
-  \***********************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/List.vue":
+/*!*******************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/List.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _AddNewTest_vue_vue_type_template_id_308d838e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddNewTest.vue?vue&type=template&id=308d838e&scoped=true& */ "./resources/js/vue/views/AddNewTest.vue?vue&type=template&id=308d838e&scoped=true&");
-/* harmony import */ var _AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddNewTest.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/AddNewTest.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _AddNewTest_vue_vue_type_style_index_0_id_308d838e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true& */ "./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _List_vue_vue_type_template_id_1346f0a2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=1346f0a2&scoped=true& */ "./resources/js/vue/views/MedicalCenter/List.vue?vue&type=template&id=1346f0a2&scoped=true&");
+/* harmony import */ var _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./List.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MedicalCenter/List.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _List_vue_vue_type_style_index_0_id_1346f0a2_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true& */ "./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -609,66 +633,66 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AddNewTest_vue_vue_type_template_id_308d838e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AddNewTest_vue_vue_type_template_id_308d838e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _List_vue_vue_type_template_id_1346f0a2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _List_vue_vue_type_template_id_1346f0a2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "308d838e",
+  "1346f0a2",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/AddNewTest.vue"
+component.options.__file = "resources/js/vue/views/MedicalCenter/List.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddNewTest.vue?vue&type=script&lang=js&":
-/*!************************************************************************!*\
-  !*** ./resources/js/vue/views/AddNewTest.vue?vue&type=script&lang=js& ***!
-  \************************************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/List.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/List.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true&":
-/*!********************************************************************************************************!*\
-  !*** ./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true& ***!
-  \********************************************************************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true&":
+/*!****************************************************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true& ***!
+  \****************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_308d838e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=style&index=0&id=308d838e&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_308d838e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_308d838e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_308d838e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_308d838e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
- /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_308d838e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_1346f0a2_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=style&index=0&id=1346f0a2&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_1346f0a2_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_1346f0a2_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_1346f0a2_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_1346f0a2_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_1346f0a2_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddNewTest.vue?vue&type=template&id=308d838e&scoped=true&":
-/*!******************************************************************************************!*\
-  !*** ./resources/js/vue/views/AddNewTest.vue?vue&type=template&id=308d838e&scoped=true& ***!
-  \******************************************************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/List.vue?vue&type=template&id=1346f0a2&scoped=true&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/List.vue?vue&type=template&id=1346f0a2&scoped=true& ***!
+  \**************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_template_id_308d838e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=template&id=308d838e&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddNewTest.vue?vue&type=template&id=308d838e&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_template_id_308d838e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_1346f0a2_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=template&id=1346f0a2&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/List.vue?vue&type=template&id=1346f0a2&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_1346f0a2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_template_id_308d838e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_1346f0a2_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/1.js b/public/1.js
index ffebb0b1..0c130f6e 100644
--- a/public/1.js
+++ b/public/1.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=script&lang=js&":
-/*!*****************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=script&lang=js& ***!
-  \*****************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -100,68 +100,131 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      headers: [{
-        sortable: false,
-        text: 'Hospital Name',
-        value: 'name'
-      }, {
-        sortable: false,
-        text: 'Date',
-        value: 'date'
-      }, {
-        sortable: false,
-        text: 'Operator',
-        value: 'operator'
-      }, {
-        sortable: false,
-        text: 'Action',
-        value: 'action',
-        align: 'right'
-      }],
+      ArrayDiv: [],
+      select: {
+        state: 'Florida',
+        abbr: 'FL'
+      },
       items: [{
-        name: 'Shahid Beheshti',
-        date: '12/05/1397',
-        operator: '3 Operator',
-        action: ''
+        state: 'Florida',
+        abbr: 'FL'
       }, {
-        name: 'Emam Reza',
-        date: '12/05/1397',
-        operator: '5 Operator',
-        action: ''
+        state: 'Georgia',
+        abbr: 'GA'
+      }, {
+        state: 'Nebraska',
+        abbr: 'NE'
+      }, {
+        state: 'California',
+        abbr: 'CA'
+      }, {
+        state: 'New York',
+        abbr: 'NY'
       }]
     };
+  },
+  methods: {
+    Duplicator: function Duplicator() {
+      var Forms = document.getElementsByClassName('Form');
+      var ArrayForm = [];
+
+      for (var i = 0; i < Forms.length; i++) {
+        ArrayForm.push(Forms[i]);
+      }
+
+      this.ArrayDiv.push(ArrayForm);
+    },
+    Remove: function Remove() {
+      var ID = document.getElementById('RemoveFormBuilder');
+      var Element = ID.parentNode;
+      Element.remove();
+    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true&":
-/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true& ***!
-  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true&":
+/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true& ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, "\n.WM-ActionButton[data-v-1305c16e] {\r\n  padding : 8px 22px;\n}\r\n\r\n", ""]);
+exports.push([module.i, "\n.WM-Border[data-v-7eb32e4a] {\r\n    border: 1px solid;\n}\n.WM-Border-Black[data-v-7eb32e4a] {\r\n  border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-7eb32e4a] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-7eb32e4a] {\r\n  background-color : #F5F5F5;\n}\n.WM-Relative[data-v-7eb32e4a] {\r\n    position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-7eb32e4a] {\r\n    top: -25px !important;\n}\r\n", ""]);
 
 
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true&":
-/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true& ***!
-  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true&":
+/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true& ***!
+  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true&");
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -175,7 +238,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -183,10 +246,10 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true&":
-/*!*********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true& ***!
-  \*********************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true&":
+/*!***********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true& ***!
+  \***********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -204,18 +267,19 @@ var render = function() {
     [
       _c(
         "material-card",
-        { attrs: { color: "black", title: "Medical Centers List", text: "" } },
+        { attrs: { color: "black", title: "Add a New Test" } },
         [
           _c(
             "v-layout",
-            { staticClass: "px-5 mb-3", attrs: { wrap: "" } },
+            { staticClass: "ma-2", attrs: { wrap: "" } },
             [
               _c(
                 "v-flex",
                 { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c("v-text-field", {
-                    attrs: { label: "Name", color: "black" }
+                    staticClass: "pa-2",
+                    attrs: { label: "Test Name", color: "black" }
                   })
                 ],
                 1
@@ -223,69 +287,12 @@ var render = function() {
               _vm._v(" "),
               _c(
                 "v-flex",
-                {
-                  staticClass: "text-xs-right",
-                  attrs: { xs12: "", md2: "", sm2: "" }
-                },
+                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-search")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("Filter")
-                      ])
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("v-spacer"),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                {
-                  staticClass: "text-xs-right",
-                  attrs: { xs12: "", md2: "", sm2: "" }
-                },
-                [
-                  _c(
-                    "router-link",
-                    { attrs: { to: "/add-medical-center" } },
-                    [
-                      _c(
-                        "v-btn",
-                        {
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                        },
-                        [
-                          _c(
-                            "v-icon",
-                            { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-plus")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v("Add")
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  )
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: { label: "Unique ID", color: "black" }
+                  })
                 ],
                 1
               )
@@ -293,185 +300,273 @@ var render = function() {
             1
           ),
           _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
-          _vm._v(" "),
           _c(
             "v-layout",
             {
-              staticClass: "px-5 mt-3",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+              staticClass:
+                "pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative",
+              attrs: { wrap: "" }
             },
             [
               _c(
-                "v-flex",
-                { attrs: { md12: "" } },
+                "v-layout",
+                {
+                  staticClass:
+                    "pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Relative WM-Color-LightGrey",
+                  attrs: { wrap: "" }
+                },
                 [
-                  _c("v-data-table", {
-                    attrs: {
-                      headers: _vm.headers,
-                      items: _vm.items,
-                      "hide-actions": ""
-                    },
-                    scopedSlots: _vm._u([
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { label: "Input Name", color: "black" }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          hint: _vm.select.state + ", " + _vm.select.abbr,
+                          items: _vm.items,
+                          "item-text": "state",
+                          "item-value": "abbr",
+                          label: "Type",
+                          "return-object": "",
+                          "single-line": "",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.select,
+                          callback: function($$v) {
+                            _vm.select = $$v
+                          },
+                          expression: "select"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          hint: _vm.select.state + ", " + _vm.select.abbr,
+                          items: _vm.items,
+                          "item-text": "state",
+                          "item-value": "abbr",
+                          label: "Size",
+                          "return-object": "",
+                          "single-line": "",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.select,
+                          callback: function($$v) {
+                            _vm.select = $$v
+                          },
+                          expression: "select"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md5: "", sm5: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { label: "Value", color: "black" }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _vm._l(_vm.ArrayDiv, function(Div, Key) {
+                return _c(
+                  "v-layout",
+                  {
+                    key: Key,
+                    staticClass:
+                      "pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Relative WM-Color-LightGrey Form",
+                    attrs: { wrap: "" }
+                  },
+                  [
+                    _c(
+                      "v-flex",
+                      { attrs: { xs12: "", md3: "", sm3: "" } },
+                      [
+                        _c("v-text-field", {
+                          staticClass: "pa-2",
+                          attrs: { label: "Input Name", color: "black" }
+                        })
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "v-flex",
+                      { attrs: { xs12: "", md2: "", sm2: "" } },
+                      [
+                        _c("v-select", {
+                          staticClass: "pa-2",
+                          attrs: {
+                            hint: _vm.select.state + ", " + _vm.select.abbr,
+                            items: _vm.items,
+                            "item-text": "state",
+                            "item-value": "abbr",
+                            label: "Type",
+                            "return-object": "",
+                            "single-line": "",
+                            color: "black"
+                          },
+                          model: {
+                            value: _vm.select,
+                            callback: function($$v) {
+                              _vm.select = $$v
+                            },
+                            expression: "select"
+                          }
+                        })
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "v-flex",
+                      { attrs: { xs12: "", md2: "", sm2: "" } },
+                      [
+                        _c("v-select", {
+                          staticClass: "pa-2",
+                          attrs: {
+                            hint: _vm.select.state + ", " + _vm.select.abbr,
+                            items: _vm.items,
+                            "item-text": "state",
+                            "item-value": "abbr",
+                            label: "Size",
+                            "return-object": "",
+                            "single-line": "",
+                            color: "black"
+                          },
+                          model: {
+                            value: _vm.select,
+                            callback: function($$v) {
+                              _vm.select = $$v
+                            },
+                            expression: "select"
+                          }
+                        })
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "v-flex",
+                      { attrs: { xs12: "", md5: "", sm5: "" } },
+                      [
+                        _c("v-text-field", {
+                          staticClass: "pa-2",
+                          attrs: { label: "Value", color: "black" }
+                        })
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    _c(
+                      "v-btn",
                       {
-                        key: "headerCell",
-                        fn: function(ref) {
-                          var header = ref.header
-                          return [
-                            _c("span", {
-                              staticClass:
-                                "subheading font-weight-light text-white text--darken-3",
-                              domProps: { textContent: _vm._s(header.text) }
-                            })
-                          ]
+                        attrs: {
+                          absolute: "",
+                          small: "",
+                          right: "",
+                          top: "",
+                          color: "pink",
+                          id: "RemoveFormBuilder"
+                        },
+                        on: {
+                          click: function($event) {
+                            return _vm.Remove()
+                          }
                         }
                       },
-                      {
-                        key: "items",
-                        fn: function(ref) {
-                          var item = ref.item
-                          return [
-                            _c(
-                              "td",
-                              { staticClass: "headline font-weight-light" },
-                              [_vm._v(_vm._s(item.name))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.date))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.operator))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "text-xs-right" },
-                              [
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: "mr-2 WM-ActionButton",
-                                    attrs: { color: "cyan" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-pen")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Edit")])
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "router-link",
-                                  { attrs: { to: "/operator-list" } },
-                                  [
-                                    _c(
-                                      "v-btn",
-                                      {
-                                        staticClass: "mr-2 WM-ActionButton",
-                                        attrs: { color: "orange darken-1" }
-                                      },
-                                      [
-                                        _c(
-                                          "v-icon",
-                                          {
-                                            staticClass:
-                                              "white--text mr-2 caption"
-                                          },
-                                          [_vm._v("fas fa-user")]
-                                        ),
-                                        _vm._v(" "),
-                                        _c("span", [_vm._v("Operator")])
-                                      ],
-                                      1
-                                    )
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: " WM-ActionButton",
-                                    attrs: { color: "pink" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-times")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Remove")])
-                                  ],
-                                  1
-                                )
-                              ],
-                              1
-                            )
-                          ]
-                        }
-                      }
-                    ])
-                  })
+                      [
+                        _c(
+                          "v-icon",
+                          { staticClass: "white--text mr-2 caption" },
+                          [_vm._v("fas fa-times")]
+                        ),
+                        _vm._v("\n      REMOVE")
+                      ],
+                      1
+                    )
+                  ],
+                  1
+                )
+              }),
+              _vm._v(" "),
+              _c(
+                "v-btn",
+                {
+                  attrs: {
+                    absolute: "",
+                    small: "",
+                    right: "",
+                    bottom: "",
+                    color: "cyan",
+                    id: "FormBuilder"
+                  },
+                  on: { click: _vm.Duplicator }
+                },
+                [
+                  _c("v-icon", { staticClass: "white--text mr-2 caption" }, [
+                    _vm._v("fas fa-plus")
+                  ]),
+                  _vm._v("\n      ADD")
                 ],
                 1
               )
             ],
-            1
+            2
           ),
           _vm._v(" "),
-          _c("v-divider"),
+          _c("div", { attrs: { id: "WM-FormBuilder" } }),
           _vm._v(" "),
           _c(
-            "v-layout",
+            "v-flex",
             {
-              staticClass: "mt-3",
-              attrs: {
-                row: "",
-                wrap: "",
-                "align-center": "",
-                "justify-center": ""
-              }
+              staticClass: "text-xs-center",
+              attrs: { xs12: "", md12: "", sm12: "" }
             },
             [
               _c(
-                "router-link",
-                { attrs: { to: "/dashboard" } },
+                "v-btn",
+                {
+                  staticClass: "WM-CyanBlueGradient-BG",
+                  staticStyle: { padding: "10px 60px" }
+                },
                 [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass:
-                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "black--text mr-2 caption" },
-                        [_vm._v("fas fa-chevron-left")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "black--text" }, [
-                        _vm._v("Back")
-                      ])
-                    ],
-                    1
-                  )
+                  _c("v-icon", { staticClass: "white--text mr-2 caption" }, [
+                    _vm._v("fas fa-plus")
+                  ]),
+                  _vm._v(" "),
+                  _c("span", { staticClass: "white--text" }, [_vm._v("Add")])
                 ],
                 1
               )
@@ -492,19 +587,19 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageMedicalCenter.vue":
-/*!********************************************************!*\
-  !*** ./resources/js/vue/views/ManageMedicalCenter.vue ***!
-  \********************************************************/
+/***/ "./resources/js/vue/views/NotWorking/AddNewTest.vue":
+/*!**********************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/AddNewTest.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ManageMedicalCenter_vue_vue_type_template_id_1305c16e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true& */ "./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true&");
-/* harmony import */ var _ManageMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ManageMedicalCenter.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _ManageMedicalCenter_vue_vue_type_style_index_0_id_1305c16e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true& */ "./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _AddNewTest_vue_vue_type_template_id_7eb32e4a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true& */ "./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true&");
+/* harmony import */ var _AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddNewTest.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _AddNewTest_vue_vue_type_style_index_0_id_7eb32e4a_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true& */ "./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -514,66 +609,66 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _ManageMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ManageMedicalCenter_vue_vue_type_template_id_1305c16e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ManageMedicalCenter_vue_vue_type_template_id_1305c16e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _AddNewTest_vue_vue_type_template_id_7eb32e4a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _AddNewTest_vue_vue_type_template_id_7eb32e4a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "1305c16e",
+  "7eb32e4a",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/ManageMedicalCenter.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/AddNewTest.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************!*\
-  !*** ./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageMedicalCenter.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true&":
-/*!*****************************************************************************************************************!*\
-  !*** ./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true& ***!
-  \*****************************************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true&":
+/*!*******************************************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true& ***!
+  \*******************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_style_index_0_id_1305c16e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=style&index=0&id=1305c16e&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_style_index_0_id_1305c16e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_style_index_0_id_1305c16e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_style_index_0_id_1305c16e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_style_index_0_id_1305c16e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
- /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_style_index_0_id_1305c16e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_7eb32e4a_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=style&index=0&id=7eb32e4a&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_7eb32e4a_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_7eb32e4a_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_7eb32e4a_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_7eb32e4a_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_style_index_0_id_7eb32e4a_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true&":
-/*!***************************************************************************************************!*\
-  !*** ./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true& ***!
-  \***************************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true&":
+/*!*****************************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true& ***!
+  \*****************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_template_id_1305c16e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageMedicalCenter.vue?vue&type=template&id=1305c16e&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_template_id_1305c16e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_template_id_7eb32e4a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/AddNewTest.vue?vue&type=template&id=7eb32e4a&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_template_id_7eb32e4a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageMedicalCenter_vue_vue_type_template_id_1305c16e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddNewTest_vue_vue_type_template_id_7eb32e4a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/10.js b/public/10.js
index d8be9bd4..8b5d54a2 100644
--- a/public/10.js
+++ b/public/10.js
@@ -1,18 +1,23 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Login.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
 //
 //
@@ -51,57 +56,124 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      cell_number: "",
-      password: ""
+      medicalCenter: {
+        name: ""
+      },
+      rules: {
+        required: function required(value) {
+          return !!value || "Required.";
+        },
+        counter: function counter(value) {
+          return value.length <= 30 || "Max 30 characters";
+        }
+      }
     };
   },
-  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', ['authenticating', 'authenticationError', 'authenticationErrorCode'])),
-  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['login']), {
-    handleSubmit: function handleSubmit() {
-      // Perform a simple validation that cell_number and password have been typed in
-      if (this.cell_number != '' && this.password != '') {
-        this.login({
-          cell_number: this.cell_number,
-          password: this.password
-        });
-        this.password = "";
-      }
+  created: function created() {
+    if (this.$route.params.medicalCenter) {
+      this.load(this.$route.params.medicalCenter);
     }
-  })
+  },
+  methods: {
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(id) {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].editMedicalCenter(id));
+
+              case 2:
+                result = _context.sent;
+                this.medicalCenter = result.data.MedicalCenter;
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load(_x) {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    AddMedicalCenter: function () {
+      var _AddMedicalCenter = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                if (!this.$refs.form.validate()) {
+                  _context2.next = 11;
+                  break;
+                }
+
+                if (!this.$route.params.medicalCenter) {
+                  _context2.next = 7;
+                  break;
+                }
+
+                _context2.next = 4;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].put(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateMedicalCenter(this.$route.params.medicalCenter), this.medicalCenter);
+
+              case 4:
+                result = _context2.sent;
+                _context2.next = 10;
+                break;
+
+              case 7:
+                _context2.next = 9;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].storeMedicalCenter, this.medicalCenter);
+
+              case 9:
+                result = _context2.sent;
+
+              case 10:
+                if (result && result.status == 200) {
+                  this.$router.push({
+                    name: "ManageMedicalCenter"
+                  });
+                }
+
+              case 11:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function AddMedicalCenter() {
+        return _AddMedicalCenter.apply(this, arguments);
+      }
+
+      return AddMedicalCenter;
+    }()
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&":
+/*!***********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& ***!
+  \***********************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -115,205 +187,115 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-form",
+    { ref: "form" },
     [
       _c(
         "v-container",
         { attrs: { "grid-list-xs": "" } },
         [
           _c(
-            "v-layout",
-            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            "material-card",
+            {
+              attrs: { color: "black", title: "Add Medical Center", text: "" }
+            },
             [
               _c(
-                "v-flex",
+                "v-layout",
+                { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md3: "", xs3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          label: "Name",
+                          color: "black",
+                          rules: [_vm.rules.required, _vm.rules.counter]
+                        },
+                        model: {
+                          value: _vm.medicalCenter.name,
+                          callback: function($$v) {
+                            _vm.$set(_vm.medicalCenter, "name", $$v)
+                          },
+                          expression: "medicalCenter.name"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
                 {
-                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm3: "" }
+                  staticClass: "mt-3",
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "align-center": "",
+                    "justify-center": ""
+                  }
                 },
                 [
                   _c(
-                    "material-card",
-                    { attrs: { color: "black", title: "Login Page" } },
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" },
+                      on: { click: _vm.AddMedicalCenter }
+                    },
+                    [
+                      _vm.$route.params.medicalCenter
+                        ? [
+                            _c(
+                              "v-icon",
+                              { staticClass: "white--text mr-2 caption" },
+                              [_vm._v("fas fa-edit")]
+                            ),
+                            _vm._v(" "),
+                            _c("span", { staticClass: "white--text" }, [
+                              _vm._v("Edit")
+                            ])
+                          ]
+                        : [
+                            _c(
+                              "v-icon",
+                              { staticClass: "white--text mr-2 caption" },
+                              [_vm._v("fas fa-plus")]
+                            ),
+                            _vm._v(" "),
+                            _c("span", { staticClass: "white--text" }, [
+                              _vm._v("Add")
+                            ])
+                          ]
+                    ],
+                    2
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "router-link",
+                    { attrs: { to: { name: "ManageMedicalCenter" } } },
                     [
                       _c(
-                        "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                        [
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md12: "", sm12: "" } },
-                            [
-                              _c("v-text-field", {
-                                attrs: {
-                                  name: "cellnumber",
-                                  label: "Cell Number",
-                                  id: "id1",
-                                  color: "black"
-                                },
-                                model: {
-                                  value: _vm.cell_number,
-                                  callback: function($$v) {
-                                    _vm.cell_number = $$v
-                                  },
-                                  expression: "cell_number"
-                                }
-                              })
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                        [
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md12: "", sm12: "" } },
-                            [
-                              _c("v-text-field", {
-                                attrs: {
-                                  name: "password",
-                                  label: "Password",
-                                  id: "id2",
-                                  color: "black"
-                                },
-                                model: {
-                                  value: _vm.password,
-                                  callback: function($$v) {
-                                    _vm.password = $$v
-                                  },
-                                  expression: "password"
-                                }
-                              })
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
-                        [
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass:
-                                "text-md-left text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "v-btn",
-                                {
-                                  staticClass: "WM-CyanBlueGradient-BG",
-                                  staticStyle: { padding: "10px 60px" },
-                                  on: { click: _vm.handleSubmit }
-                                },
-                                [
-                                  _c(
-                                    "v-icon",
-                                    { staticClass: "white--text mr-2 caption" },
-                                    [_vm._v("fas fa-sign-in-alt")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Login")
-                                  ])
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass:
-                                "text-md-right text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "router-link",
-                                {
-                                  staticClass: "black--text",
-                                  attrs: { to: "register" }
-                                },
-                                [
-                                  _c(
-                                    "v-btn",
-                                    {
-                                      staticClass:
-                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                                    },
-                                    [
-                                      _c(
-                                        "v-icon",
-                                        {
-                                          staticClass:
-                                            "black--text mr-2 caption"
-                                        },
-                                        [_vm._v("fas fa-plus")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "span",
-                                        { staticClass: "black--text" },
-                                        [_vm._v("Register")]
-                                      )
-                                    ],
-                                    1
-                                  )
-                                ],
-                                1
-                              )
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
+                        "v-btn",
                         {
                           staticClass:
-                            "text-md-left text-sm-center text-xs-center",
-                          attrs: { row: "", wrap: "" }
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
                         },
                         [
                           _c(
-                            "v-flex",
-                            {
-                              staticClass: "px-4 py-3",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "router-link",
-                                { attrs: { to: "/forgot-password" } },
-                                [
-                                  _c(
-                                    "span",
-                                    {
-                                      staticClass: "black--text",
-                                      staticStyle: {
-                                        "border-bottom": "1px solid #000"
-                                      }
-                                    },
-                                    [_vm._v("Forgot Password ?")]
-                                  )
-                                ]
-                              )
-                            ],
-                            1
-                          )
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-chevron-left")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Back")
+                          ])
                         ],
                         1
                       )
@@ -340,18 +322,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Login.vue":
-/*!******************************************!*\
-  !*** ./resources/js/vue/views/Login.vue ***!
-  \******************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/AddEdit.vue":
+/*!**********************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/AddEdit.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Login.vue?vue&type=template&id=646835d1&scoped=true& */ "./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&");
-/* harmony import */ var _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Login.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Login.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& */ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&");
+/* harmony import */ var _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -360,50 +342,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "646835d1",
+  "7e71354a",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Login.vue"
+component.options.__file = "resources/js/vue/views/MedicalCenter/AddEdit.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Login.vue?vue&type=script&lang=js&":
-/*!*******************************************************************!*\
-  !*** ./resources/js/vue/views/Login.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&":
-/*!*************************************************************************************!*\
-  !*** ./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true& ***!
-  \*************************************************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&":
+/*!*****************************************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& ***!
+  \*****************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=template&id=646835d1&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Login.vue?vue&type=template&id=646835d1&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=template&id=7e71354a&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/AddEdit.vue?vue&type=template&id=7e71354a&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_646835d1_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_7e71354a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/11.js b/public/11.js
index 515ec71b..cae35bac 100644
--- a/public/11.js
+++ b/public/11.js
@@ -1,14 +1,29 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[11],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -95,63 +110,258 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
       headers: [{
         sortable: true,
-        text: 'Operator',
-        value: 'operator'
+        text: "Operator Name",
+        value: "name"
       }, {
-        sortable: true,
-        text: 'Date',
-        value: 'date'
+        sortable: false,
+        text: "Role",
+        value: "role"
       }, {
-        sortable: true,
-        text: 'Hospital',
-        value: 'hospital'
+        sortable: false,
+        text: "Number",
+        value: "number"
       }, {
-        sortable: true,
-        text: 'Action',
-        value: 'action',
-        align: 'right'
+        sortable: false,
+        text: "Status",
+        value: "status"
+      }, {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
       }],
-      items: [{
-        name: 'Fatemeh Shokouhi',
-        date: '12/05/1397',
-        operator: 'Shahid Beheshti',
-        action: ''
-      }, {
-        name: 'Fatemeh Fayyazi',
-        date: '12/05/1397',
-        operator: 'Emam Reza',
-        action: ''
-      }]
+      items: [],
+      name: ""
     };
+  },
+  created: function created() {
+    if (this.$route.params.medicalCenter) {
+      this.load(this.$route.params.medicalCenter);
+    }
+  },
+  methods: _objectSpread({
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(medicalCenterId) {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].listOpertorMedicalCenter(medicalCenterId));
+
+              case 2:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.users;
+                  this.name = result.data.data.name;
+                } else {
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load(_x) {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    changeStatus: function () {
+      var _changeStatus = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(userId) {
+        var result, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, user;
+
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].changeStatusUser(userId));
+
+              case 2:
+                result = _context2.sent;
+
+                if (!(result && result.status == 200)) {
+                  _context2.next = 25;
+                  break;
+                }
+
+                _iteratorNormalCompletion = true;
+                _didIteratorError = false;
+                _iteratorError = undefined;
+                _context2.prev = 7;
+
+                for (_iterator = this.items[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                  user = _step.value;
+
+                  if (user.id == userId) {
+                    user.status = result.data.data.status;
+                  }
+                }
+
+                _context2.next = 15;
+                break;
+
+              case 11:
+                _context2.prev = 11;
+                _context2.t0 = _context2["catch"](7);
+                _didIteratorError = true;
+                _iteratorError = _context2.t0;
+
+              case 15:
+                _context2.prev = 15;
+                _context2.prev = 16;
+
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+
+              case 18:
+                _context2.prev = 18;
+
+                if (!_didIteratorError) {
+                  _context2.next = 21;
+                  break;
+                }
+
+                throw _iteratorError;
+
+              case 21:
+                return _context2.finish(18);
+
+              case 22:
+                return _context2.finish(15);
+
+              case 23:
+                _context2.next = 26;
+                break;
+
+              case 25:
+                this.$router.push({
+                  name: "Dashboard"
+                });
+
+              case 26:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[7, 11, 15, 23], [16,, 18, 22]]);
+      }));
+
+      function changeStatus(_x2) {
+        return _changeStatus.apply(this, arguments);
+      }
+
+      return changeStatus;
+    }()
+  }, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapMutations"])("modal", ["changeCurrentModal"]), {
+    changeRoleModal: function changeRoleModal(user) {
+      this.changeCurrentModal({
+        modal: "modal-user-role",
+        properties: {
+          user: user
+        }
+      });
+    },
+    remove: function () {
+      var _remove = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(userId) {
+        var result, key;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].deleteUser(userId));
+
+              case 2:
+                result = _context3.sent;
+
+                if (result && result.status == 200) {
+                  for (key in this.items) {
+                    if (this.items.hasOwnProperty(key) && this.items[key].id == userId) {
+                      this.items.splice(key, 1);
+                    }
+                  }
+                }
+
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function remove(_x3) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  }),
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])("modal", ["getModalResult"])),
+  watch: {
+    getModalResult: function getModalResult(user) {
+      var _iteratorNormalCompletion2 = true;
+      var _didIteratorError2 = false;
+      var _iteratorError2 = undefined;
+
+      try {
+        for (var _iterator2 = this.items[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var userList = _step2.value;
+
+          if (userList.id == user.id) {
+            userList.roles = user.roles;
+          }
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a& ***!
+  \****************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -169,26 +379,29 @@ var render = function() {
     [
       _c(
         "material-card",
-        { attrs: { color: "black", title: "Member List" } },
+        {
+          attrs: {
+            color: "black",
+            title: "Operator List " + _vm.name,
+            text: ""
+          }
+        },
         [
           _c(
             "v-layout",
-            {
-              staticClass: "px-5 mb-3",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
-            },
+            { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
             [
               _c(
                 "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
+                { attrs: { xs12: "", md3: "", xs3: "" } },
                 [
                   _c("v-text-field", {
                     staticClass: "pa-2",
                     attrs: {
-                      color: "black",
-                      name: "name",
+                      name: "Name",
                       label: "Name",
-                      id: "id1"
+                      color: "black",
+                      id: "id"
                     }
                   })
                 ],
@@ -197,15 +410,15 @@ var render = function() {
               _vm._v(" "),
               _c(
                 "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
+                { attrs: { xs12: "", md3: "", xs3: "" } },
                 [
                   _c("v-text-field", {
                     staticClass: "pa-2",
                     attrs: {
+                      name: "cell_number",
+                      label: "Cell Number",
                       color: "black",
-                      name: "date",
-                      label: "Date",
-                      id: "id2"
+                      id: "id"
                     }
                   })
                 ],
@@ -214,24 +427,10 @@ var render = function() {
               _vm._v(" "),
               _c(
                 "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
-                [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: {
-                      color: "black",
-                      name: "hospital",
-                      label: "Hospital",
-                      id: "id3"
-                    }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", sm3: "" } },
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
                 [
                   _c(
                     "v-btn",
@@ -254,23 +453,69 @@ var render = function() {
                   )
                 ],
                 1
+              ),
+              _vm._v(" "),
+              _c("v-spacer"),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
+                [
+                  _c(
+                    "router-link",
+                    {
+                      attrs: {
+                        to: "/add-operator/" + _vm.$route.params.medicalCenter
+                      }
+                    },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-plus")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Add")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
               )
             ],
             1
           ),
           _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
-          _vm._v(" "),
           _c(
             "v-layout",
             {
-              staticClass: "px-5 my-2",
-              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+              staticClass: "px-5 mt-3",
+              attrs: {
+                row: "",
+                "align-center": "",
+                "justify-center": "",
+                wrap: ""
+              }
             },
             [
               _c(
                 "v-flex",
-                { attrs: { xs12: "", md12: "", sm12: "" } },
+                { attrs: { md12: "" } },
                 [
                   _c("v-data-table", {
                     attrs: {
@@ -306,13 +551,24 @@ var render = function() {
                             _c(
                               "td",
                               { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.date))]
+                              _vm._l(item.roles, function(role, key) {
+                                return _c("span", { key: key }, [
+                                  _vm._v(_vm._s(role.name))
+                                ])
+                              }),
+                              0
                             ),
                             _vm._v(" "),
                             _c(
                               "td",
                               { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.operator))]
+                              [_vm._v(_vm._s(item.cell_number))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.status))]
                             ),
                             _vm._v(" "),
                             _c(
@@ -323,38 +579,71 @@ var render = function() {
                                   "v-btn",
                                   {
                                     staticClass: "mr-2 WM-ActionButton",
-                                    attrs: { color: "purple" }
+                                    attrs: {
+                                      color:
+                                        item.status == "Active"
+                                          ? "red"
+                                          : "green"
+                                    },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeStatus(item.id)
+                                      }
+                                    }
                                   },
                                   [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-1 caption"
-                                      },
-                                      [_vm._v("fas fa-envelope")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("SMS")])
+                                    item.status == "Active"
+                                      ? [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          item.status == "Active"
+                                            ? _c("span", [_vm._v("Susspended")])
+                                            : _vm._e()
+                                        ]
+                                      : [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c("span", [_vm._v("Active")])
+                                        ]
                                   ],
-                                  1
+                                  2
                                 ),
                                 _vm._v(" "),
                                 _c(
                                   "v-btn",
                                   {
                                     staticClass: "mr-2 WM-ActionButton",
-                                    attrs: { color: "cyan" }
+                                    attrs: { color: "orange darken-1" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeRoleModal(item)
+                                      }
+                                    }
                                   },
                                   [
                                     _c(
                                       "v-icon",
                                       {
-                                        staticClass: "white--text mr-1 caption"
+                                        staticClass: "white--text mr-2 caption"
                                       },
-                                      [_vm._v("fas fa-pen")]
+                                      [_vm._v("fas fa-user-tag")]
                                     ),
                                     _vm._v(" "),
-                                    _c("span", [_vm._v("Edit")])
+                                    _c("span", [_vm._v("Role")])
                                   ],
                                   1
                                 ),
@@ -362,34 +651,19 @@ var render = function() {
                                 _c(
                                   "v-btn",
                                   {
-                                    staticClass: "mr-2 WM-ActionButton",
-                                    attrs: { color: "orange darken-1" }
+                                    staticClass: "WM-ActionButton",
+                                    attrs: { color: "pink" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.remove(item.id)
+                                      }
+                                    }
                                   },
                                   [
                                     _c(
                                       "v-icon",
                                       {
-                                        staticClass: "white--text mr-1 caption"
-                                      },
-                                      [_vm._v("fas fa-user")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Operator")])
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: " WM-ActionButton",
-                                    attrs: { color: "pink" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-1 caption"
+                                        staticClass: "white--text mr-2 caption"
                                       },
                                       [_vm._v("fas fa-times")]
                                     ),
@@ -413,7 +687,7 @@ var render = function() {
             1
           ),
           _vm._v(" "),
-          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _c("v-divider"),
           _vm._v(" "),
           _c(
             "v-layout",
@@ -429,7 +703,7 @@ var render = function() {
             [
               _c(
                 "router-link",
-                { attrs: { to: "/dashboard" } },
+                { attrs: { to: "/manage-medical-center" } },
                 [
                   _c(
                     "v-btn",
@@ -470,18 +744,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageUsers.vue":
-/*!************************************************!*\
-  !*** ./resources/js/vue/views/ManageUsers.vue ***!
-  \************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue":
+/*!***************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue ***!
+  \***************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& */ "./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&");
-/* harmony import */ var _ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ManageUsers.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=template&id=a2d4b11a& */ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&");
+/* harmony import */ var _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -490,50 +764,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "436a95ea",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/ManageUsers.vue"
+component.options.__file = "resources/js/vue/views/MedicalCenter/OperatorList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageUsers.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& ***!
-  \*******************************************************************************************/
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a& ***!
+  \**********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ManageUsers.vue?vue&type=template&id=436a95ea&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=template&id=a2d4b11a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ManageUsers_vue_vue_type_template_id_436a95ea_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/12.js b/public/12.js
index 6606501a..03817d65 100644
--- a/public/12.js
+++ b/public/12.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[12],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&":
-/*!****************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Icons.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Icons.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -70,62 +70,20 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      username: '',
-      gender: '',
-      cellnumber: '',
-      emailaddress: '',
-      address: '',
-      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4'] // const Info = Object.freeze({
-      //   username:'',
-      //   cellnumber:'',
-      //   emailaddress:'',
-      //   address:''
-      //   gender:0
-      // })
-      // return {
-      //   InfoForm : Object.assign({} ,Info),
-      //   Info
-      // }
-
+      icons: ['mdi-access-point', 'mdi-access-point-network', 'mdi-account', 'mdi-account-alert', 'mdi-account-box', 'mdi-account-box-multiple', 'mdi-account-box-outline', 'mdi-account-card-details', 'mdi-account-check', 'mdi-account-circle', 'mdi-account-convert', 'mdi-account-edit', 'mdi-account-group', 'mdi-account-heart', 'mdi-account-key', 'mdi-account-location', 'mdi-account-minus', 'mdi-account-multiple', 'mdi-account-multiple-check', 'mdi-account-multiple-minus', 'mdi-account-multiple-outline', 'mdi-account-multiple-plus', 'mdi-account-multiple-plus-outline', 'mdi-account-network', 'mdi-account-off', 'mdi-account-outline', 'mdi-account-plus', 'mdi-account-plus-outline', 'mdi-account-remove', 'mdi-account-search', 'mdi-account-search-outline', 'mdi-account-settings', 'mdi-account-settings-variant', 'mdi-account-star', 'mdi-account-switch', 'mdi-accusoft', 'mdi-adjust', 'mdi-adobe', 'mdi-air-conditioner', 'mdi-airballoon', 'mdi-airplane', 'mdi-airplane-landing', 'mdi-airplane-off', 'mdi-airplane-takeoff', 'mdi-airplay', 'mdi-airport', 'mdi-alarm', 'mdi-alarm-bell', 'mdi-alarm-check', 'mdi-alarm-light', 'mdi-alarm-multiple', 'mdi-alarm-off', 'mdi-alarm-plus', 'mdi-alarm-snooze', 'mdi-album', 'mdi-alert', 'mdi-alert-box', 'mdi-alert-circle', 'mdi-alert-circle-outline', 'mdi-alert-decagram', 'mdi-alert-octagon', 'mdi-alert-octagram', 'mdi-alert-outline', 'mdi-alien', 'mdi-all-inclusive', 'mdi-alpha', 'mdi-alphabetical', 'mdi-altimeter', 'mdi-amazon', 'mdi-amazon-alexa', 'mdi-amazon-drive', 'mdi-ambulance', 'mdi-amplifier', 'mdi-anchor', 'mdi-android', 'mdi-android-debug-bridge', 'mdi-android-head', 'mdi-android-studio', 'mdi-angle-acute', 'mdi-angle-obtuse', 'mdi-angle-right', 'mdi-angular', 'mdi-angularjs', 'mdi-animation', 'mdi-animation-play', 'mdi-anvil', 'mdi-apple', 'mdi-apple-finder', 'mdi-apple-icloud', 'mdi-apple-ios', 'mdi-apple-keyboard-caps', 'mdi-apple-keyboard-command', 'mdi-apple-keyboard-control', 'mdi-apple-keyboard-option', 'mdi-apple-keyboard-shift', 'mdi-apple-safari', 'mdi-application', 'mdi-approval', 'mdi-apps', 'mdi-arch', 'mdi-archive', 'mdi-arrange-bring-forward', 'mdi-arrange-bring-to-front', 'mdi-arrange-send-backward', 'mdi-arrange-send-to-back', 'mdi-arrow-all', 'mdi-arrow-bottom-left', 'mdi-arrow-bottom-left-bold-outline', 'mdi-arrow-bottom-left-thick', 'mdi-arrow-bottom-right', 'mdi-arrow-bottom-right-bold-outline', 'mdi-arrow-bottom-right-thick', 'mdi-arrow-collapse', 'mdi-arrow-collapse-all', 'mdi-arrow-collapse-down', 'mdi-arrow-collapse-horizontal', 'mdi-arrow-collapse-left', 'mdi-arrow-collapse-right', 'mdi-arrow-collapse-up', 'mdi-arrow-collapse-vertical', 'mdi-arrow-decision', 'mdi-arrow-decision-auto', 'mdi-arrow-decision-auto-outline', 'mdi-arrow-decision-outline', 'mdi-arrow-down', 'mdi-arrow-down-bold', 'mdi-arrow-down-bold-box', 'mdi-arrow-down-bold-box-outline', 'mdi-arrow-down-bold-circle', 'mdi-arrow-down-bold-circle-outline', 'mdi-arrow-down-bold-hexagon-outline', 'mdi-arrow-down-bold-outline', 'mdi-arrow-down-box', 'mdi-arrow-down-drop-circle', 'mdi-arrow-down-drop-circle-outline', 'mdi-arrow-down-thick', 'mdi-arrow-expand', 'mdi-arrow-expand-all', 'mdi-arrow-expand-down', 'mdi-arrow-expand-horizontal', 'mdi-arrow-expand-left', 'mdi-arrow-expand-right', 'mdi-arrow-expand-up', 'mdi-arrow-expand-vertical', 'mdi-arrow-left', 'mdi-arrow-left-bold', 'mdi-arrow-left-bold-box', 'mdi-arrow-left-bold-box-outline', 'mdi-arrow-left-bold-circle', 'mdi-arrow-left-bold-circle-outline', 'mdi-arrow-left-bold-hexagon-outline', 'mdi-arrow-left-bold-outline', 'mdi-arrow-left-box', 'mdi-arrow-left-drop-circle', 'mdi-arrow-left-drop-circle-outline', 'mdi-arrow-left-right-bold-outline', 'mdi-arrow-left-thick', 'mdi-arrow-right', 'mdi-arrow-right-bold', 'mdi-arrow-right-bold-box', 'mdi-arrow-right-bold-box-outline', 'mdi-arrow-right-bold-circle', 'mdi-arrow-right-bold-circle-outline', 'mdi-arrow-right-bold-hexagon-outline', 'mdi-arrow-right-bold-outline', 'mdi-arrow-right-box', 'mdi-arrow-right-drop-circle', 'mdi-arrow-right-drop-circle-outline', 'mdi-arrow-right-thick', 'mdi-arrow-split-horizontal', 'mdi-arrow-split-vertical', 'mdi-arrow-top-left', 'mdi-arrow-top-left-bold-outline', 'mdi-arrow-top-left-thick', 'mdi-arrow-top-right', 'mdi-arrow-top-right-bold-outline', 'mdi-arrow-top-right-thick', 'mdi-arrow-up', 'mdi-arrow-up-bold', 'mdi-arrow-up-bold-box', 'mdi-arrow-up-bold-box-outline', 'mdi-arrow-up-bold-circle', 'mdi-arrow-up-bold-circle-outline', 'mdi-arrow-up-bold-hexagon-outline', 'mdi-arrow-up-bold-outline', 'mdi-arrow-up-box', 'mdi-arrow-up-down-bold-outline', 'mdi-arrow-up-drop-circle', 'mdi-arrow-up-drop-circle-outline', 'mdi-arrow-up-thick', 'mdi-artist', 'mdi-assistant', 'mdi-asterisk', 'mdi-at', 'mdi-atlassian', 'mdi-atom', 'mdi-attachment', 'mdi-audio-video', 'mdi-audiobook', 'mdi-augmented-reality', 'mdi-auto-fix', 'mdi-auto-upload', 'mdi-autorenew', 'mdi-av-timer', 'mdi-axe', 'mdi-azure', 'mdi-baby', 'mdi-baby-buggy', 'mdi-backburger', 'mdi-backspace', 'mdi-backup-restore', 'mdi-badminton']
     };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Icons.vue?vue&type=template&id=fbe03b5e&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Icons.vue?vue&type=template&id=fbe03b5e& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -138,248 +96,95 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
+    {
+      staticStyle: { "flex-wrap": "wrap" },
+      attrs: { "fill-height": "", fluid: "" }
+    },
     [
       _c(
-        "v-container",
-        { attrs: { "grid-list-xs": "", fluid: "" } },
+        "material-card",
+        { attrs: { color: "green" } },
         [
-          _c(
-            "material-card",
-            { attrs: { color: "black", title: "My Info" } },
-            [
+          _c("div", { attrs: { slot: "header" }, slot: "header" }, [
+            _c("div", { staticClass: "title font-weight-light mb-2" }, [
+              _vm._v("Material Design Icons")
+            ]),
+            _vm._v(" "),
+            _c("div", { staticClass: "category font-weight-thin" }, [
+              _vm._v("\n        See all available\n        "),
               _c(
-                "v-layout",
-                {
-                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "username",
-                          label: "User Name",
-                          color: "black",
-                          id: "id1"
-                        },
-                        model: {
-                          value: _vm.username,
-                          callback: function($$v) {
-                            _vm.username = $$v
-                          },
-                          expression: "username"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Gender",
-                          name: "gender",
-                          "single-line": "",
-                          id: "id3",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.gender,
-                          callback: function($$v) {
-                            _vm.gender = $$v
-                          },
-                          expression: "gender"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "cellnumber",
-                          label: "Cell Number",
-                          color: "black",
-                          id: "id2"
-                        },
-                        model: {
-                          value: _vm.cellnumber,
-                          callback: function($$v) {
-                            _vm.cellnumber = $$v
-                          },
-                          expression: "cellnumber"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "px-5 mb-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "px-2",
-                        staticStyle: { "padding-top": "75px" },
-                        attrs: {
-                          name: "emailaddress",
-                          label: "Email Address",
-                          id: "id4",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.emailaddress,
-                          callback: function($$v) {
-                            _vm.emailaddress = $$v
-                          },
-                          expression: "emailaddress"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm8: "", md8: "" } },
-                    [
-                      _c("v-textarea", {
-                        staticClass: "pa-2",
-                        attrs: { color: "black", name: "address" },
-                        scopedSlots: _vm._u([
-                          {
-                            key: "label",
-                            fn: function() {
-                              return [
-                                _c("div", [
-                                  _vm._v(
-                                    "\n                Address\n              "
-                                  )
-                                ])
-                              ]
-                            },
-                            proxy: true
-                          }
-                        ]),
-                        model: {
-                          value: _vm.address,
-                          callback: function($$v) {
-                            _vm.address = $$v
-                          },
-                          expression: "address"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
+                "a",
                 {
+                  staticClass: "white--text",
                   attrs: {
-                    row: "",
-                    wrap: "",
-                    "justify-center": "",
-                    "align-center": ""
+                    href: "https://materialdesignicons.com/",
+                    target: "_blank"
                   }
                 },
+                [_vm._v("\n          Icons\n        ")]
+              )
+            ])
+          ]),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            { attrs: { "align-center": "", "justify-center": "", wrap: "" } },
+            _vm._l(_vm.icons, function(icon) {
+              return _c(
+                "v-flex",
+                { key: icon, attrs: { "ma-2": "" } },
                 [
                   _c(
-                    "v-flex",
-                    {
-                      staticClass: "text-md-center text-xs-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
-                    },
+                    "v-tooltip",
+                    { attrs: { top: "", "content-class": "top" } },
                     [
                       _c(
-                        "v-btn",
-                        {
-                          staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" }
-                        },
+                        "v-icon",
+                        { attrs: { slot: "activator" }, slot: "activator" },
                         [
-                          _c(
-                            "v-icon",
-                            { staticClass: "white--text mr-2 caption" },
-                            [_vm._v("fas fa-check")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("SAVE")
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    {
-                      staticClass:
-                        "text-md-center text-sm-center text-xs-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
-                    },
-                    [
-                      _c(
-                        "router-link",
-                        { attrs: { to: "/" } },
-                        [
-                          _c(
-                            "v-btn",
-                            {
-                              staticClass:
-                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                            },
-                            [
-                              _c("v-icon", { staticClass: "black--text" }, [
-                                _vm._v("keyboard_arrow_left")
-                              ]),
-                              _vm._v(" "),
-                              _c("span", { staticClass: "black--text" }, [
-                                _vm._v("Back")
-                              ])
-                            ],
-                            1
+                          _vm._v(
+                            "\n            " + _vm._s(icon) + "\n          "
                           )
-                        ],
-                        1
-                      )
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("span", [_vm._v(_vm._s(icon))])
                     ],
                     1
                   )
                 ],
                 1
               )
+            }),
+            1
+          )
+        ],
+        1
+      ),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "mx-auto" },
+        [
+          _c(
+            "v-btn",
+            {
+              staticClass: "mx-0 font-weight-light",
+              attrs: {
+                large: "",
+                color: "success",
+                href: "https://materialdesignicons.com/",
+                target: "_blank",
+                round: ""
+              }
+            },
+            [
+              _c("v-icon", { attrs: { left: "" } }, [
+                _vm._v("mdi-material-design")
+              ]),
+              _vm._v(" "),
+              _c("span", [_vm._v("See all icons")])
             ],
             1
           )
@@ -397,18 +202,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MyInfo.vue":
-/*!*******************************************!*\
-  !*** ./resources/js/vue/views/MyInfo.vue ***!
-  \*******************************************/
+/***/ "./resources/js/vue/views/NotWorking/Icons.vue":
+/*!*****************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Icons.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& */ "./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&");
-/* harmony import */ var _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _Icons_vue_vue_type_template_id_fbe03b5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Icons.vue?vue&type=template&id=fbe03b5e& */ "./resources/js/vue/views/NotWorking/Icons.vue?vue&type=template&id=fbe03b5e&");
+/* harmony import */ var _Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Icons.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/NotWorking/Icons.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -417,50 +222,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Icons_vue_vue_type_template_id_fbe03b5e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Icons_vue_vue_type_template_id_fbe03b5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "8d06a07c",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/MyInfo.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/Icons.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&":
-/*!********************************************************************!*\
-  !*** ./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js& ***!
-  \********************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Icons.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Icons.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Icons.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Icons.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&":
-/*!**************************************************************************************!*\
-  !*** ./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& ***!
-  \**************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Icons.vue?vue&type=template&id=fbe03b5e&":
+/*!************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Icons.vue?vue&type=template&id=fbe03b5e& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MyInfo.vue?vue&type=template&id=8d06a07c&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_template_id_fbe03b5e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Icons.vue?vue&type=template&id=fbe03b5e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Icons.vue?vue&type=template&id=fbe03b5e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_template_id_fbe03b5e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_8d06a07c_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_template_id_fbe03b5e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/13.js b/public/13.js
index d2e18ea9..7ab7315f 100644
--- a/public/13.js
+++ b/public/13.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[13],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -278,10 +278,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&":
-/*!***************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0& ***!
-  \***************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=template&id=58b67e1f&":
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=template&id=58b67e1f& ***!
+  \**************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -770,18 +770,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Notifications.vue":
-/*!**************************************************!*\
-  !*** ./resources/js/vue/views/Notifications.vue ***!
-  \**************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Notifications.vue":
+/*!*************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Notifications.vue ***!
+  \*************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Notifications.vue?vue&type=template&id=112eb3d0& */ "./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&");
-/* harmony import */ var _Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Notifications.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _Notifications_vue_vue_type_template_id_58b67e1f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Notifications.vue?vue&type=template&id=58b67e1f& */ "./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=template&id=58b67e1f&");
+/* harmony import */ var _Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Notifications.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -791,8 +791,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Notifications_vue_vue_type_template_id_58b67e1f___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Notifications_vue_vue_type_template_id_58b67e1f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -802,38 +802,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Notifications.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/Notifications.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
-  !*** ./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&":
-/*!*********************************************************************************!*\
-  !*** ./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0& ***!
-  \*********************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=template&id=58b67e1f&":
+/*!********************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=template&id=58b67e1f& ***!
+  \********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=template&id=112eb3d0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Notifications.vue?vue&type=template&id=112eb3d0&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_58b67e1f___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Notifications.vue?vue&type=template&id=58b67e1f& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Notifications.vue?vue&type=template&id=58b67e1f&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_58b67e1f___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_112eb3d0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Notifications_vue_vue_type_template_id_58b67e1f___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/14.js b/public/14.js
index 643e6024..c6dfee63 100644
--- a/public/14.js
+++ b/public/14.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[14],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/TableList.vue?vue&type=script&lang=js&":
+/*!******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/TableList.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -93,56 +93,57 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
       headers: [{
         sortable: false,
-        text: 'Operator Name',
+        text: 'Name',
         value: 'name'
       }, {
         sortable: false,
-        text: 'Role',
-        value: 'role'
+        text: 'Country',
+        value: 'country'
       }, {
         sortable: false,
-        text: 'Medical Center',
-        value: 'medicalcenter'
+        text: 'City',
+        value: 'city'
       }, {
         sortable: false,
-        text: 'Number',
-        value: 'number'
-      }, {
-        sortable: false,
-        text: 'Action',
-        value: 'action',
+        text: 'Salary',
+        value: 'salary',
         align: 'right'
       }],
       items: [{
-        name: 'Saeed Khakbazan',
-        role: 'Admin',
-        medicalcenter: 'Emam Reza',
-        number: '09120000',
-        action: ''
+        name: 'Dakota Rice',
+        country: 'Niger',
+        city: 'Oud-Tunrhout',
+        salary: '$35,738'
       }, {
-        name: 'Fatemeh Shokouhi',
-        role: 'SuperAdmin',
-        medicalcenter: 'Shahid Beheshti',
-        number: '09125555',
-        action: ''
+        name: 'Minerva Hooper',
+        country: 'Curaçao',
+        city: 'Sinaai-Waas',
+        salary: '$23,738'
       }, {
-        name: 'Fatemeh Fayyazi',
-        role: 'SuperVisior',
-        medicalcenter: 'Emam Reza',
-        number: '09123333',
-        action: ''
+        name: 'Sage Rodriguez',
+        country: 'Netherlands',
+        city: 'Overland Park',
+        salary: '$56,142'
+      }, {
+        name: 'Philip Chanley',
+        country: 'Korea, South',
+        city: 'Gloucester',
+        salary: '$38,735'
+      }, {
+        name: 'Doris Greene',
+        country: 'Malawi',
+        city: 'Feldkirchen in Kārnten',
+        salary: '$63,542'
+      }, {
+        name: 'Mason Porter',
+        country: 'Chile',
+        city: 'Gloucester',
+        salary: '$78,615'
       }]
     };
   }
@@ -150,10 +151,10 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&":
-/*!**************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& ***!
-  \**************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/TableList.vue?vue&type=template&id=6e46e843&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/TableList.vue?vue&type=template&id=6e46e843& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -167,98 +168,25 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-container",
-    { attrs: { "grid-list-xs": "" } },
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "material-card",
-        { attrs: { color: "black", title: "Operator List", text: "" } },
+        "v-layout",
+        { attrs: { "justify-center": "", wrap: "" } },
         [
           _c(
-            "v-layout",
-            { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
+            "v-flex",
+            { attrs: { md12: "" } },
             [
               _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", xs3: "" } },
-                [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: {
-                      name: "Name",
-                      label: "Name",
-                      color: "black",
-                      id: "id"
-                    }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
-                { attrs: { xs12: "", md3: "", xs3: "" } },
-                [
-                  _c("v-text-field", {
-                    staticClass: "pa-2",
-                    attrs: {
-                      name: "Number",
-                      label: "Number",
-                      color: "black",
-                      id: "id"
-                    }
-                  })
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-flex",
+                "material-card",
                 {
-                  staticClass: "text-xs-right",
-                  attrs: { xs12: "", md2: "", sm2: "" }
+                  attrs: {
+                    color: "green",
+                    title: "Simple Table",
+                    text: "Here is a subtitle for this table"
+                  }
                 },
-                [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-search")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("Filter")
-                      ])
-                    ],
-                    1
-                  )
-                ],
-                1
-              )
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "v-layout",
-            {
-              staticClass: "px-5 mt-3",
-              attrs: {
-                row: "",
-                "align-center": "",
-                "justify-center": "",
-                wrap: ""
-              }
-            },
-            [
-              _c(
-                "v-flex",
-                { attrs: { md12: "" } },
                 [
                   _c("v-data-table", {
                     attrs: {
@@ -274,7 +202,7 @@ var render = function() {
                           return [
                             _c("span", {
                               staticClass:
-                                "subheading font-weight-light text-white text--darken-3",
+                                "subheading font-weight-light text-success text--darken-3",
                               domProps: { textContent: _vm._s(header.text) }
                             })
                           ]
@@ -285,104 +213,15 @@ var render = function() {
                         fn: function(ref) {
                           var item = ref.item
                           return [
-                            _c(
-                              "td",
-                              { staticClass: "headline font-weight-light" },
-                              [_vm._v(_vm._s(item.name))]
-                            ),
+                            _c("td", [_vm._v(_vm._s(item.name))]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.role))]
-                            ),
+                            _c("td", [_vm._v(_vm._s(item.country))]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.medicalcenter))]
-                            ),
+                            _c("td", [_vm._v(_vm._s(item.city))]),
                             _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "title font-weight-light" },
-                              [_vm._v(_vm._s(item.number))]
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "td",
-                              { staticClass: "text-xs-right" },
-                              [
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: "mr-2 WM-ActionButton",
-                                    attrs: { color: "cyan" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-pen")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Edit")])
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "router-link",
-                                  { attrs: { to: "/role" } },
-                                  [
-                                    _c(
-                                      "v-btn",
-                                      {
-                                        staticClass: "mr-2 WM-ActionButton",
-                                        attrs: { color: "orange darken-1" }
-                                      },
-                                      [
-                                        _c(
-                                          "v-icon",
-                                          {
-                                            staticClass:
-                                              "white--text mr-2 caption"
-                                          },
-                                          [_vm._v("fas fa-user-tag")]
-                                        ),
-                                        _vm._v(" "),
-                                        _c("span", [_vm._v("Role")])
-                                      ],
-                                      1
-                                    )
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    staticClass: " WM-ActionButton",
-                                    attrs: { color: "pink" }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-times")]
-                                    ),
-                                    _vm._v(" "),
-                                    _c("span", [_vm._v("Remove")])
-                                  ],
-                                  1
-                                )
-                              ],
-                              1
-                            )
+                            _c("td", { staticClass: "text-xs-right" }, [
+                              _vm._v(_vm._s(item.salary))
+                            ])
                           ]
                         }
                       }
@@ -395,43 +234,61 @@ var render = function() {
             1
           ),
           _vm._v(" "),
-          _c("v-divider"),
-          _vm._v(" "),
           _c(
-            "v-layout",
-            {
-              staticClass: "mt-3",
-              attrs: {
-                row: "",
-                wrap: "",
-                "align-center": "",
-                "justify-center": ""
-              }
-            },
+            "v-flex",
+            { attrs: { md12: "" } },
             [
               _c(
-                "router-link",
-                { attrs: { to: "/manage-medical-center" } },
+                "material-card",
+                {
+                  attrs: {
+                    color: "green",
+                    flat: "",
+                    "full-width": "",
+                    title: "Table on Plain Background",
+                    text: "Here is a subtitle for this table"
+                  }
+                },
                 [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass:
-                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items.slice(0, 7),
+                      "hide-actions": ""
                     },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "black--text mr-2 caption" },
-                        [_vm._v("fas fa-chevron-left")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "black--text" }, [
-                        _vm._v("Back")
-                      ])
-                    ],
-                    1
-                  )
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c("td", [_vm._v(_vm._s(item.name))]),
+                            _vm._v(" "),
+                            _c("td", [_vm._v(_vm._s(item.country))]),
+                            _vm._v(" "),
+                            _c("td", [_vm._v(_vm._s(item.city))]),
+                            _vm._v(" "),
+                            _c("td", { staticClass: "text-xs-right" }, [
+                              _vm._v(_vm._s(item.salary))
+                            ])
+                          ]
+                        }
+                      }
+                    ])
+                  })
                 ],
                 1
               )
@@ -452,18 +309,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/OperatorList.vue":
-/*!*************************************************!*\
-  !*** ./resources/js/vue/views/OperatorList.vue ***!
-  \*************************************************/
+/***/ "./resources/js/vue/views/NotWorking/TableList.vue":
+/*!*********************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/TableList.vue ***!
+  \*********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& */ "./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&");
-/* harmony import */ var _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _TableList_vue_vue_type_template_id_6e46e843___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=6e46e843& */ "./resources/js/vue/views/NotWorking/TableList.vue?vue&type=template&id=6e46e843&");
+/* harmony import */ var _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TableList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/NotWorking/TableList.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -472,50 +329,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TableList_vue_vue_type_template_id_6e46e843___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _TableList_vue_vue_type_template_id_6e46e843___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "bdf7baac",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/OperatorList.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/TableList.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js&":
-/*!**************************************************************************!*\
-  !*** ./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/TableList.vue?vue&type=script&lang=js&":
+/*!**********************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/TableList.vue?vue&type=script&lang=js& ***!
+  \**********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/TableList.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&":
-/*!********************************************************************************************!*\
-  !*** ./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& ***!
-  \********************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/TableList.vue?vue&type=template&id=6e46e843&":
+/*!****************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/TableList.vue?vue&type=template&id=6e46e843& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/OperatorList.vue?vue&type=template&id=bdf7baac&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_6e46e843___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=template&id=6e46e843& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/TableList.vue?vue&type=template&id=6e46e843&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_6e46e843___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_bdf7baac_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_6e46e843___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/15.js b/public/15.js
index 1a596b4a..331a1c40 100644
--- a/public/15.js
+++ b/public/15.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[15],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Register.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -72,29 +72,88 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-/* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
-  data: function data() {
-    var defaultForm = Object.freeze({
-      cellnumber: '',
-      password: '',
-      name: ''
-    });
-    return {
-      form: Object.assign({}, defaultForm),
-      valid: false,
-      show1: false,
-      defaultForm: defaultForm
-    };
-  }
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({//
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&":
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true& ***!
-  \**********************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=template&id=e1077556&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=template&id=e1077556& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -107,194 +166,182 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
-    {
-      model: {
-        value: _vm.valid,
-        callback: function($$v) {
-          _vm.valid = $$v
-        },
-        expression: "valid"
-      }
-    },
+    "v-container",
+    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
-        "v-container",
-        { attrs: { "grid-list-xs": "" } },
+        "v-layout",
+        { attrs: { "justify-center": "", wrap: "" } },
         [
           _c(
-            "v-layout",
-            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            "v-flex",
+            { attrs: { xs12: "", md8: "" } },
             [
               _c(
-                "v-flex",
+                "material-card",
                 {
-                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm6: "" }
+                  attrs: {
+                    color: "green",
+                    title: "Edit Profile",
+                    text: "Complete your profile"
+                  }
                 },
                 [
                   _c(
-                    "material-card",
-                    { attrs: { color: "black", title: "Register Page" } },
+                    "v-form",
                     [
                       _c(
-                        "v-layout",
-                        { attrs: { column: "" } },
+                        "v-container",
+                        { attrs: { "py-0": "" } },
                         [
                           _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "name",
-                                  label: "Name",
-                                  id: "id3",
-                                  color: "black"
-                                },
-                                model: {
-                                  value: _vm.form.name,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "name", $$v)
-                                  },
-                                  expression: "form.name"
-                                }
-                              })
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "cellnumber",
-                                  label: "Cell Number",
-                                  id: "id1",
-                                  color: "black"
-                                },
-                                model: {
-                                  value: _vm.form.cellnumber,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "cellnumber", $$v)
-                                  },
-                                  expression: "form.cellnumber"
-                                }
-                              })
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md2: "", sm2: "" } },
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "password",
-                                  label: "Password",
-                                  type: _vm.show1 ? "text" : "password",
-                                  "append-icon": _vm.show1
-                                    ? "visibility"
-                                    : "visibility_off",
-                                  id: "id2",
-                                  color: "black"
-                                },
-                                on: {
-                                  "click:append": function($event) {
-                                    _vm.show1 = !_vm.show1
-                                  }
-                                },
-                                model: {
-                                  value: _vm.form.password,
-                                  callback: function($$v) {
-                                    _vm.$set(_vm.form, "password", $$v)
-                                  },
-                                  expression: "form.password"
-                                }
-                              })
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-layout",
-                        { attrs: { row: "", wrap: "" } },
-                        [
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass:
-                                "text-md-left text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
+                            "v-layout",
+                            { attrs: { wrap: "" } },
                             [
                               _c(
-                                "v-btn",
-                                {
-                                  staticClass: "WM-CyanBlueGradient-BG",
-                                  staticStyle: { padding: "10px 60px" }
-                                },
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
                                 [
-                                  _c(
-                                    "v-icon",
-                                    { staticClass: "white--text mr-2 caption" },
-                                    [_vm._v("fas fa-plus")]
-                                  ),
-                                  _vm._v(" "),
-                                  _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Register")
-                                  ])
+                                  _c("v-text-field", {
+                                    attrs: {
+                                      label: "Company (disabled)",
+                                      disabled: ""
+                                    }
+                                  })
                                 ],
                                 1
-                              )
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass:
-                                "text-md-right text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
+                              ),
+                              _vm._v(" "),
                               _c(
-                                "router-link",
-                                { attrs: { to: "/login" } },
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "User Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Email Address" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "First Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md6: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Last Name" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md12: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Adress" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "City" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: { label: "Country" }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", md4: "" } },
+                                [
+                                  _c("v-text-field", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "Postal Code",
+                                      type: "number"
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "" } },
+                                [
+                                  _c("v-textarea", {
+                                    staticClass: "purple-input",
+                                    attrs: {
+                                      label: "About Me",
+                                      value:
+                                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                                    }
+                                  })
+                                ],
+                                1
+                              ),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs12: "", "text-xs-right": "" } },
                                 [
                                   _c(
                                     "v-btn",
                                     {
-                                      staticClass:
-                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                                      staticClass: "mx-0 font-weight-light",
+                                      attrs: { color: "success" }
                                     },
                                     [
-                                      _c(
-                                        "v-icon",
-                                        {
-                                          staticClass:
-                                            "black--text mr-2 caption"
-                                        },
-                                        [_vm._v("fas fa-sign-in-alt")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "span",
-                                        { staticClass: "black--text" },
-                                        [_vm._v("Login")]
+                                      _vm._v(
+                                        "\n                  Update Profile\n                "
                                       )
-                                    ],
-                                    1
+                                    ]
                                   )
                                 ],
                                 1
@@ -313,6 +360,71 @@ var render = function() {
               )
             ],
             1
+          ),
+          _vm._v(" "),
+          _c(
+            "v-flex",
+            { attrs: { xs12: "", md4: "" } },
+            [
+              _c(
+                "material-card",
+                { staticClass: "v-card-profile" },
+                [
+                  _c(
+                    "v-avatar",
+                    {
+                      staticClass: "mx-auto d-block",
+                      attrs: { slot: "offset", size: "130" },
+                      slot: "offset"
+                    },
+                    [_c("img", { attrs: { src: "/img/" } })]
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-card-text",
+                    { staticClass: "text-xs-center" },
+                    [
+                      _c(
+                        "h6",
+                        {
+                          staticClass:
+                            "category text-gray font-weight-thin mb-3"
+                        },
+                        [_vm._v("CEO / CO-FOUNDER")]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "h4",
+                        { staticClass: "card-title font-weight-light" },
+                        [_vm._v("Alec Thompson")]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "p",
+                        { staticClass: "card-description font-weight-light" },
+                        [
+                          _vm._v(
+                            "Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is..."
+                          )
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass: "font-weight-light",
+                          attrs: { color: "success", round: "" }
+                        },
+                        [_vm._v("Follow")]
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
           )
         ],
         1
@@ -328,18 +440,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Register.vue":
-/*!*********************************************!*\
-  !*** ./resources/js/vue/views/Register.vue ***!
-  \*********************************************/
+/***/ "./resources/js/vue/views/NotWorking/UserProfile.vue":
+/*!***********************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/UserProfile.vue ***!
+  \***********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Register.vue?vue&type=template&id=395fc56b&scoped=true& */ "./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&");
-/* harmony import */ var _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Register.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Register.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _UserProfile_vue_vue_type_template_id_e1077556___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserProfile.vue?vue&type=template&id=e1077556& */ "./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=template&id=e1077556&");
+/* harmony import */ var _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UserProfile.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -348,50 +460,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _UserProfile_vue_vue_type_template_id_e1077556___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _UserProfile_vue_vue_type_template_id_e1077556___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "395fc56b",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Register.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/UserProfile.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Register.vue?vue&type=script&lang=js&":
-/*!**********************************************************************!*\
-  !*** ./resources/js/vue/views/Register.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=script&lang=js&":
+/*!************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&":
-/*!****************************************************************************************!*\
-  !*** ./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true& ***!
-  \****************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=template&id=e1077556&":
+/*!******************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=template&id=e1077556& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=template&id=395fc56b&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Register.vue?vue&type=template&id=395fc56b&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_e1077556___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserProfile.vue?vue&type=template&id=e1077556& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/UserProfile.vue?vue&type=template&id=e1077556&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_e1077556___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_395fc56b_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserProfile_vue_vue_type_template_id_e1077556___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/16.js b/public/16.js
index f57e43d1..114f86be 100644
--- a/public/16.js
+++ b/public/16.js
@@ -1,14 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[16],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Role.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Role.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -44,21 +54,296 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
     return {
-      items: ['SuperAdmin', 'Admin', 'SuperVisior', 'User']
+      result: ["Accept", "Reject"],
+      testTypeNames: [],
+      searchInput: "",
+      form: [],
+      filter: {
+        test_result_id: "",
+        name: "",
+        unique_code: ""
+      },
+      formData: {
+        autoclave_id: "",
+        result: "",
+        test_type_id: ""
+      }
     };
+  },
+  created: function created() {
+    if (this.$route.params.testResult) {
+      this.filter.test_result_id = this.$route.params.testResult;
+      this.selectTestType();
+    }
+
+    this.load();
+  },
+  methods: {
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].listTestTypeName);
+
+              case 2:
+                result = _context.sent;
+                this.testTypeNames = result.data.data;
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load() {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    selectTestType: function () {
+      var _selectTestType = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2() {
+        var result, key, keyForm, _result;
+
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].getInputs, this.filter);
+
+              case 2:
+                result = _context2.sent;
+
+                if (!(result && result.status == 200)) {
+                  _context2.next = 12;
+                  break;
+                }
+
+                this.form = result.data.data.inputs;
+                this.formData.test_type_id = result.data.data.testType.id;
+
+                for (key in result.data.data.inputs) {
+                  if (result.data.data.inputs.hasOwnProperty(key)) {
+                    if (result.data.data.inputs[key].type == 'Form') {
+                      for (keyForm in result.data.data.inputs[key].children) {
+                        if (result.data.data.inputs[key].children.hasOwnProperty(keyForm)) {
+                          this.formData[result.data.data.inputs[key].children[keyForm].name] = '';
+                        }
+                      }
+                    } else if (result.data.data.inputs[key].type == 'Checkbox') {
+                      this.formData[result.data.data.inputs[key].name] = [];
+                    } else {
+                      this.formData[result.data.data.inputs[key].name] = '';
+                    }
+                  }
+                }
+
+                if (!this.$route.params.testResult) {
+                  _context2.next = 12;
+                  break;
+                }
+
+                _context2.next = 10;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].editTestResult(this.$route.params.testResult));
+
+              case 10:
+                _result = _context2.sent;
+
+                if (_result && _result.status == 200) {
+                  this.formData = _result.data.data;
+                }
+
+              case 12:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function selectTestType() {
+        return _selectTestType.apply(this, arguments);
+      }
+
+      return selectTestType;
+    }(),
+    submitForm: function () {
+      var _submitForm = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3() {
+        var _result2, _result3;
+
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                if (!this.$route.params.testResult) {
+                  _context3.next = 6;
+                  break;
+                }
+
+                _context3.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].put(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateTestResult(this.$route.params.testResult), this.formData);
+
+              case 3:
+                _result2 = _context3.sent;
+                _context3.next = 9;
+                break;
+
+              case 6:
+                _context3.next = 8;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].storeTestResult, this.formData);
+
+              case 8:
+                _result3 = _context3.sent;
+
+              case 9:
+                if (result && result.status == 200) {
+                  this.$router.push({
+                    name: 'Dashboard'
+                  });
+                }
+
+              case 10:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function submitForm() {
+        return _submitForm.apply(this, arguments);
+      }
+
+      return submitForm;
+    }()
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&scoped=true&":
-/*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&scoped=true& ***!
-  \******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -72,60 +357,21 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-form",
+    { ref: "form" },
     [
       _c(
         "v-container",
-        { attrs: { "grid-list-xs": "", fluid: "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
             "material-card",
-            { attrs: { color: "black", title: "Role" } },
+            { attrs: { color: "black", title: "Submit Test Result" } },
             [
-              _c(
-                "v-layout",
-                {
-                  staticClass: "px-5 mb-3",
-                  attrs: {
-                    row: "",
-                    "align-center": "",
-                    "justify-center": "",
-                    wrap: ""
-                  }
-                },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md3: "", sm3: "" } },
-                    [
-                      _c("v-select", {
-                        attrs: {
-                          items: _vm.items,
-                          label: "Roles",
-                          color: "black"
-                        },
-                        model: {
-                          value: _vm.roles,
-                          callback: function($$v) {
-                            _vm.roles = $$v
-                          },
-                          expression: "roles"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                { attrs: { row: "", wrap: "" } },
-                [
-                  _c(
+              !_vm.$route.params.testResult
+                ? _c(
                     "v-layout",
                     {
-                      staticClass: "px-5 mt-2",
+                      staticClass: "px-5 my-3",
                       attrs: {
                         "align-center": "",
                         "justify-center": "",
@@ -134,44 +380,85 @@ var render = function() {
                     },
                     [
                       _c(
-                        "v-btn",
-                        {
-                          staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" }
-                        },
+                        "v-flex",
+                        { attrs: { xs12: "", sm4: "", md4: "" } },
                         [
-                          _c(
-                            "v-icon",
-                            { staticClass: "white--text mr-2 caption" },
-                            [_vm._v("fas fa-plus")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("Add")
-                          ])
+                          _c("v-autocomplete", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              "search-input": _vm.searchInput,
+                              items: _vm.testTypeNames,
+                              label: "Choose Test Type",
+                              color: "black"
+                            },
+                            on: {
+                              "update:searchInput": function($event) {
+                                _vm.searchInput = $event
+                              },
+                              "update:search-input": function($event) {
+                                _vm.searchInput = $event
+                              }
+                            },
+                            model: {
+                              value: _vm.filter.name,
+                              callback: function($$v) {
+                                _vm.$set(_vm.filter, "name", $$v)
+                              },
+                              expression: "filter.name"
+                            }
+                          })
                         ],
                         1
                       ),
                       _vm._v(" "),
                       _c(
-                        "router-link",
-                        { attrs: { to: "/dashboard" } },
+                        "v-flex",
+                        { attrs: { xs12: "", sm3: "", md3: "" } },
+                        [
+                          _c("v-text-field", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              name: "testcode",
+                              label: "Or Enter Test Unique Code",
+                              color: "black"
+                            },
+                            model: {
+                              value: _vm.filter.unique_code,
+                              callback: function($$v) {
+                                _vm.$set(_vm.filter, "unique_code", $$v)
+                              },
+                              expression: "filter.unique_code"
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        {
+                          staticClass:
+                            "text-xs-center text-sm-center text-md-center",
+                          attrs: { xs12: "", md2: "", sm2: "" }
+                        },
                         [
                           _c(
                             "v-btn",
                             {
                               staticClass:
-                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
+                              staticStyle: { padding: "10px 60px" },
+                              on: { click: _vm.selectTestType }
                             },
                             [
                               _c(
                                 "v-icon",
                                 { staticClass: "black--text mr-2 caption" },
-                                [_vm._v("fas fa-times")]
+                                [_vm._v("fas fa-chevron-right")]
                               ),
                               _vm._v(" "),
                               _c("span", { staticClass: "black--text" }, [
-                                _vm._v("Close")
+                                _vm._v("GO")
                               ])
                             ],
                             1
@@ -182,6 +469,328 @@ var render = function() {
                     ],
                     1
                   )
+                : _vm._e(),
+              _vm._v(" "),
+              !_vm.$route.params.testResult
+                ? _c(
+                    "v-layout",
+                    { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
+                    [_c("v-divider")],
+                    1
+                  )
+                : _vm._e(),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 my-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "autoclave",
+                          label: "ID AutoClave",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.formData.autoclave_id,
+                          callback: function($$v) {
+                            _vm.$set(_vm.formData, "autoclave_id", $$v)
+                          },
+                          expression: "formData.autoclave_id"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md3: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.result,
+                          label: "Resualt",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.formData.result,
+                          callback: function($$v) {
+                            _vm.$set(_vm.formData, "result", $$v)
+                          },
+                          expression: "formData.result"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _vm._l(_vm.form, function(item, key) {
+                    return _c(
+                      "v-flex",
+                      { key: key, class: ["pa-2", item.size] },
+                      [
+                        item.type == "Text"
+                          ? _c("v-text-field", {
+                              attrs: { label: item.name, color: "black" },
+                              model: {
+                                value: _vm.formData[item.name],
+                                callback: function($$v) {
+                                  _vm.$set(_vm.formData, item.name, $$v)
+                                },
+                                expression: "formData[item.name]"
+                              }
+                            })
+                          : _vm._e(),
+                        _vm._v(" "),
+                        item.type == "Select"
+                          ? _c("v-select", {
+                              attrs: {
+                                items: item.options,
+                                label: item.name,
+                                color: "black",
+                                "item-text": "title",
+                                "item-value": "id"
+                              },
+                              model: {
+                                value: _vm.formData[item.name],
+                                callback: function($$v) {
+                                  _vm.$set(_vm.formData, item.name, $$v)
+                                },
+                                expression: "formData[item.name]"
+                              }
+                            })
+                          : _vm._e(),
+                        _vm._v(" "),
+                        item.type == "Checkbox"
+                          ? _c(
+                              "v-container",
+                              { attrs: { fluid: "" } },
+                              [
+                                _c("p", [_vm._v(_vm._s(item.name))]),
+                                _vm._v(" "),
+                                _vm._l(item.options, function(
+                                  optionValue,
+                                  keyOption
+                                ) {
+                                  return _c("v-checkbox", {
+                                    key: keyOption,
+                                    attrs: {
+                                      label: optionValue.title,
+                                      value: optionValue.id
+                                    },
+                                    model: {
+                                      value: _vm.formData[item.name],
+                                      callback: function($$v) {
+                                        _vm.$set(_vm.formData, item.name, $$v)
+                                      },
+                                      expression: "formData[item.name]"
+                                    }
+                                  })
+                                })
+                              ],
+                              2
+                            )
+                          : _vm._e(),
+                        _vm._v(" "),
+                        item.type == "Form"
+                          ? [
+                              _c(
+                                "v-layout",
+                                { attrs: { row: "", wrap: "" } },
+                                [
+                                  _c("h3", [_vm._v(_vm._s(item.name))]),
+                                  _vm._v(" "),
+                                  _vm._l(item.children, function(
+                                    children,
+                                    keyChildren
+                                  ) {
+                                    return _c(
+                                      "v-flex",
+                                      {
+                                        key: keyChildren,
+                                        class: ["pa-2", children.size]
+                                      },
+                                      [
+                                        children.type == "Text"
+                                          ? _c("v-text-field", {
+                                              attrs: {
+                                                label: children.name,
+                                                color: "black"
+                                              },
+                                              model: {
+                                                value:
+                                                  _vm.formData[children.name],
+                                                callback: function($$v) {
+                                                  _vm.$set(
+                                                    _vm.formData,
+                                                    children.name,
+                                                    $$v
+                                                  )
+                                                },
+                                                expression:
+                                                  "formData[children.name]"
+                                              }
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(" "),
+                                        children.type == "Select"
+                                          ? _c("v-select", {
+                                              attrs: {
+                                                items: children.options,
+                                                label: children.name,
+                                                color: "black",
+                                                "item-text": "title",
+                                                "item-value": "id"
+                                              },
+                                              model: {
+                                                value:
+                                                  _vm.formData[children.name],
+                                                callback: function($$v) {
+                                                  _vm.$set(
+                                                    _vm.formData,
+                                                    children.name,
+                                                    $$v
+                                                  )
+                                                },
+                                                expression:
+                                                  "formData[children.name]"
+                                              }
+                                            })
+                                          : _vm._e(),
+                                        _vm._v(" "),
+                                        children.type == "Checkbox"
+                                          ? _c(
+                                              "v-container",
+                                              { attrs: { fluid: "" } },
+                                              [
+                                                _c("p", [
+                                                  _vm._v(_vm._s(children.name))
+                                                ]),
+                                                _vm._v(" "),
+                                                _vm._l(
+                                                  children.options,
+                                                  function(
+                                                    optionValue,
+                                                    keyOption
+                                                  ) {
+                                                    return _c("v-checkbox", {
+                                                      key: keyOption,
+                                                      attrs: {
+                                                        label:
+                                                          optionValue.title,
+                                                        value: optionValue.id
+                                                      },
+                                                      model: {
+                                                        value:
+                                                          _vm.formData[
+                                                            children.name
+                                                          ],
+                                                        callback: function(
+                                                          $$v
+                                                        ) {
+                                                          _vm.$set(
+                                                            _vm.formData,
+                                                            children.name,
+                                                            $$v
+                                                          )
+                                                        },
+                                                        expression:
+                                                          "formData[children.name]"
+                                                      }
+                                                    })
+                                                  }
+                                                )
+                                              ],
+                                              2
+                                            )
+                                          : _vm._e()
+                                      ],
+                                      1
+                                    )
+                                  })
+                                ],
+                                2
+                              )
+                            ]
+                          : _vm._e()
+                      ],
+                      2
+                    )
+                  })
+                ],
+                2
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
+                [_c("v-divider")],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 mt-2",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" },
+                      on: { click: _vm.submitForm }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-check")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("SAVE")
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "router-link",
+                    { attrs: { to: { name: "Dashboard" } } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-chevron-left")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Back")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
                 ],
                 1
               )
@@ -202,18 +811,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Role.vue":
-/*!*****************************************!*\
-  !*** ./resources/js/vue/views/Role.vue ***!
-  \*****************************************/
+/***/ "./resources/js/vue/views/TestResult/AddEdit.vue":
+/*!*******************************************************!*\
+  !*** ./resources/js/vue/views/TestResult/AddEdit.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Role.vue?vue&type=template&id=c87f6484&scoped=true& */ "./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&scoped=true&");
-/* harmony import */ var _Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Role.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Role.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=template&id=20289233& */ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&");
+/* harmony import */ var _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -222,50 +831,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "c87f6484",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Role.vue"
+component.options.__file = "resources/js/vue/views/TestResult/AddEdit.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Role.vue?vue&type=script&lang=js&":
-/*!******************************************************************!*\
-  !*** ./resources/js/vue/views/Role.vue?vue&type=script&lang=js& ***!
-  \******************************************************************/
+/***/ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js&":
+/*!********************************************************************************!*\
+  !*** ./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Role.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Role.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&scoped=true&":
-/*!************************************************************************************!*\
-  !*** ./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&scoped=true& ***!
-  \************************************************************************************/
+/***/ "./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&":
+/*!**************************************************************************************!*\
+  !*** ./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Role.vue?vue&type=template&id=c87f6484&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Role.vue?vue&type=template&id=c87f6484&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=template&id=20289233& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/AddEdit.vue?vue&type=template&id=20289233&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_c87f6484_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_20289233___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/17.js b/public/17.js
index 52da20ac..d7ebb6ff 100644
--- a/public/17.js
+++ b/public/17.js
@@ -1,14 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[17],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js&":
+/*!*************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -90,21 +100,144 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
     return {
-      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
+      headers: [{
+        sortable: false,
+        text: "AutoClaveId",
+        value: "name"
+      }, {
+        sortable: false,
+        text: "Hospital",
+        value: "Hospital"
+      }, {
+        sortable: false,
+        text: "User",
+        value: "Users"
+      }, {
+        sortable: false,
+        text: "Result",
+        value: "result"
+      }, {
+        sortable: false,
+        text: "Date",
+        value: "date"
+      }, {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }],
+      items: [],
+      currentPage: 1,
+      lastPage: 1
     };
+  },
+  created: function created() {
+    this.load();
+  },
+  methods: {
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var page,
+            result,
+            _args = arguments;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                page = _args.length > 0 && _args[0] !== undefined ? _args[0] : 1;
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].listTestResult(page));
+
+              case 3:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.data;
+                  this.currentPage = result.data.data.current_page;
+                  this.lastPage = result.data.data.last_page;
+                }
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load() {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    remove: function () {
+      var _remove = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(testResultId) {
+        var result, key;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].removeTestResult(testResultId));
+
+              case 2:
+                result = _context2.sent;
+
+                if (result && result.status == 200) {
+                  for (key in this.items) {
+                    if (this.items.hasOwnProperty(key) && this.items[key].id == testResultId) {
+                      this.items.splice(key, 1);
+                    }
+                  }
+                }
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function remove(_x) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  },
+  watch: {
+    currentPage: function currentPage(page) {
+      this.load(page);
+    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -117,51 +250,31 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "div",
+    {},
     [
       _c(
         "v-container",
-        { attrs: { "grid-list-xs": "" } },
+        { attrs: { fluid: "" } },
         [
           _c(
             "material-card",
-            { attrs: { color: "black", title: "Submit Test Result" } },
+            { attrs: { color: "black", title: "All Test Resualt", text: "" } },
             [
               _c(
                 "v-layout",
                 {
-                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                  staticClass: "my-3",
+                  attrs: { "align-center": "", wrap: "" }
                 },
                 [
                   _c(
                     "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          items: _vm.items,
-                          label: "Choose Test Type",
-                          color: "black"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm3: "", md3: "" } },
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
                     [
                       _c("v-text-field", {
                         staticClass: "pa-2",
-                        attrs: {
-                          name: "testcode",
-                          label: "Or Enter Test Code",
-                          id: "id",
-                          color: "black"
-                        }
+                        attrs: { label: "Name", color: "black" }
                       })
                     ],
                     1
@@ -169,28 +282,47 @@ var render = function() {
                   _vm._v(" "),
                   _c(
                     "v-flex",
-                    {
-                      staticClass:
-                        "text-xs-center text-sm-center text-md-center",
-                      attrs: { xs12: "", md2: "", sm2: "" }
-                    },
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { label: "Date", color: "black" }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { label: "Hospital", color: "black" }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md2: "", sm2: "" } },
                     [
                       _c(
                         "v-btn",
                         {
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
+                          staticClass: "WM-CyanBlueGradient-BG",
                           staticStyle: { padding: "10px 60px" }
                         },
                         [
                           _c(
                             "v-icon",
-                            { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-chevron-right")]
+                            { staticClass: "white--text mr-2 caption" },
+                            [_vm._v("fas fa-search")]
                           ),
                           _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v("GO")
+                          _c("span", { staticClass: "white--text" }, [
+                            _vm._v("Filter")
                           ])
                         ],
                         1
@@ -202,65 +334,149 @@ var render = function() {
                 1
               ),
               _vm._v(" "),
-              _c(
-                "v-layout",
-                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
-                [_c("v-divider")],
-                1
-              ),
+              _c("v-divider"),
               _vm._v(" "),
               _c(
                 "v-layout",
                 {
-                  staticClass: "px-5 my-3",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                  staticClass: "my-3",
+                  attrs: { "align-center": "", wrap: "" }
                 },
                 [
                   _c(
                     "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    { attrs: { md12: "" } },
                     [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "cssd",
-                          label: "ID CSSD",
-                          color: "black",
-                          id: "id"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "autoclave",
-                          label: "ID AutoClave",
-                          color: "black",
-                          id: "id"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
-                    [
-                      _c("v-select", {
-                        staticClass: "pa-2",
+                      _c("v-data-table", {
                         attrs: {
+                          headers: _vm.headers,
                           items: _vm.items,
-                          label: "Resualt",
-                          color: "black"
-                        }
+                          "hide-actions": ""
+                        },
+                        scopedSlots: _vm._u([
+                          {
+                            key: "headerCell",
+                            fn: function(ref) {
+                              var header = ref.header
+                              return [
+                                _c("span", {
+                                  staticClass:
+                                    "subheading font-weight-light text-white text--darken-3",
+                                  domProps: { textContent: _vm._s(header.text) }
+                                })
+                              ]
+                            }
+                          },
+                          {
+                            key: "items",
+                            fn: function(ref) {
+                              var item = ref.item
+                              return [
+                                _c(
+                                  "td",
+                                  { staticClass: "headline font-weight-light" },
+                                  [_vm._v(_vm._s(item.autoclave_id))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [
+                                    _vm._v(
+                                      _vm._s(item.user.medical_center.name)
+                                    )
+                                  ]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [_vm._v(_vm._s(item.user.name))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [_vm._v(_vm._s(item.result))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [_vm._v(_vm._s(item.created_at))]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "text-xs-right" },
+                                  [
+                                    _c(
+                                      "router-link",
+                                      {
+                                        attrs: {
+                                          to: {
+                                            name: "EditTestResult",
+                                            params: { testResult: item.id }
+                                          }
+                                        }
+                                      },
+                                      [
+                                        _c(
+                                          "v-btn",
+                                          {
+                                            staticClass: "mr-2",
+                                            attrs: { color: "cyan" }
+                                          },
+                                          [
+                                            _c(
+                                              "v-icon",
+                                              {
+                                                staticClass:
+                                                  "white--text mr-1 caption"
+                                              },
+                                              [_vm._v("fas fa-pen")]
+                                            ),
+                                            _vm._v(" "),
+                                            _c("span", [_vm._v("Edit")])
+                                          ],
+                                          1
+                                        )
+                                      ],
+                                      1
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "v-btn",
+                                      {
+                                        staticClass: "mr-2",
+                                        attrs: { color: "black" },
+                                        on: {
+                                          click: function($event) {
+                                            return _vm.remove(item.id)
+                                          }
+                                        }
+                                      },
+                                      [
+                                        _c(
+                                          "v-icon",
+                                          {
+                                            staticClass:
+                                              "white--text mr-1 caption"
+                                          },
+                                          [_vm._v("fas fa-folder")]
+                                        ),
+                                        _vm._v(" "),
+                                        _c("span", [_vm._v("Archive")])
+                                      ],
+                                      1
+                                    )
+                                  ],
+                                  1
+                                )
+                              ]
+                            }
+                          }
+                        ])
                       })
                     ],
                     1
@@ -269,40 +485,40 @@ var render = function() {
                 1
               ),
               _vm._v(" "),
-              _c(
-                "v-layout",
-                { staticClass: "px-5 my-3", attrs: { row: "", wrap: "" } },
-                [_c("v-divider")],
-                1
-              ),
+              _c("v-divider"),
+              _vm._v(" "),
+              _vm.lastPage > 1
+                ? _c(
+                    "div",
+                    { staticClass: "text-xs-center" },
+                    [
+                      _c("v-pagination", {
+                        attrs: { length: _vm.lastPage, "total-visible": 6 },
+                        model: {
+                          value: _vm.currentPage,
+                          callback: function($$v) {
+                            _vm.currentPage = $$v
+                          },
+                          expression: "currentPage"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                : _vm._e(),
               _vm._v(" "),
               _c(
                 "v-layout",
                 {
-                  staticClass: "px-5 mt-2",
-                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                  staticClass: "mt-3",
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "align-center": "",
+                    "justify-center": ""
+                  }
                 },
                 [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-check")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("SAVE")
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
                   _c(
                     "router-link",
                     { attrs: { to: "/dashboard" } },
@@ -349,18 +565,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue":
-/*!*****************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue ***!
-  \*****************************************************/
+/***/ "./resources/js/vue/views/TestResult/List.vue":
+/*!****************************************************!*\
+  !*** ./resources/js/vue/views/TestResult/List.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
-/* harmony import */ var _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubmitTestResult.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _List_vue_vue_type_template_id_5a2f7b66___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=5a2f7b66& */ "./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&");
+/* harmony import */ var _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./List.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -369,50 +585,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _List_vue_vue_type_template_id_5a2f7b66___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _List_vue_vue_type_template_id_5a2f7b66___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "6799764f",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SubmitTestResult.vue"
+component.options.__file = "resources/js/vue/views/TestResult/List.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
+/***/ "./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************!*\
+  !*** ./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&":
-/*!************************************************************************************************!*\
-  !*** ./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& ***!
-  \************************************************************************************************/
+/***/ "./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&":
+/*!***********************************************************************************!*\
+  !*** ./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SubmitTestResult.vue?vue&type=template&id=6799764f&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5a2f7b66___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=template&id=5a2f7b66& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestResult/List.vue?vue&type=template&id=5a2f7b66&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5a2f7b66___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubmitTestResult_vue_vue_type_template_id_6799764f_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5a2f7b66___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/18.js b/public/18.js
index b7b5fd5b..c1deab75 100644
--- a/public/18.js
+++ b/public/18.js
@@ -1,14 +1,29 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[18],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&":
-/*!******************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/List.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -26,19 +41,361 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
-    return {};
+    return {
+      headers: [{
+        sortable: true,
+        text: 'Operator',
+        value: 'name'
+      }, {
+        sortable: false,
+        text: 'Date',
+        value: 'date'
+      }, {
+        sortable: false,
+        text: 'Role',
+        value: 'role'
+      }, {
+        sortable: true,
+        text: 'Hospital',
+        value: 'hospital'
+      }, {
+        sortable: false,
+        text: 'Action',
+        value: 'action',
+        align: 'right'
+      }],
+      items: [],
+      currentPage: 1,
+      lastPage: 1
+    };
+  },
+  created: function created() {
+    this.load();
+  },
+  methods: _objectSpread({
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var page,
+            result,
+            _args = arguments;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                page = _args.length > 0 && _args[0] !== undefined ? _args[0] : 1;
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].listOpertor(page));
+
+              case 3:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.data;
+                  this.currentPage = result.data.data.current_page;
+                  this.lastPage = result.data.data.last_page;
+                } else {
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load() {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    changeStatus: function () {
+      var _changeStatus = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(userId) {
+        var result, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, user;
+
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].changeStatusUser(userId));
+
+              case 2:
+                result = _context2.sent;
+
+                if (!(result && result.status == 200)) {
+                  _context2.next = 25;
+                  break;
+                }
+
+                _iteratorNormalCompletion = true;
+                _didIteratorError = false;
+                _iteratorError = undefined;
+                _context2.prev = 7;
+
+                for (_iterator = this.items[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                  user = _step.value;
+
+                  if (user.id == userId) {
+                    user.status = result.data.data.status;
+                  }
+                }
+
+                _context2.next = 15;
+                break;
+
+              case 11:
+                _context2.prev = 11;
+                _context2.t0 = _context2["catch"](7);
+                _didIteratorError = true;
+                _iteratorError = _context2.t0;
+
+              case 15:
+                _context2.prev = 15;
+                _context2.prev = 16;
+
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+
+              case 18:
+                _context2.prev = 18;
+
+                if (!_didIteratorError) {
+                  _context2.next = 21;
+                  break;
+                }
+
+                throw _iteratorError;
+
+              case 21:
+                return _context2.finish(18);
+
+              case 22:
+                return _context2.finish(15);
+
+              case 23:
+                _context2.next = 26;
+                break;
+
+              case 25:
+                this.$router.push({
+                  name: "Dashboard"
+                });
+
+              case 26:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[7, 11, 15, 23], [16,, 18, 22]]);
+      }));
+
+      function changeStatus(_x) {
+        return _changeStatus.apply(this, arguments);
+      }
+
+      return changeStatus;
+    }()
+  }, Object(vuex__WEBPACK_IMPORTED_MODULE_3__["mapMutations"])("modal", ["changeCurrentModal"]), {
+    changeRoleModal: function changeRoleModal(user) {
+      this.changeCurrentModal({
+        modal: "modal-user-role",
+        properties: {
+          user: user
+        }
+      });
+    },
+    remove: function () {
+      var _remove = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(userId) {
+        var result, key;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_1__["urls"].deleteUser(userId));
+
+              case 2:
+                result = _context3.sent;
+
+                if (result && result.status == 200) {
+                  for (key in this.items) {
+                    if (this.items.hasOwnProperty(key) && this.items[key].id == userId) {
+                      this.items.splice(key, 1);
+                    }
+                  }
+                }
+
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function remove(_x2) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  }),
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_3__["mapGetters"])("modal", ["getModalResult"])),
+  watch: {
+    getModalResult: function getModalResult(user) {
+      var _iteratorNormalCompletion2 = true;
+      var _didIteratorError2 = false;
+      var _iteratorError2 = undefined;
+
+      try {
+        for (var _iterator2 = this.items[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var userList = _step2.value;
+
+          if (userList.id == user.id) {
+            userList.roles = user.roles;
+          }
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+    },
+    currentPage: function currentPage(page) {
+      this.load(page);
+    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&":
-/*!**********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& ***!
-  \**********************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&":
+/*!***********************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c& ***!
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -51,27 +408,327 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
+    "v-container",
+    { attrs: { "grid-list-xs": "" } },
     [
       _c(
-        "v-container",
-        { attrs: { "grid-list-xs": "" } },
+        "material-card",
+        { attrs: { color: "black", title: "Member List" } },
         [
           _c(
             "v-layout",
-            { attrs: { row: "", wrap: "" } },
+            {
+              staticClass: "px-5 mb-3",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
             [
               _c(
-                "material-card",
-                { attrs: { color: "black", title: "User Info" } },
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: { color: "black", name: "name", label: "Name" }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: { color: "black", name: "date", label: "Date" }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: {
+                      color: "black",
+                      name: "hospital",
+                      label: "Hospital"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
                 [
                   _c(
-                    "v-flex",
-                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
                     [
-                      _c("v-text-field", {
-                        attrs: { name: "name", label: "label", id: "id" }
-                      })
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-search")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("Filter")
+                      ])
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 my-2",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md12: "", sm12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.created_at))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              _vm._l(item.roles, function(role, key) {
+                                return _c("span", { key: key }, [
+                                  _vm._v(_vm._s(role.name))
+                                ])
+                              }),
+                              0
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.medical_center.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-xs-right" },
+                              [
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: {
+                                      color:
+                                        item.status == "Active"
+                                          ? "red"
+                                          : "green"
+                                    },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeStatus(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    item.status == "Active"
+                                      ? [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          item.status == "Active"
+                                            ? _c("span", [_vm._v("Susspended")])
+                                            : _vm._e()
+                                        ]
+                                      : [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c("span", [_vm._v("Active")])
+                                        ]
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: { color: "orange darken-1" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeRoleModal(item)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-user-tag")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Role")])
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "WM-ActionButton",
+                                    attrs: { color: "pink" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.remove(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-times")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Remove")])
+                                  ],
+                                  1
+                                )
+                              ],
+                              1
+                            )
+                          ]
+                        }
+                      }
+                    ])
+                  })
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _vm.lastPage > 1
+            ? _c(
+                "div",
+                { staticClass: "text-xs-center" },
+                [
+                  _c("v-pagination", {
+                    attrs: { length: _vm.lastPage, "total-visible": 6 },
+                    model: {
+                      value: _vm.currentPage,
+                      callback: function($$v) {
+                        _vm.currentPage = $$v
+                      },
+                      expression: "currentPage"
+                    }
+                  })
+                ],
+                1
+              )
+            : _vm._e(),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
+            },
+            [
+              _c(
+                "router-link",
+                { attrs: { to: { name: "Dashboard" } } },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass:
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "black--text mr-2 caption" },
+                        [_vm._v("fas fa-chevron-left")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "black--text" }, [
+                        _vm._v("Back")
+                      ])
                     ],
                     1
                   )
@@ -95,17 +752,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue":
-/*!*********************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue ***!
-  \*********************************************************/
+/***/ "./resources/js/vue/views/User/List.vue":
+/*!**********************************************!*\
+  !*** ./resources/js/vue/views/User/List.vue ***!
+  \**********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& */ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&");
-/* harmony import */ var _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UserInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&");
+/* harmony import */ var _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=5b60cb2c& */ "./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&");
+/* harmony import */ var _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./List.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -115,50 +772,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "ad4fa66e",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SuperVisior/UserInfo.vue"
+component.options.__file = "resources/js/vue/views/User/List.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&":
-/*!**********************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js& ***!
-  \**********************************************************************************/
+/***/ "./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&":
+/*!***********************************************************************!*\
+  !*** ./resources/js/vue/views/User/List.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&":
-/*!****************************************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& ***!
-  \****************************************************************************************************/
+/***/ "./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&":
+/*!*****************************************************************************!*\
+  !*** ./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c& ***!
+  \*****************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/UserInfo.vue?vue&type=template&id=ad4fa66e&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=template&id=5b60cb2c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/List.vue?vue&type=template&id=5b60cb2c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_UserInfo_vue_vue_type_template_id_ad4fa66e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_5b60cb2c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/19.js b/public/19.js
index f1979b04..b709310c 100644
--- a/public/19.js
+++ b/public/19.js
@@ -1,14 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[19],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -41,112 +51,145 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      search: '',
-      headers: [{
-        text: 'Dessert (100g serving)',
-        align: 'left',
-        sortable: false,
-        value: 'name'
-      }, {
-        text: 'Calories',
-        value: 'calories'
-      }, {
-        text: 'Fat (g)',
-        value: 'fat'
-      }, {
-        text: 'Carbs (g)',
-        value: 'carbs'
-      }, {
-        text: 'Protein (g)',
-        value: 'protein'
-      }, {
-        text: 'Iron (%)',
-        value: 'iron'
-      }],
-      desserts: [{
-        name: 'Frozen Yogurt',
-        calories: 159,
-        fat: 6.0,
-        carbs: 24,
-        protein: 4.0,
-        iron: '1%'
-      }, {
-        name: 'Ice cream sandwich',
-        calories: 237,
-        fat: 9.0,
-        carbs: 37,
-        protein: 4.3,
-        iron: '1%'
-      }, {
-        name: 'Eclair',
-        calories: 262,
-        fat: 16.0,
-        carbs: 23,
-        protein: 6.0,
-        iron: '7%'
-      }, {
-        name: 'Cupcake',
-        calories: 305,
-        fat: 3.7,
-        carbs: 67,
-        protein: 4.3,
-        iron: '8%'
-      }, {
-        name: 'Gingerbread',
-        calories: 356,
-        fat: 16.0,
-        carbs: 49,
-        protein: 3.9,
-        iron: '16%'
-      }, {
-        name: 'Jelly bean',
-        calories: 375,
-        fat: 0.0,
-        carbs: 94,
-        protein: 0.0,
-        iron: '0%'
-      }, {
-        name: 'Lollipop',
-        calories: 392,
-        fat: 0.2,
-        carbs: 98,
-        protein: 0,
-        iron: '2%'
-      }, {
-        name: 'Honeycomb',
-        calories: 408,
-        fat: 3.2,
-        carbs: 87,
-        protein: 6.5,
-        iron: '45%'
-      }, {
-        name: 'Donut',
-        calories: 452,
-        fat: 25.0,
-        carbs: 51,
-        protein: 4.9,
-        iron: '22%'
-      }, {
-        name: 'KitKat',
-        calories: 518,
-        fat: 26.0,
-        carbs: 65,
-        protein: 7,
-        iron: '6%'
-      }]
+      user: {
+        cell_number: "",
+        gender: "",
+        name: "",
+        email: "",
+        address: ""
+      },
+      items: ["Male", "FeMale"],
+      rules: {
+        required: function required(value) {
+          return !!value || "Required.";
+        },
+        counter: function counter(value) {
+          return value.length == 0 || value.length >= 5 || "Min 5 characters";
+        },
+        email: function email(value) {
+          if (value.length > 0) {
+            var pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+            return pattern.test(value) || "Invalid e-mail.";
+          }
+        }
+      }
     };
+  },
+  created: function created() {
+    this.user = this.$store.state.user;
+  },
+  methods: {
+    saveInfo: function () {
+      var _saveInfo = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!this.$refs.form.validate()) {
+                  _context.next = 5;
+                  break;
+                }
+
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateInfo, this.user);
+
+              case 3:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.$store.dispatch("info", {}, {
+                    root: true
+                  });
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function saveInfo() {
+        return _saveInfo.apply(this, arguments);
+      }
+
+      return saveInfo;
+    }()
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&":
-/*!*******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
-  \*******************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
+  \*************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -159,92 +202,256 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-card",
+    "v-form",
+    { ref: "form" },
     [
       _c(
-        "v-card-title",
+        "v-container",
+        { attrs: { "grid-list-xs": "", fluid: "" } },
         [
-          _vm._v("\n    Nutrition\n    "),
-          _c("v-spacer"),
-          _vm._v(" "),
-          _c("v-text-field", {
-            attrs: {
-              "append-icon": "search",
-              label: "Search",
-              "single-line": "",
-              "hide-details": ""
-            },
-            model: {
-              value: _vm.search,
-              callback: function($$v) {
-                _vm.search = $$v
-              },
-              expression: "search"
-            }
-          })
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c(
-        "v-data-table",
-        {
-          attrs: {
-            headers: _vm.headers,
-            items: _vm.desserts,
-            search: _vm.search
-          },
-          scopedSlots: _vm._u([
-            {
-              key: "items",
-              fn: function(props) {
-                return [
-                  _c("td", [_vm._v(_vm._s(props.item.name))]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.calories))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.fat))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.carbs))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.protein))
-                  ]),
-                  _vm._v(" "),
-                  _c("td", { staticClass: "text-xs-right" }, [
-                    _vm._v(_vm._s(props.item.iron))
-                  ])
-                ]
-              }
-            }
-          ])
-        },
-        [
-          _vm._v(" "),
-          _c("v-alert", {
-            attrs: { value: true, color: "error", icon: "warning" },
-            scopedSlots: _vm._u([
-              {
-                key: "no-results",
-                fn: function() {
-                  return [
-                    _vm._v(
-                      '\n      Your search for "' +
-                        _vm._s(_vm.search) +
-                        '" found no results.\n    '
-                    )
-                  ]
+          _c(
+            "material-card",
+            { attrs: { color: "black", title: "My Info" } },
+            [
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 my-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
                 },
-                proxy: true
-              }
-            ])
-          })
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "name",
+                          label: "Name",
+                          color: "black",
+                          rules: [_vm.rules.required, _vm.rules.counter]
+                        },
+                        model: {
+                          value: _vm.user.name,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "name", $$v)
+                          },
+                          expression: "user.name"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.items,
+                          label: "Gender",
+                          name: "gender",
+                          "single-line": "",
+                          rules: [_vm.rules.required],
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.user.gender,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "gender", $$v)
+                          },
+                          expression: "user.gender"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "cellnumber",
+                          label: "Cell Number",
+                          mask: "0### ### ####",
+                          color: "black",
+                          disabled: ""
+                        },
+                        model: {
+                          value: _vm.user.cell_number,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "cell_number", $$v)
+                          },
+                          expression: "user.cell_number"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 mb-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "px-2",
+                        staticStyle: { "padding-top": "75px" },
+                        attrs: {
+                          name: "emailaddress",
+                          label: "Email Address",
+                          rules: [_vm.rules.email],
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.user.email,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "email", $$v)
+                          },
+                          expression: "user.email"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm8: "", md8: "" } },
+                    [
+                      _c("v-textarea", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          color: "black",
+                          rules: [_vm.rules.counter],
+                          name: "address"
+                        },
+                        scopedSlots: _vm._u([
+                          {
+                            key: "label",
+                            fn: function() {
+                              return [_c("div", [_vm._v("Address")])]
+                            },
+                            proxy: true
+                          }
+                        ]),
+                        model: {
+                          value: _vm.user.address,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "address", $$v)
+                          },
+                          expression: "user.address"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "justify-center": "",
+                    "align-center": ""
+                  }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass: "text-md-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass: "WM-CyanBlueGradient-BG",
+                          staticStyle: { padding: "10px 60px" },
+                          on: {
+                            click: function($event) {
+                              return _vm.saveInfo()
+                            }
+                          }
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "white--text mr-2 caption" },
+                            [_vm._v("fas fa-check")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "white--text" }, [
+                            _vm._v("SAVE")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass:
+                        "text-md-center text-sm-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "router-link",
+                        { attrs: { to: "/" } },
+                        [
+                          _c(
+                            "v-btn",
+                            {
+                              staticClass:
+                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                            },
+                            [
+                              _c("v-icon", { staticClass: "black--text" }, [
+                                _vm._v("keyboard_arrow_left")
+                              ]),
+                              _vm._v(" "),
+                              _c("span", { staticClass: "black--text" }, [
+                                _vm._v("Back")
+                              ])
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          )
         ],
         1
       )
@@ -259,17 +466,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue":
-/*!******************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue ***!
-  \******************************************************/
+/***/ "./resources/js/vue/views/User/MyInfo.vue":
+/*!************************************************!*\
+  !*** ./resources/js/vue/views/User/MyInfo.vue ***!
+  \************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./table.vue?vue&type=template&id=826d5224& */ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&");
-/* harmony import */ var _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./table.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&");
+/* harmony import */ var _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=template&id=67cde174& */ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
+/* harmony import */ var _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -279,9 +486,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -291,38 +498,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/SuperVisior/table.vue"
+component.options.__file = "resources/js/vue/views/User/MyInfo.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************/
+/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
+/*!*************************************************************************!*\
+  !*** ./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&":
-/*!*************************************************************************************!*\
-  !*** ./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224& ***!
-  \*************************************************************************************/
+/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
+/*!*******************************************************************************!*\
+  !*** ./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
+  \*******************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./table.vue?vue&type=template&id=826d5224& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/SuperVisior/table.vue?vue&type=template&id=826d5224&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=template&id=67cde174& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_table_vue_vue_type_template_id_826d5224___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/2.js b/public/2.js
index 6accb5ec..6674b078 100644
--- a/public/2.js
+++ b/public/2.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[2],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&":
-/*!*********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js& ***!
-  \*********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -73,371 +73,60 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+var leader = 'I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.';
+var leaderShort = leader.slice(0, 105) + '...';
+var material = 'The Life of Material Dashboard';
+var small = 'Header with small subtitle';
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
     return {
-      SelectedType: {
-        0: 0,
-        1: {}
-      },
-      InputDuplicator: {
-        0: 0
-      },
-      ArrayInput: [{
-        value: ''
-      }],
-      ArraySelectBox: [],
-      ArrayCheckBox: [],
-      ArrayForm: [],
-      SelectBox: {},
-      CheckBox: {},
-      ArrayDiv: [0],
-      Hidden: false,
-      select: {
-        state: 'Text',
-        abbr: 'text'
-      },
-      Items: [[{
-        state: 'Text',
-        abbr: 'text'
-      }, {
-        state: 'Checkbox',
-        abbr: 'checkbox'
-      }, {
-        state: 'Select',
-        abbr: 'select'
-      }, {
-        state: 'Form',
-        abbr: 'form'
-      }], [{
-        state: 'Text',
-        abbr: 'text'
-      }, {
-        state: 'Checkbox',
-        abbr: 'checkbox'
-      }, {
-        state: 'Select',
-        abbr: 'select'
-      }]]
+      typography: {
+        'heading-1': ['Header 1', material, 'h1'],
+        'heading-2': ['Header 2', material, 'h2'],
+        'heading-3': ['Header 3', material, 'h3'],
+        'heading-4': ['Header 4', material, 'h4'],
+        'heading-5': ['Header 5', material, 'h5'],
+        'heading-6 text-uppercase': ['Header 6', material, 'h6'],
+        '': ['Paragraph', leader, 'p'],
+        'quote': ['Quote', leader, 'blockquote'],
+        'text--disabled': ['Muted Text', leaderShort, 'p'],
+        'text-primary': ['Primary Text', leaderShort, 'p'],
+        'text-info': ['Info Text', leaderShort, 'p'],
+        'text-success': ['Success Text', leaderShort, 'p'],
+        'text-warning': ['Warning Text', leaderShort, 'p'],
+        'text-danger': ['Danger Text', leaderShort, 'p'],
+        'small': ['Small Tag', small, 'h2']
+      }
     };
-  },
-  methods: {
-    Duplicator: function Duplicator() {
-      this.ArrayDiv.push(this.ArrayDiv.length);
-    },
-    Remove: function Remove(index) {
-      this.ArrayDiv.splice(index, 1);
-    },
-    RemoveInput: function RemoveInput(Type, ArrayDivindex, index) {
-      if (Type === 'ArraySelectBox') {
-        this.ArraySelectBox[ArrayDivindex].splice(index, 1);
-        this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox');
-      } else {
-        this.ArrayCheckBox[ArrayDivindex].splice(index, 1);
-        this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox');
-      }
-    },
-    InputDuplicate: function InputDuplicate(Type, ArrayDivindex) {
-      if (Type === 'ArraySelectBox') {
-        if (this.ArraySelectBox[ArrayDivindex] == undefined) {
-          this.ArraySelectBox[ArrayDivindex] = [];
-        }
-
-        this.ArraySelectBox[ArrayDivindex].push({
-          value: ''
-        });
-        this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox');
-      } else if (Type === 'ArrayCheckBox') {
-        if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
-          this.ArrayCheckBox[ArrayDivindex] = [];
-        }
-
-        this.ArrayCheckBox[ArrayDivindex].push({
-          value: ''
-        });
-        this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox');
-      } else {
-        if (this.ArrayForm[ArrayDivindex] == undefined) {
-          this.ArrayForm[ArrayDivindex] = [];
-        } else {
-          this.ArrayForm[ArrayDivindex].push({
-            value: ''
-          });
-          this.CreateAgainArray(this.ArrayForm, 'ArrayForm');
-        }
-      }
-    },
-    CreateAgainArray: function CreateAgainArray(arrayDiv, Type) {
-      var array = arrayDiv;
-
-      if (Type === 'ArraySelectBox') {
-        this.ArraySelectBox = [];
-        this.ArraySelectBox = array;
-      } else if (Type === 'ArrayCheckBox') {
-        this.ArrayCheckBox = [];
-        this.ArrayCheckBox = array;
-      } else {
-        this.ArrayForm = [];
-        this.ArrayForm = array;
-      }
-    },
-    DefaultValue: function DefaultValue(ArrayDivindex, SelectedType) {
-      this.Hidden = true;
-
-      if (SelectedType == 'select') {
-        if (this.ArraySelectBox[ArrayDivindex] == undefined) {
-          this.ArraySelectBox[ArrayDivindex] = [];
-          this.ArraySelectBox[ArrayDivindex].push({
-            value: ''
-          });
-        }
-      } else if (SelectedType == 'checkbox') {
-        if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
-          this.ArrayCheckBox[ArrayDivindex] = [];
-          this.ArrayCheckBox[ArrayDivindex].push({
-            value: ''
-          });
-        }
-      }
-    }
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&":
-/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& ***!
-  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss&":
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss& ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, "\n.WM-Border-Gray[data-v-d05735bc] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-d05735bc] {\r\n  background-color : #F5F5F5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n    top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n    bottom: -24px !important;\n}\r\n", ""]);
+exports.push([module.i, ".tim-note {\n  bottom: 10px;\n  color: #c0c1c2;\n  display: block;\n  font-weight: 400;\n  font-size: 13px;\n  line-height: 13px;\n  left: 0;\n  margin-left: 20px;\n  width: 260px;\n}", ""]);
 
 
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&":
-/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& ***!
-  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss&":
+/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss& ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&");
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--6-3!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -451,7 +140,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -459,10 +148,10 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&":
-/*!*************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& ***!
-  \*************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=template&id=446dabf0&":
+/*!***********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=template&id=446dabf0& ***!
+  \***********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -475,892 +164,101 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-form",
-    { attrs: { id: "ParentForm" } },
+    "v-container",
+    { attrs: { "fill-height": "", fluid: "" } },
     [
       _c(
-        "v-container",
-        { attrs: { "grid-list-xs": "" } },
+        "v-layout",
+        { attrs: { "justify-center": "", "align-center": "" } },
         [
           _c(
-            "material-card",
-            { attrs: { color: "black", title: "Add a New Test" } },
+            "v-flex",
+            { attrs: { xs12: "" } },
             [
               _c(
-                "v-layout",
+                "material-card",
                 {
-                  staticClass:
-                    "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Relative",
-                  attrs: { row: "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-layout",
-                    {
-                      staticClass: "ma-2",
-                      attrs: { row: "", wrap: "", id: "Form" }
-                    },
-                    [
-                      _c(
-                        "v-flex",
-                        { attrs: { xs12: "", md3: "", sm3: "" } },
-                        [
-                          _c("v-text-field", {
-                            staticClass: "pa-2",
-                            attrs: {
-                              name: "name",
-                              label: "Name",
-                              color: "black",
-                              id: "name"
-                            }
-                          })
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _c(
-                        "v-flex",
-                        { attrs: { xs12: "", md3: "", sm3: "" } },
-                        [
-                          _c("v-select", {
-                            staticClass: "pa-2",
-                            attrs: {
-                              items: _vm.Items[0],
-                              "item-text": "state",
-                              "item-value": "abbr",
-                              label: "Type",
-                              "single-line": "",
-                              color: "black"
-                            },
-                            on: {
-                              change: function($event) {
-                                return _vm.DefaultValue(0, _vm.SelectedType[0])
-                              }
-                            },
-                            model: {
-                              value: _vm.SelectedType[0],
-                              callback: function($$v) {
-                                _vm.$set(_vm.SelectedType, 0, $$v)
-                              },
-                              expression: "SelectedType[0]"
-                            }
-                          })
-                        ],
-                        1
-                      ),
-                      _vm._v(" "),
-                      _vm.SelectedType[0] === "text"
-                        ? _c(
-                            "v-flex",
-                            { attrs: { xs12: "", md3: "", sm3: "" } },
-                            [
-                              _c("v-text-field", {
-                                staticClass: "pa-2",
-                                attrs: {
-                                  name: "size",
-                                  label: "Size",
-                                  color: "black",
-                                  id: "InputSize"
-                                }
-                              })
-                            ],
-                            1
-                          )
-                        : _vm._e()
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _vm.SelectedType[0] === "select"
-                    ? _c(
-                        "v-layout",
-                        {
-                          staticClass:
-                            "ma-3 pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
-                          attrs: { row: "", wrap: "" }
-                        },
-                        [
-                          _c(
-                            "v-layout",
-                            {
-                              staticClass: "WM-Relative WM-Width-Full",
-                              attrs: { row: "", wrap: "" }
-                            },
-                            _vm._l(_vm.ArraySelectBox[0], function(
-                              SelectBox,
-                              Key
-                            ) {
-                              return _c(
-                                "v-flex",
-                                {
-                                  key: Key,
-                                  staticClass:
-                                    "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
-                                  attrs: { xs12: "", md3: "", sm3: "" }
-                                },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "pa-2 Input",
-                                    attrs: {
-                                      name: "title",
-                                      label: "Title",
-                                      color: "black"
-                                    },
-                                    model: {
-                                      value: SelectBox.value,
-                                      callback: function($$v) {
-                                        _vm.$set(SelectBox, "value", $$v)
-                                      },
-                                      expression: "SelectBox.value"
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  Key >= 1
-                                    ? _c(
-                                        "v-btn",
-                                        {
-                                          attrs: {
-                                            absolute: "",
-                                            small: "",
-                                            right: "",
-                                            bottom: "",
-                                            color: "pink"
-                                          },
-                                          on: {
-                                            click: function($event) {
-                                              return _vm.RemoveInput(
-                                                "ArraySelectBox",
-                                                0,
-                                                Key
-                                              )
-                                            }
-                                          }
-                                        },
-                                        [
-                                          _c(
-                                            "v-icon",
-                                            {
-                                              staticClass:
-                                                "white--text mr-2 caption"
-                                            },
-                                            [_vm._v("fas fa-times")]
-                                          ),
-                                          _vm._v("\n              REMOVE")
-                                        ],
-                                        1
-                                      )
-                                    : _vm._e()
-                                ],
-                                1
-                              )
-                            }),
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-btn",
-                            {
-                              staticClass: "mb-2",
-                              attrs: {
-                                absolute: "",
-                                right: "",
-                                bottom: "",
-                                small: "",
-                                color: "black"
-                              },
-                              on: {
-                                click: function($event) {
-                                  return _vm.InputDuplicate("ArraySelectBox", 0)
-                                }
-                              }
-                            },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-2 caption" },
-                                [_vm._v("fas fa-plus")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", { staticClass: "white--text" }, [
-                                _vm._v("Add")
-                              ])
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.SelectedType[0] === "checkbox"
-                    ? _c(
-                        "v-layout",
-                        {
-                          staticClass:
-                            "pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
-                          attrs: { row: "", wrap: "" }
-                        },
-                        [
-                          _c(
-                            "v-layout",
-                            {
-                              staticClass: "WM-Width-Full WM-Relative",
-                              attrs: { row: "", wrap: "" }
-                            },
-                            _vm._l(_vm.ArrayCheckBox[0], function(
-                              Checkbox,
-                              Key
-                            ) {
-                              return _c(
-                                "v-flex",
-                                {
-                                  key: Key,
-                                  staticClass:
-                                    "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
-                                  attrs: { xs12: "", sm3: "", md3: "" }
-                                },
-                                [
-                                  _c("v-text-field", {
-                                    staticClass: "pa-2 Input",
-                                    attrs: {
-                                      name: "title",
-                                      label: "Title",
-                                      color: "black"
-                                    },
-                                    model: {
-                                      value: Checkbox.value,
-                                      callback: function($$v) {
-                                        _vm.$set(Checkbox, "value", $$v)
-                                      },
-                                      expression: "Checkbox.value"
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  Key >= 1
-                                    ? _c(
-                                        "v-btn",
-                                        {
-                                          attrs: {
-                                            absolute: "",
-                                            small: "",
-                                            right: "",
-                                            bottom: "",
-                                            color: "pink"
-                                          },
-                                          on: {
-                                            click: function($event) {
-                                              return _vm.RemoveInput(
-                                                "ArrayCheckBox",
-                                                0,
-                                                Key
-                                              )
-                                            }
-                                          }
-                                        },
-                                        [
-                                          _c(
-                                            "v-icon",
-                                            {
-                                              staticClass:
-                                                "white--text mr-2 caption"
-                                            },
-                                            [_vm._v("fas fa-times")]
-                                          ),
-                                          _vm._v(" "),
-                                          _c(
-                                            "span",
-                                            { staticClass: "white--text" },
-                                            [_vm._v("REMOVE")]
-                                          )
-                                        ],
-                                        1
-                                      )
-                                    : _vm._e()
-                                ],
-                                1
-                              )
-                            }),
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-btn",
-                            {
-                              staticClass: "mb-2",
-                              attrs: {
-                                absolute: "",
-                                small: "",
-                                right: "",
-                                bottom: "",
-                                color: "black"
-                              },
-                              on: {
-                                click: function($event) {
-                                  return _vm.InputDuplicate("ArrayCheckBox", 0)
-                                }
-                              }
-                            },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-2 caption" },
-                                [_vm._v("fas fa-plus")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", { staticClass: "white--text" }, [
-                                _vm._v("Add")
-                              ])
-                            ],
-                            1
-                          )
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.SelectedType[0] === "form"
-                    ? _c(
-                        "v-layout",
-                        {
-                          staticClass:
-                            "pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative",
-                          attrs: { row: "", wrap: "" }
-                        },
-                        [
-                          _vm._l(_vm.ArrayDiv, function(Div, ArrayDivKey) {
-                            return _c(
-                              "v-layout",
-                              {
-                                key: ArrayDivKey,
-                                staticClass:
-                                  "pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Color-LightGrey WM-Width-Full WM-Relative Form",
-                                attrs: { row: "", wrap: "" }
-                              },
-                              [
-                                _c(
-                                  "v-flex",
-                                  { attrs: { xs12: "", md3: "", sm3: "" } },
-                                  [
-                                    _c("v-text-field", {
-                                      staticClass: "pa-2",
-                                      attrs: {
-                                        name: "name",
-                                        label: "Name",
-                                        id: ""
-                                      }
-                                    })
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _c(
-                                  "v-flex",
-                                  { attrs: { xs12: "", md3: "", sm3: "" } },
-                                  [
-                                    _c("v-select", {
-                                      staticClass: "pa-2",
-                                      attrs: {
-                                        items: _vm.Items[1],
-                                        "item-text": "state",
-                                        "item-value": "abbr",
-                                        label: "Type",
-                                        "single-line": "",
-                                        color: "black"
-                                      },
-                                      on: {
-                                        change: function($event) {
-                                          return _vm.DefaultValue(
-                                            ArrayDivKey,
-                                            _vm.SelectedType[1][ArrayDivKey]
-                                          )
-                                        }
-                                      },
-                                      model: {
-                                        value: _vm.SelectedType[1][ArrayDivKey],
-                                        callback: function($$v) {
-                                          _vm.$set(
-                                            _vm.SelectedType[1],
-                                            ArrayDivKey,
-                                            $$v
-                                          )
-                                        },
-                                        expression:
-                                          "SelectedType[1][ArrayDivKey]"
-                                      }
-                                    })
-                                  ],
-                                  1
-                                ),
-                                _vm._v(" "),
-                                _vm.SelectedType[1][ArrayDivKey] === "text"
-                                  ? _c(
-                                      "v-flex",
-                                      { attrs: { xs12: "", md3: "", sm3: "" } },
-                                      [
-                                        _c("v-text-field", {
-                                          staticClass: "pa-2",
-                                          attrs: {
-                                            name: "size",
-                                            label: "Size",
-                                            color: "black",
-                                            id: "InputSize"
-                                          }
-                                        })
-                                      ],
-                                      1
-                                    )
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.SelectedType[1][ArrayDivKey] === "select"
-                                  ? _c(
-                                      "v-layout",
-                                      {
-                                        staticClass:
-                                          "pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
-                                        attrs: { row: "", wrap: "" }
-                                      },
-                                      [
-                                        _c(
-                                          "v-layout",
-                                          {
-                                            staticClass:
-                                              "WM-Relative WM-Width-Full",
-                                            attrs: { row: "", wrap: "" }
-                                          },
-                                          _vm._l(
-                                            _vm.ArraySelectBox[ArrayDivKey],
-                                            function(SelectBox, Key) {
-                                              return _c(
-                                                "v-flex",
-                                                {
-                                                  key: Key,
-                                                  staticClass:
-                                                    "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
-                                                  attrs: {
-                                                    xs12: "",
-                                                    md3: "",
-                                                    sm3: ""
-                                                  }
-                                                },
-                                                [
-                                                  _c("v-text-field", {
-                                                    staticClass: "pa-2 Input",
-                                                    attrs: {
-                                                      name: "title",
-                                                      label: "Title",
-                                                      color: "black",
-                                                      id: "value"
-                                                    },
-                                                    model: {
-                                                      value: SelectBox.value,
-                                                      callback: function($$v) {
-                                                        _vm.$set(
-                                                          SelectBox,
-                                                          "value",
-                                                          $$v
-                                                        )
-                                                      },
-                                                      expression:
-                                                        "SelectBox.value"
-                                                    }
-                                                  }),
-                                                  _vm._v(" "),
-                                                  Key >= 1
-                                                    ? _c(
-                                                        "v-btn",
-                                                        {
-                                                          attrs: {
-                                                            absolute: "",
-                                                            small: "",
-                                                            right: "",
-                                                            bottom: "",
-                                                            color: "pink"
-                                                          },
-                                                          on: {
-                                                            click: function(
-                                                              $event
-                                                            ) {
-                                                              return _vm.RemoveInput(
-                                                                "ArraySelectBox",
-                                                                ArrayDivKey,
-                                                                Key
-                                                              )
-                                                            }
-                                                          }
-                                                        },
-                                                        [
-                                                          _c(
-                                                            "v-icon",
-                                                            {
-                                                              staticClass:
-                                                                "white--text mr-2 caption"
-                                                            },
-                                                            [
-                                                              _vm._v(
-                                                                "fas fa-times"
-                                                              )
-                                                            ]
-                                                          ),
-                                                          _vm._v(
-                                                            "\n                  REMOVE"
-                                                          )
-                                                        ],
-                                                        1
-                                                      )
-                                                    : _vm._e()
-                                                ],
-                                                1
-                                              )
-                                            }
-                                          ),
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "v-btn",
-                                          {
-                                            attrs: {
-                                              absolute: "",
-                                              right: "",
-                                              bottom: "",
-                                              small: "",
-                                              color: "black"
-                                            },
-                                            on: {
-                                              click: function($event) {
-                                                return _vm.InputDuplicate(
-                                                  "ArraySelectBox",
-                                                  ArrayDivKey
-                                                )
-                                              }
-                                            }
-                                          },
-                                          [
-                                            _c(
-                                              "v-icon",
-                                              {
-                                                staticClass:
-                                                  "white--text mr-2 caption"
-                                              },
-                                              [_vm._v("fas fa-plus")]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "span",
-                                              { staticClass: "white--text" },
-                                              [_vm._v("Add")]
-                                            )
-                                          ],
-                                          1
-                                        )
-                                      ],
-                                      1
-                                    )
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _vm.SelectedType[1][ArrayDivKey] === "checkbox"
-                                  ? _c(
-                                      "v-layout",
-                                      {
-                                        staticClass:
-                                          "pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
-                                        attrs: { row: "", wrap: "" }
-                                      },
-                                      [
-                                        _c(
-                                          "v-layout",
-                                          {
-                                            staticClass:
-                                              "WM-Relative WM-Width-Full",
-                                            attrs: { row: "", wrap: "" }
-                                          },
-                                          _vm._l(
-                                            _vm.ArrayCheckBox[ArrayDivKey],
-                                            function(CheckBox, Key) {
-                                              return Key >= 0
-                                                ? _c(
-                                                    "v-flex",
-                                                    {
-                                                      key: Key,
-                                                      staticClass:
-                                                        "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
-                                                      attrs: {
-                                                        xs12: "",
-                                                        md3: "",
-                                                        sm3: ""
-                                                      }
-                                                    },
-                                                    [
-                                                      _c("v-text-field", {
-                                                        staticClass:
-                                                          "pa-2 Input",
-                                                        attrs: {
-                                                          name: "title",
-                                                          label: "Title",
-                                                          color: "black",
-                                                          id: "value"
-                                                        },
-                                                        model: {
-                                                          value: CheckBox.value,
-                                                          callback: function(
-                                                            $$v
-                                                          ) {
-                                                            _vm.$set(
-                                                              CheckBox,
-                                                              "value",
-                                                              $$v
-                                                            )
-                                                          },
-                                                          expression:
-                                                            "CheckBox.value"
-                                                        }
-                                                      }),
-                                                      _vm._v(" "),
-                                                      Key >= 1
-                                                        ? _c(
-                                                            "v-btn",
-                                                            {
-                                                              attrs: {
-                                                                absolute: "",
-                                                                small: "",
-                                                                right: "",
-                                                                bottom: "",
-                                                                color: "pink"
-                                                              },
-                                                              on: {
-                                                                click: function(
-                                                                  $event
-                                                                ) {
-                                                                  return _vm.RemoveInput(
-                                                                    "ArrayCheckBox",
-                                                                    ArrayDivKey,
-                                                                    Key
-                                                                  )
-                                                                }
-                                                              }
-                                                            },
-                                                            [
-                                                              _c(
-                                                                "v-icon",
-                                                                {
-                                                                  staticClass:
-                                                                    "white--text mr-2 caption"
-                                                                },
-                                                                [
-                                                                  _vm._v(
-                                                                    "fas fa-times"
-                                                                  )
-                                                                ]
-                                                              ),
-                                                              _vm._v(
-                                                                "\n                  REMOVE"
-                                                              )
-                                                            ],
-                                                            1
-                                                          )
-                                                        : _vm._e()
-                                                    ],
-                                                    1
-                                                  )
-                                                : _vm._e()
-                                            }
-                                          ),
-                                          1
-                                        ),
-                                        _vm._v(" "),
-                                        _c(
-                                          "v-btn",
-                                          {
-                                            attrs: {
-                                              absolute: "",
-                                              right: "",
-                                              bottom: "",
-                                              small: "",
-                                              color: "black"
-                                            },
-                                            on: {
-                                              click: function($event) {
-                                                return _vm.InputDuplicate(
-                                                  "ArrayCheckBox",
-                                                  ArrayDivKey
-                                                )
-                                              }
-                                            }
-                                          },
-                                          [
-                                            _c(
-                                              "v-icon",
-                                              {
-                                                staticClass:
-                                                  "white--text mr-2 caption"
-                                              },
-                                              [_vm._v("fas fa-plus")]
-                                            ),
-                                            _vm._v(" "),
-                                            _c(
-                                              "span",
-                                              { staticClass: "white--text" },
-                                              [_vm._v("Add")]
-                                            )
-                                          ],
-                                          1
-                                        )
-                                      ],
-                                      1
-                                    )
-                                  : _vm._e(),
-                                _vm._v(" "),
-                                _c(
-                                  "v-btn",
-                                  {
-                                    attrs: {
-                                      absolute: "",
-                                      small: "",
-                                      right: "",
-                                      top: "",
-                                      color: "pink",
-                                      id: "RemoveFormDuplicator"
-                                    },
-                                    on: {
-                                      click: function($event) {
-                                        return _vm.Remove(ArrayDivKey)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _c(
-                                      "v-icon",
-                                      {
-                                        staticClass: "white--text mr-2 caption"
-                                      },
-                                      [_vm._v("fas fa-times")]
-                                    ),
-                                    _vm._v("\n            REMOVE")
-                                  ],
-                                  1
-                                )
-                              ],
-                              1
-                            )
-                          }),
-                          _vm._v(" "),
-                          _c(
-                            "v-btn",
-                            {
-                              attrs: {
-                                absolute: "",
-                                small: "",
-                                right: "",
-                                bottom: "",
-                                color: "cyan",
-                                id: "FormDuplicator"
-                              },
-                              on: { click: _vm.Duplicator }
-                            },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-2 caption" },
-                                [_vm._v("fas fa-plus")]
-                              ),
-                              _vm._v("\n          ADD")
-                            ],
-                            1
-                          )
-                        ],
-                        2
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "mb-2",
-                      attrs: {
-                        absolute: "",
-                        right: "",
-                        bottom: "",
-                        small: "",
-                        color: "pink"
-                      },
-                      on: {
-                        click: function($event) {
-                          return _vm.InputDuplicate("ArrayForm", 0)
-                        }
-                      }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-plus")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("Add")
-                      ])
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "mt-4",
                   attrs: {
-                    row: "",
-                    wrap: "",
-                    "align-center": "",
-                    "justify-center": ""
+                    color: "green",
+                    title: "Material Dashboard Heading",
+                    text: "Created using Roboto Font Family"
                   }
                 },
                 [
-                  _vm.Hidden
-                    ? _c(
-                        "v-btn",
-                        {
-                          staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" }
-                        },
-                        [
-                          _c(
-                            "v-icon",
-                            { staticClass: "white--text mr-2 caption" },
-                            [_vm._v("fas fa-check")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("Generate Form")
-                          ])
-                        ],
-                        1
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
                   _c(
-                    "router-link",
-                    { attrs: { to: "/dashboard" } },
+                    "v-card-text",
                     [
+                      _c("h2", { staticClass: "font-weight-light mb-4" }, [
+                        _vm._v("Typography")
+                      ]),
+                      _vm._v(" "),
                       _c(
-                        "v-btn",
+                        "v-container",
                         {
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                          staticClass: "pa-0",
+                          attrs: { "grid-list-xl": "", fluid: "" }
                         },
-                        [
-                          _c(
-                            "v-icon",
-                            { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-chevron-left")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v("Back")
-                          ])
-                        ],
+                        _vm._l(_vm.typography, function(t, i) {
+                          return _c(
+                            "v-layout",
+                            { key: i, attrs: { "align-end": "", wrap: "" } },
+                            [
+                              _c("v-flex", { attrs: { xs1: "", md3: "" } }, [
+                                _c("span", {
+                                  staticClass: "tim-note",
+                                  domProps: { textContent: _vm._s(t[0]) }
+                                })
+                              ]),
+                              _vm._v(" "),
+                              _c(
+                                "v-flex",
+                                { attrs: { xs8: "" } },
+                                [
+                                  _c(
+                                    t[2],
+                                    { tag: "component", class: i },
+                                    [
+                                      i !== "quote"
+                                        ? [
+                                            _vm._v(
+                                              "\n                    " +
+                                                _vm._s(t[1]) +
+                                                "\n                  "
+                                            )
+                                          ]
+                                        : _vm._e(),
+                                      _vm._v(" "),
+                                      i === "quote"
+                                        ? _c("p", [_vm._v(_vm._s(t[1]))])
+                                        : _vm._e(),
+                                      _vm._v(" "),
+                                      i === "quote"
+                                        ? _c("small", [
+                                            _vm._v("Kanye West, Musician")
+                                          ])
+                                        : _vm._e(),
+                                      _vm._v(" "),
+                                      i === "small"
+                                        ? [
+                                            _c("br"),
+                                            _vm._v(" "),
+                                            _c("small", [
+                                              _vm._v(
+                                                "Use 'small' tag for the headers"
+                                              )
+                                            ])
+                                          ]
+                                        : _vm._e()
+                                    ],
+                                    2
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
+                        }),
                         1
                       )
                     ],
@@ -1386,19 +284,19 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestCreator.vue":
-/*!************************************************!*\
-  !*** ./resources/js/vue/views/TestCreator.vue ***!
-  \************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Typography.vue":
+/*!**********************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Typography.vue ***!
+  \**********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& */ "./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&");
-/* harmony import */ var _TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TestCreator.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& */ "./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _Typography_vue_vue_type_template_id_446dabf0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Typography.vue?vue&type=template&id=446dabf0& */ "./resources/js/vue/views/NotWorking/Typography.vue?vue&type=template&id=446dabf0&");
+/* harmony import */ var _Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Typography.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/NotWorking/Typography.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Typography.vue?vue&type=style&index=0&lang=scss& */ "./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -1408,66 +306,66 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Typography_vue_vue_type_template_id_446dabf0___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Typography_vue_vue_type_template_id_446dabf0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "d05735bc",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TestCreator.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/Typography.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&":
-/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js& ***!
-  \*************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Typography.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Typography.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&":
-/*!*********************************************************************************************************!*\
-  !*** ./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& ***!
-  \*********************************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss&":
+/*!********************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss& ***!
+  \********************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
- /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--6-3!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=style&index=0&lang=scss&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&":
-/*!*******************************************************************************************!*\
-  !*** ./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& ***!
-  \*******************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Typography.vue?vue&type=template&id=446dabf0&":
+/*!*****************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Typography.vue?vue&type=template&id=446dabf0& ***!
+  \*****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_template_id_446dabf0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=template&id=446dabf0& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Typography.vue?vue&type=template&id=446dabf0&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_template_id_446dabf0___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_template_id_446dabf0___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/20.js b/public/20.js
index d772beeb..995e5ff0 100644
--- a/public/20.js
+++ b/public/20.js
@@ -1,160 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[20],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  data: function data() {
-    return {
-      headers: [{
-        sortable: false,
-        text: 'Name',
-        value: 'name'
-      }, {
-        sortable: false,
-        text: 'Country',
-        value: 'country'
-      }, {
-        sortable: false,
-        text: 'City',
-        value: 'city'
-      }, {
-        sortable: false,
-        text: 'Salary',
-        value: 'salary',
-        align: 'right'
-      }],
-      items: [{
-        name: 'Dakota Rice',
-        country: 'Niger',
-        city: 'Oud-Tunrhout',
-        salary: '$35,738'
-      }, {
-        name: 'Minerva Hooper',
-        country: 'Curaçao',
-        city: 'Sinaai-Waas',
-        salary: '$23,738'
-      }, {
-        name: 'Sage Rodriguez',
-        country: 'Netherlands',
-        city: 'Overland Park',
-        salary: '$56,142'
-      }, {
-        name: 'Philip Chanley',
-        country: 'Korea, South',
-        city: 'Gloucester',
-        salary: '$38,735'
-      }, {
-        name: 'Doris Greene',
-        country: 'Malawi',
-        city: 'Feldkirchen in Kārnten',
-        salary: '$63,542'
-      }, {
-        name: 'Mason Porter',
-        country: 'Chile',
-        city: 'Gloucester',
-        salary: '$78,615'
-      }]
-    };
-  }
-});
-
-/***/ }),
-
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
-  \***********************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Upgrade.vue?vue&type=template&id=405aec93&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Upgrade.vue?vue&type=template&id=405aec93& ***!
+  \********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -168,129 +17,204 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-container",
-    { attrs: { "fill-height": "", fluid: "", "grid-list-xl": "" } },
     [
       _c(
         "v-layout",
-        { attrs: { "justify-center": "", wrap: "" } },
+        { attrs: { "justify-center": "" } },
         [
           _c(
             "v-flex",
-            { attrs: { md12: "" } },
+            { attrs: { xs12: "", sm10: "", md8: "" } },
             [
               _c(
                 "material-card",
                 {
                   attrs: {
-                    color: "green",
-                    title: "Simple Table",
-                    text: "Here is a subtitle for this table"
+                    color: "primary",
+                    title: "Vue Material Dashboard PRO",
+                    text:
+                      "Are you looking for more components? Please check our Premium Version of Vue Material Dashboard."
                   }
                 },
                 [
-                  _c("v-data-table", {
-                    attrs: {
-                      headers: _vm.headers,
-                      items: _vm.items,
-                      "hide-actions": ""
-                    },
-                    scopedSlots: _vm._u([
-                      {
-                        key: "headerCell",
-                        fn: function(ref) {
-                          var header = ref.header
-                          return [
-                            _c("span", {
-                              staticClass:
-                                "subheading font-weight-light text-success text--darken-3",
-                              domProps: { textContent: _vm._s(header.text) }
-                            })
-                          ]
-                        }
-                      },
-                      {
-                        key: "items",
-                        fn: function(ref) {
-                          var item = ref.item
-                          return [
-                            _c("td", [_vm._v(_vm._s(item.name))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.country))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.city))]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-xs-right" }, [
-                              _vm._v(_vm._s(item.salary))
+                  _c("table", { staticClass: "v-table" }, [
+                    _c("thead", [
+                      _c("tr", [
+                        _c("th"),
+                        _vm._v(" "),
+                        _c(
+                          "th",
+                          { staticClass: "subheading font-weight-light" },
+                          [_vm._v("Free")]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "th",
+                          { staticClass: "subheading font-weight-light" },
+                          [_vm._v("PRO")]
+                        )
+                      ])
+                    ]),
+                    _vm._v(" "),
+                    _c("tbody", { staticClass: "text-xs-center" }, [
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Components")]
+                        ),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("60")]),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("200")])
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Plugins")]
+                        ),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("2")]),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("15")])
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Example Pages")]
+                        ),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("3")]),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("27")])
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Login, Register, Pricing, Lock Pages")]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c("v-icon", { attrs: { color: "error" } }, [
+                              _vm._v("mdi-close")
                             ])
-                          ]
-                        }
-                      }
-                    ])
-                  })
-                ],
-                1
-              )
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "v-flex",
-            { attrs: { md12: "" } },
-            [
-              _c(
-                "material-card",
-                {
-                  attrs: {
-                    color: "green",
-                    flat: "",
-                    "full-width": "",
-                    title: "Table on Plain Background",
-                    text: "Here is a subtitle for this table"
-                  }
-                },
-                [
-                  _c("v-data-table", {
-                    attrs: {
-                      headers: _vm.headers,
-                      items: _vm.items.slice(0, 7),
-                      "hide-actions": ""
-                    },
-                    scopedSlots: _vm._u([
-                      {
-                        key: "headerCell",
-                        fn: function(ref) {
-                          var header = ref.header
-                          return [
-                            _c("span", {
-                              staticClass:
-                                "subheading font-weight-light text--darken-3",
-                              domProps: { textContent: _vm._s(header.text) }
-                            })
-                          ]
-                        }
-                      },
-                      {
-                        key: "items",
-                        fn: function(ref) {
-                          var item = ref.item
-                          return [
-                            _c("td", [_vm._v(_vm._s(item.name))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.country))]),
-                            _vm._v(" "),
-                            _c("td", [_vm._v(_vm._s(item.city))]),
-                            _vm._v(" "),
-                            _c("td", { staticClass: "text-xs-right" }, [
-                              _vm._v(_vm._s(item.salary))
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c("v-icon", { attrs: { color: "success" } }, [
+                              _vm._v("mdi-check")
                             ])
-                          ]
-                        }
-                      }
+                          ],
+                          1
+                        )
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c(
+                          "th",
+                          {
+                            staticClass:
+                              "text-xs-left font-weight-light subheading"
+                          },
+                          [_vm._v("Premium Support")]
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c("v-icon", { attrs: { color: "error" } }, [
+                              _vm._v("mdi-close")
+                            ])
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c("v-icon", { attrs: { color: "success" } }, [
+                              _vm._v("mdi-check")
+                            ])
+                          ],
+                          1
+                        )
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c("th"),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("Free")]),
+                        _vm._v(" "),
+                        _c("td", [_vm._v("Just $59")])
+                      ]),
+                      _vm._v(" "),
+                      _c("tr", [
+                        _c("th"),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass:
+                                  "subheading white--text font-weight-light",
+                                attrs: {
+                                  round: "",
+                                  large: "",
+                                  color: "grey",
+                                  disabled: ""
+                                }
+                              },
+                              [_vm._v("Current Version")]
+                            )
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "td",
+                          [
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass:
+                                  "subheading white--text font-weight-light",
+                                attrs: { round: "", large: "", color: "cyan" }
+                              },
+                              [_vm._v("Upgrade to Pro")]
+                            )
+                          ],
+                          1
+                        )
+                      ])
                     ])
-                  })
-                ],
-                1
+                  ])
+                ]
               )
             ],
             1
@@ -309,29 +233,27 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue":
-/*!**********************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue ***!
-  \**********************************************/
+/***/ "./resources/js/vue/views/NotWorking/Upgrade.vue":
+/*!*******************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Upgrade.vue ***!
+  \*******************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TableList.vue?vue&type=template&id=27579e74& */ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
-/* harmony import */ var _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TableList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
-
+/* harmony import */ var _Upgrade_vue_vue_type_template_id_405aec93___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Upgrade.vue?vue&type=template&id=405aec93& */ "./resources/js/vue/views/NotWorking/Upgrade.vue?vue&type=template&id=405aec93&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
+var script = {}
 
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__["default"])(
+  script,
+  _Upgrade_vue_vue_type_template_id_405aec93___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Upgrade_vue_vue_type_template_id_405aec93___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -341,38 +263,24 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/TableList.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/Upgrade.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
-
-/***/ }),
-
-/***/ "./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&":
-/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74& ***!
-  \*****************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Upgrade.vue?vue&type=template&id=405aec93&":
+/*!**************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Upgrade.vue?vue&type=template&id=405aec93& ***!
+  \**************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./TableList.vue?vue&type=template&id=27579e74& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TableList.vue?vue&type=template&id=27579e74&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_405aec93___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Upgrade.vue?vue&type=template&id=405aec93& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Upgrade.vue?vue&type=template&id=405aec93&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_405aec93___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TableList_vue_vue_type_template_id_27579e74___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_405aec93___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/21.js b/public/21.js
index 0b2d4358..dbde5303 100644
--- a/public/21.js
+++ b/public/21.js
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[21],{
 
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/UserProfile.vue?vue&type=script&lang=js&":
@@ -509,4 +510,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ })
 
-}]);
\ No newline at end of file
+}]);
+=======
+(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{"S++u":function(e,t,s){"use strict";s.r(t);var a=s("o0o1"),r=s.n(a),n=s("Y8XJ"),l=s("85lN");function i(e,t,s,a,r,n,l){try{var i=e[n](l),c=i.value}catch(e){return void s(e)}i.done?t(c):Promise.resolve(c).then(a,r)}var c={data:function(){return{user:{cell_number:"",gender:"",name:"",email:"",address:""},items:["Male","FeMale"],rules:{required:function(e){return!!e||"Required."},counter:function(e){return 0==e.length||e.length>=5||"Min 5 characters"},email:function(e){if(e.length>0){return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)||"Invalid e-mail."}}}}},created:function(){this.user=this.$store.state.user},methods:{saveInfo:function(){var e,t=(e=r.a.mark(function e(){var t;return r.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.$refs.form.validate()){e.next=5;break}return e.next=3,n.a.post(l.a.updateInfo,this.user);case 3:(t=e.sent)&&200==t.status&&(this.$store.dispatch("info",{},{root:!0}),this.$router.push({name:"Dashboard"}));case 5:case"end":return e.stop()}},e,this)}),function(){var t=this,s=arguments;return new Promise(function(a,r){var n=e.apply(t,s);function l(e){i(n,a,r,l,c,"next",e)}function c(e){i(n,a,r,l,c,"throw",e)}l(void 0)})});return function(){return t.apply(this,arguments)}}()}},u=s("KHd+"),o=Object(u.a)(c,function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("v-form",{ref:"form"},[s("v-container",{attrs:{"grid-list-xs":"",fluid:""}},[s("material-card",{attrs:{color:"black",title:"My Info"}},[s("v-layout",{staticClass:"px-5 my-3",attrs:{"align-center":"","justify-center":"",wrap:""}},[s("v-flex",{attrs:{xs12:"",sm4:"",md4:""}},[s("v-text-field",{staticClass:"pa-2",attrs:{name:"name",label:"Name",color:"black",rules:[e.rules.required,e.rules.counter]},model:{value:e.user.name,callback:function(t){e.$set(e.user,"name",t)},expression:"user.name"}})],1),e._v(" "),s("v-flex",{attrs:{xs12:"",sm4:"",md4:""}},[s("v-select",{staticClass:"pa-2",attrs:{items:e.items,label:"Gender",name:"gender","single-line":"",rules:[e.rules.required],color:"black"},model:{value:e.user.gender,callback:function(t){e.$set(e.user,"gender",t)},expression:"user.gender"}})],1),e._v(" "),s("v-flex",{attrs:{xs12:"",sm4:"",md4:""}},[s("v-text-field",{staticClass:"pa-2",attrs:{name:"cellnumber",label:"Cell Number",mask:"0### ### ####",color:"black",disabled:""},model:{value:e.user.cell_number,callback:function(t){e.$set(e.user,"cell_number",t)},expression:"user.cell_number"}})],1)],1),e._v(" "),s("v-layout",{staticClass:"px-5 mb-3",attrs:{"align-center":"","justify-center":"",wrap:""}},[s("v-flex",{attrs:{xs12:"",sm4:"",md4:""}},[s("v-text-field",{staticClass:"px-2",staticStyle:{"padding-top":"75px"},attrs:{name:"emailaddress",label:"Email Address",rules:[e.rules.email],color:"black"},model:{value:e.user.email,callback:function(t){e.$set(e.user,"email",t)},expression:"user.email"}})],1),e._v(" "),s("v-flex",{attrs:{xs12:"",sm8:"",md8:""}},[s("v-textarea",{staticClass:"pa-2",attrs:{color:"black",rules:[e.rules.counter],name:"address"},scopedSlots:e._u([{key:"label",fn:function(){return[s("div",[e._v("Address")])]},proxy:!0}]),model:{value:e.user.address,callback:function(t){e.$set(e.user,"address",t)},expression:"user.address"}})],1)],1),e._v(" "),s("v-layout",{attrs:{row:"",wrap:"","justify-center":"","align-center":""}},[s("v-flex",{staticClass:"text-md-center text-xs-center",attrs:{xs12:"",md2:"",sm2:""}},[s("v-btn",{staticClass:"WM-CyanBlueGradient-BG",staticStyle:{padding:"10px 60px"},on:{click:function(t){return e.saveInfo()}}},[s("v-icon",{staticClass:"white--text mr-2 caption"},[e._v("fas fa-check")]),e._v(" "),s("span",{staticClass:"white--text"},[e._v("SAVE")])],1)],1),e._v(" "),s("v-flex",{staticClass:"text-md-center text-sm-center text-xs-center",attrs:{xs12:"",md2:"",sm2:""}},[s("router-link",{attrs:{to:"/"}},[s("v-btn",{staticClass:"WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"},[s("v-icon",{staticClass:"black--text"},[e._v("keyboard_arrow_left")]),e._v(" "),s("span",{staticClass:"black--text"},[e._v("Back")])],1)],1)],1)],1)],1)],1)],1)},[],!1,null,null,null);t.default=o.exports}}]);
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
diff --git a/public/22.js b/public/22.js
index 14fbb5c7..7e0aacd3 100644
--- a/public/22.js
+++ b/public/22.js
@@ -1,9 +1,202 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[22],{
 
+<<<<<<< HEAD
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
 /*!*********************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
   \*********************************************************************************************************************************************************************************************************/
+=======
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      user: {
+        cell_number: "",
+        gender: "",
+        name: "",
+        email: "",
+        address: ""
+      },
+      items: ["Male", "FeMale"],
+      rules: {
+        required: function required(value) {
+          return !!value || "Required.";
+        },
+        counter: function counter(value) {
+          return value.length == 0 || value.length >= 5 || "Min 5 characters";
+        },
+        email: function email(value) {
+          if (value.length > 0) {
+            var pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+            return pattern.test(value) || "Invalid e-mail.";
+          }
+        }
+      }
+    };
+  },
+  created: function created() {
+    this.user = this.$store.state.user;
+  },
+  methods: {
+    saveInfo: function () {
+      var _saveInfo = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!this.$refs.form.validate()) {
+                  _context.next = 5;
+                  break;
+                }
+
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateInfo, this.user);
+
+              case 3:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.$store.dispatch("info", {}, {
+                    root: true
+                  });
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function saveInfo() {
+        return _saveInfo.apply(this, arguments);
+      }
+
+      return saveInfo;
+    }()
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
+  \*************************************************************************************************************************************************************************************************************/
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -16,19 +209,30 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
+<<<<<<< HEAD
     "v-container",
+=======
+    "v-form",
+    { ref: "form" },
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
     [
       _c(
         "v-layout",
         { attrs: { "justify-center": "" } },
         [
           _c(
+<<<<<<< HEAD
             "v-flex",
             { attrs: { xs12: "", sm10: "", md8: "" } },
+=======
+            "material-card",
+            { attrs: { color: "black", title: "My Info" } },
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
             [
               _c(
                 "material-card",
                 {
+<<<<<<< HEAD
                   attrs: {
                     color: "primary",
                     title: "Vue Material Dashboard PRO",
@@ -215,6 +419,240 @@ var render = function() {
                     ])
                   ])
                 ]
+=======
+                  staticClass: "px-5 my-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "name",
+                          label: "Name",
+                          color: "black",
+                          rules: [_vm.rules.required, _vm.rules.counter]
+                        },
+                        model: {
+                          value: _vm.user.name,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "name", $$v)
+                          },
+                          expression: "user.name"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-select", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          items: _vm.items,
+                          label: "Gender",
+                          name: "gender",
+                          "single-line": "",
+                          rules: [_vm.rules.required],
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.user.gender,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "gender", $$v)
+                          },
+                          expression: "user.gender"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "cellnumber",
+                          label: "Cell Number",
+                          mask: "0### ### ####",
+                          color: "black",
+                          disabled: ""
+                        },
+                        model: {
+                          value: _vm.user.cell_number,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "cell_number", $$v)
+                          },
+                          expression: "user.cell_number"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "px-5 mb-3",
+                  attrs: { "align-center": "", "justify-center": "", wrap: "" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm4: "", md4: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "px-2",
+                        staticStyle: { "padding-top": "75px" },
+                        attrs: {
+                          name: "emailaddress",
+                          label: "Email Address",
+                          rules: [_vm.rules.email],
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.user.email,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "email", $$v)
+                          },
+                          expression: "user.email"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", sm8: "", md8: "" } },
+                    [
+                      _c("v-textarea", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          color: "black",
+                          rules: [_vm.rules.counter],
+                          name: "address"
+                        },
+                        scopedSlots: _vm._u([
+                          {
+                            key: "label",
+                            fn: function() {
+                              return [_c("div", [_vm._v("Address")])]
+                            },
+                            proxy: true
+                          }
+                        ]),
+                        model: {
+                          value: _vm.user.address,
+                          callback: function($$v) {
+                            _vm.$set(_vm.user, "address", $$v)
+                          },
+                          expression: "user.address"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "justify-center": "",
+                    "align-center": ""
+                  }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass: "text-md-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass: "WM-CyanBlueGradient-BG",
+                          staticStyle: { padding: "10px 60px" },
+                          on: {
+                            click: function($event) {
+                              return _vm.saveInfo()
+                            }
+                          }
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "white--text mr-2 caption" },
+                            [_vm._v("fas fa-check")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "white--text" }, [
+                            _vm._v("SAVE")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    {
+                      staticClass:
+                        "text-md-center text-sm-center text-xs-center",
+                      attrs: { xs12: "", md2: "", sm2: "" }
+                    },
+                    [
+                      _c(
+                        "router-link",
+                        { attrs: { to: "/" } },
+                        [
+                          _c(
+                            "v-btn",
+                            {
+                              staticClass:
+                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                            },
+                            [
+                              _c("v-icon", { staticClass: "black--text" }, [
+                                _vm._v("keyboard_arrow_left")
+                              ]),
+                              _vm._v(" "),
+                              _c("span", { staticClass: "black--text" }, [
+                                _vm._v("Back")
+                              ])
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
               )
             ],
             1
@@ -233,27 +671,49 @@ render._withStripped = true
 
 /***/ }),
 
+<<<<<<< HEAD
 /***/ "./resources/js/vue/views/Upgrade.vue":
 /*!********************************************!*\
   !*** ./resources/js/vue/views/Upgrade.vue ***!
   \********************************************/
+=======
+/***/ "./resources/js/vue/views/User/MyInfo.vue":
+/*!************************************************!*\
+  !*** ./resources/js/vue/views/User/MyInfo.vue ***!
+  \************************************************/
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+<<<<<<< HEAD
 /* harmony import */ var _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Upgrade.vue?vue&type=template&id=6dd57b04& */ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&");
 /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+=======
+/* harmony import */ var _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=template&id=67cde174& */ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
+/* harmony import */ var _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInfo.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
 
 var script = {}
 
 
 /* normalize component */
 
+<<<<<<< HEAD
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__["default"])(
   script,
   _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"],
   _Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+=======
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
   false,
   null,
   null,
@@ -263,24 +723,56 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
+<<<<<<< HEAD
 component.options.__file = "resources/js/vue/views/Upgrade.vue"
+=======
+component.options.__file = "resources/js/vue/views/User/MyInfo.vue"
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
+<<<<<<< HEAD
 /***/ "./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&":
 /*!***************************************************************************!*\
   !*** ./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04& ***!
   \***************************************************************************/
+=======
+/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&":
+/*!*************************************************************************!*\
+  !*** ./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&":
+/*!*******************************************************************************!*\
+  !*** ./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174& ***!
+  \*******************************************************************************/
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+<<<<<<< HEAD
 /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Upgrade.vue?vue&type=template&id=6dd57b04& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Upgrade.vue?vue&type=template&id=6dd57b04&");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Upgrade_vue_vue_type_template_id_6dd57b04___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+=======
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./MyInfo.vue?vue&type=template&id=67cde174& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/User/MyInfo.vue?vue&type=template&id=67cde174&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_MyInfo_vue_vue_type_template_id_67cde174___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+>>>>>>> c0523d8c4c6c4a2bf434f5e44966d4bd2196d99e
 
 
 
diff --git a/public/23.js b/public/23.js
new file mode 100644
index 00000000..3f5ecf78
--- /dev/null
+++ b/public/23.js
@@ -0,0 +1,816 @@
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[23],{
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&":
+/*!************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js& ***!
+  \************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      headers: [{
+        sortable: true,
+        text: "Operator Name",
+        value: "name"
+      }, {
+        sortable: false,
+        text: "Role",
+        value: "role"
+      }, {
+        sortable: false,
+        text: "Number",
+        value: "number"
+      }, {
+        sortable: false,
+        text: "Status",
+        value: "status"
+      }, {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }],
+      items: [],
+      name: ""
+    };
+  },
+  created: function created() {
+    if (this.$route.params.medicalCenter) {
+      this.load(this.$route.params.medicalCenter);
+    }
+  },
+  methods: _objectSpread({
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(medicalCenterId) {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].listOpertorMedicalCenter(medicalCenterId));
+
+              case 2:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.users;
+                  this.name = result.data.data.name;
+                } else {
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load(_x) {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    changeStatus: function () {
+      var _changeStatus = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(userId) {
+        var result, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, user;
+
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].changeStatusUser(userId));
+
+              case 2:
+                result = _context2.sent;
+
+                if (!(result && result.status == 200)) {
+                  _context2.next = 25;
+                  break;
+                }
+
+                _iteratorNormalCompletion = true;
+                _didIteratorError = false;
+                _iteratorError = undefined;
+                _context2.prev = 7;
+
+                for (_iterator = this.items[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                  user = _step.value;
+
+                  if (user.id == userId) {
+                    user.status = result.data.data.status;
+                  }
+                }
+
+                _context2.next = 15;
+                break;
+
+              case 11:
+                _context2.prev = 11;
+                _context2.t0 = _context2["catch"](7);
+                _didIteratorError = true;
+                _iteratorError = _context2.t0;
+
+              case 15:
+                _context2.prev = 15;
+                _context2.prev = 16;
+
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+
+              case 18:
+                _context2.prev = 18;
+
+                if (!_didIteratorError) {
+                  _context2.next = 21;
+                  break;
+                }
+
+                throw _iteratorError;
+
+              case 21:
+                return _context2.finish(18);
+
+              case 22:
+                return _context2.finish(15);
+
+              case 23:
+                _context2.next = 26;
+                break;
+
+              case 25:
+                this.$router.push({
+                  name: "Dashboard"
+                });
+
+              case 26:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[7, 11, 15, 23], [16,, 18, 22]]);
+      }));
+
+      function changeStatus(_x2) {
+        return _changeStatus.apply(this, arguments);
+      }
+
+      return changeStatus;
+    }()
+  }, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapMutations"])("modal", ["changeCurrentModal"]), {
+    changeRoleModal: function changeRoleModal(user) {
+      this.changeCurrentModal({
+        modal: "modal-user-role",
+        properties: {
+          user: user
+        }
+      });
+    },
+    remove: function () {
+      var _remove = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(userId) {
+        var result, key;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].deleteUser(userId));
+
+              case 2:
+                result = _context3.sent;
+
+                if (result && result.status == 200) {
+                  for (key in this.items) {
+                    if (this.items.hasOwnProperty(key) && this.items[key].id == userId) {
+                      this.items.splice(key, 1);
+                    }
+                  }
+                }
+
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function remove(_x3) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  }),
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__["mapGetters"])("modal", ["getModalResult"])),
+  watch: {
+    getModalResult: function getModalResult(user) {
+      var _iteratorNormalCompletion2 = true;
+      var _didIteratorError2 = false;
+      var _iteratorError2 = undefined;
+
+      try {
+        for (var _iterator2 = this.items[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var userList = _step2.value;
+
+          if (userList.id == user.id) {
+            userList.roles = user.roles;
+          }
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&":
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a& ***!
+  \****************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "v-container",
+    { attrs: { "grid-list-xs": "" } },
+    [
+      _c(
+        "material-card",
+        {
+          attrs: {
+            color: "black",
+            title: "Operator List " + _vm.name,
+            text: ""
+          }
+        },
+        [
+          _c(
+            "v-layout",
+            { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
+            [
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", xs3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: {
+                      name: "Name",
+                      label: "Name",
+                      color: "black",
+                      id: "id"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", xs3: "" } },
+                [
+                  _c("v-text-field", {
+                    staticClass: "pa-2",
+                    attrs: {
+                      name: "cell_number",
+                      label: "Cell Number",
+                      color: "black",
+                      id: "id"
+                    }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-search")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("Filter")
+                      ])
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("v-spacer"),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
+                [
+                  _c(
+                    "router-link",
+                    {
+                      attrs: {
+                        to: "/add-operator/" + _vm.$route.params.medicalCenter
+                      }
+                    },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-plus")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Add")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 mt-3",
+              attrs: {
+                row: "",
+                "align-center": "",
+                "justify-center": "",
+                wrap: ""
+              }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { md12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              _vm._l(item.roles, function(role, key) {
+                                return _c("span", { key: key }, [
+                                  _vm._v(_vm._s(role.name))
+                                ])
+                              }),
+                              0
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.cell_number))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.status))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-xs-right" },
+                              [
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: {
+                                      color:
+                                        item.status == "Active"
+                                          ? "red"
+                                          : "green"
+                                    },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeStatus(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    item.status == "Active"
+                                      ? [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          item.status == "Active"
+                                            ? _c("span", [_vm._v("Susspended")])
+                                            : _vm._e()
+                                        ]
+                                      : [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "white--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-user-tag")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c("span", [_vm._v("Active")])
+                                        ]
+                                  ],
+                                  2
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "mr-2 WM-ActionButton",
+                                    attrs: { color: "orange darken-1" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.changeRoleModal(item)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-user-tag")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Role")])
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "WM-ActionButton",
+                                    attrs: { color: "pink" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.remove(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-times")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Remove")])
+                                  ],
+                                  1
+                                )
+                              ],
+                              1
+                            )
+                          ]
+                        }
+                      }
+                    ])
+                  })
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-divider"),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
+            },
+            [
+              _c(
+                "router-link",
+                { attrs: { to: "/manage-medical-center" } },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass:
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "black--text mr-2 caption" },
+                        [_vm._v("fas fa-chevron-left")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "black--text" }, [
+                        _vm._v("Back")
+                      ])
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          )
+        ],
+        1
+      )
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue":
+/*!***************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue ***!
+  \***************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=template&id=a2d4b11a& */ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&");
+/* harmony import */ var _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OperatorList.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/vue/views/MedicalCenter/OperatorList.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&":
+/*!**********************************************************************************************!*\
+  !*** ./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a& ***!
+  \**********************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./OperatorList.vue?vue&type=template&id=a2d4b11a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/MedicalCenter/OperatorList.vue?vue&type=template&id=a2d4b11a&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_OperatorList_vue_vue_type_template_id_a2d4b11a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ })
+
+}]);
\ No newline at end of file
diff --git a/public/24.js b/public/24.js
new file mode 100644
index 00000000..64457daa
--- /dev/null
+++ b/public/24.js
@@ -0,0 +1,1263 @@
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[24],{
+
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! util */ "./node_modules/util/util.js");
+/* harmony import */ var util__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(util__WEBPACK_IMPORTED_MODULE_0__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      form: {
+        name: "",
+        unique_code: "",
+        info: [{
+          name: "",
+          type: "",
+          size: ""
+        }]
+      },
+      type: [{
+        state: "Text",
+        abbr: "text"
+      }, {
+        state: "Checkbox",
+        abbr: "checkbox"
+      }, {
+        state: "Select",
+        abbr: "select"
+      }, {
+        state: "Form",
+        abbr: "form"
+      }]
+    };
+  },
+  methods: {
+    changeType: function changeType(infoIndex, selectedboxType) {
+      if (selectedboxType == "select" || selectedboxType == "checkbox") {
+        this.form.info[infoIndex]["options"] = [{
+          title: ""
+        }];
+      } else {
+        this.form.info[infoIndex]["options"] = [];
+      }
+
+      if (selectedboxType == "form") {
+        this.form.info[infoIndex]["children"] = [{
+          name: "",
+          type: "",
+          size: ""
+        }];
+      }
+    },
+    removeSelectbox: function removeSelectbox(infoIndex, selectboxOptions) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["options"].splice(selectboxOptions, 1);
+      this.form = form;
+    },
+    addSelectbox: function addSelectbox(infoIndex) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["options"].push({
+        title: ""
+      });
+      this.form = form;
+    },
+    addInput: function addInput() {
+      this.form.info.push({
+        name: "",
+        type: "",
+        size: ""
+      });
+    },
+    changeTypeForm: function changeTypeForm(infoIndex, type, formLevel) {
+      if (type == "select" || type == "checkbox") {
+        var form = this.form;
+        this.form = "";
+        form.info[infoIndex]["children"][formLevel]["options"] = [{
+          title: ""
+        }];
+        this.form = form;
+      } else {
+        var _form = this.form;
+        this.form = "";
+        _form.info[infoIndex]["children"][formLevel]["options"] = [];
+        this.form = _form;
+      }
+    },
+    removeSelectboxForm: function removeSelectboxForm(infoIndex, selectboxOptions, formLevel) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"][formLevel]["options"].splice(selectboxOptions, 1);
+      this.form = form;
+    },
+    addSelectboxForm: function addSelectboxForm(infoIndex, formLevel) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"][formLevel]["options"].push({
+        title: ""
+      });
+      this.form = form;
+    },
+    duplicateForm: function duplicateForm(infoIndex) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"].push({
+        name: "",
+        type: "",
+        size: ""
+      });
+      this.form = form;
+    },
+    removeForm: function removeForm(infoIndex, formLevel) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"].splice(formLevel, 1);
+      this.form = form;
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&":
+/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& ***!
+  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+// Module
+exports.push([module.i, "\n.WM-Border-Gray[data-v-d05735bc] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-d05735bc] {\r\n  background-color: #f5f5f5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n  top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-d05735bc] {\r\n  bottom: -24px !important;\n}\r\n", ""]);
+
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&":
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "v-form",
+    { attrs: { id: "ParentForm" } },
+    [
+      _c(
+        "v-container",
+        { attrs: { "grid-list-xs": "" } },
+        [
+          _c(
+            "material-card",
+            { attrs: { color: "black", title: "Add a New Test" } },
+            [
+              _c(
+                "v-layout",
+                {
+                  staticClass: "ma-2",
+                  attrs: { row: "", wrap: "", id: "Form" }
+                },
+                [
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: { name: "name", label: "Name", color: "black" },
+                        model: {
+                          value: _vm.form.name,
+                          callback: function($$v) {
+                            _vm.$set(_vm.form, "name", $$v)
+                          },
+                          expression: "form.name"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "uniquecode",
+                          label: "Unique Code",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.form.unique_code,
+                          callback: function($$v) {
+                            _vm.$set(_vm.form, "unique_code", $$v)
+                          },
+                          expression: "form.unique_code"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _vm._l(_vm.form.info, function(info, keyForm) {
+                return _c(
+                  "v-layout",
+                  {
+                    key: keyForm,
+                    staticClass:
+                      "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Relative",
+                    attrs: { row: "", wrap: "" }
+                  },
+                  [
+                    _c(
+                      "v-layout",
+                      {
+                        staticClass: "ma-2",
+                        attrs: { row: "", wrap: "", id: "Form" }
+                      },
+                      [
+                        _c(
+                          "v-flex",
+                          { attrs: { xs12: "", md3: "", sm3: "" } },
+                          [
+                            _c("v-text-field", {
+                              staticClass: "pa-2",
+                              attrs: {
+                                name: "inputname",
+                                label: "Input Name",
+                                color: "black"
+                              }
+                            })
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "v-flex",
+                          { attrs: { xs12: "", md3: "", sm3: "" } },
+                          [
+                            _c("v-select", {
+                              staticClass: "pa-2",
+                              attrs: {
+                                items: _vm.type,
+                                "item-text": "state",
+                                "item-value": "abbr",
+                                label: "Type",
+                                "single-line": "",
+                                color: "black"
+                              },
+                              on: {
+                                change: function($event) {
+                                  return _vm.changeType(keyForm, info.type)
+                                }
+                              },
+                              model: {
+                                value: info.type,
+                                callback: function($$v) {
+                                  _vm.$set(info, "type", $$v)
+                                },
+                                expression: "info.type"
+                              }
+                            })
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        info.type !== "form"
+                          ? _c(
+                              "v-flex",
+                              { attrs: { xs12: "", md3: "", sm3: "" } },
+                              [
+                                _c("v-text-field", {
+                                  staticClass: "pa-2",
+                                  attrs: {
+                                    name: "size",
+                                    label: "Size",
+                                    color: "black",
+                                    id: "InputSize"
+                                  },
+                                  model: {
+                                    value: info.size,
+                                    callback: function($$v) {
+                                      _vm.$set(info, "size", $$v)
+                                    },
+                                    expression: "info.size"
+                                  }
+                                })
+                              ],
+                              1
+                            )
+                          : _vm._e()
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    info.type === "select" || info.type === "checkbox"
+                      ? _c(
+                          "v-layout",
+                          {
+                            staticClass:
+                              "ma-3 pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
+                            attrs: { row: "", wrap: "" }
+                          },
+                          [
+                            info["options"].length > 0
+                              ? _c(
+                                  "v-layout",
+                                  {
+                                    staticClass: "WM-Relative WM-Width-Full",
+                                    attrs: { row: "", wrap: "" }
+                                  },
+                                  _vm._l(info["options"], function(
+                                    selectbox,
+                                    keySelect
+                                  ) {
+                                    return _c(
+                                      "v-flex",
+                                      {
+                                        key: keySelect,
+                                        staticClass:
+                                          "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
+                                        attrs: { xs12: "", md3: "", sm3: "" }
+                                      },
+                                      [
+                                        _c("v-text-field", {
+                                          staticClass: "pa-2 Input",
+                                          attrs: {
+                                            name: "title",
+                                            label: "Title",
+                                            color: "black"
+                                          },
+                                          model: {
+                                            value: selectbox.title,
+                                            callback: function($$v) {
+                                              _vm.$set(selectbox, "title", $$v)
+                                            },
+                                            expression: "selectbox.title"
+                                          }
+                                        }),
+                                        _vm._v(" "),
+                                        keySelect >= 1
+                                          ? _c(
+                                              "v-btn",
+                                              {
+                                                attrs: {
+                                                  absolute: "",
+                                                  small: "",
+                                                  right: "",
+                                                  bottom: "",
+                                                  color: "pink"
+                                                },
+                                                on: {
+                                                  click: function($event) {
+                                                    return _vm.removeSelectbox(
+                                                      keyForm,
+                                                      keySelect
+                                                    )
+                                                  }
+                                                }
+                                              },
+                                              [
+                                                _c(
+                                                  "v-icon",
+                                                  {
+                                                    staticClass:
+                                                      "white--text mr-2 caption"
+                                                  },
+                                                  [_vm._v("fas fa-times")]
+                                                ),
+                                                _vm._v("REMOVE\n              ")
+                                              ],
+                                              1
+                                            )
+                                          : _vm._e()
+                                      ],
+                                      1
+                                    )
+                                  }),
+                                  1
+                                )
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass: "mb-2",
+                                attrs: {
+                                  absolute: "",
+                                  right: "",
+                                  bottom: "",
+                                  small: "",
+                                  color: "black"
+                                },
+                                on: {
+                                  click: function($event) {
+                                    return _vm.addSelectbox(keyForm)
+                                  }
+                                }
+                              },
+                              [
+                                _c(
+                                  "v-icon",
+                                  { staticClass: "white--text mr-2 caption" },
+                                  [_vm._v("fas fa-plus")]
+                                ),
+                                _vm._v(" "),
+                                _c("span", { staticClass: "white--text" }, [
+                                  _vm._v("Add")
+                                ])
+                              ],
+                              1
+                            )
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    info.type === "form"
+                      ? _c(
+                          "v-layout",
+                          {
+                            staticClass:
+                              "pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative",
+                            attrs: { row: "", wrap: "" }
+                          },
+                          [
+                            _vm._l(info.children, function(
+                              children,
+                              keychildren
+                            ) {
+                              return _c(
+                                "v-layout",
+                                {
+                                  key: keychildren,
+                                  staticClass:
+                                    "pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Color-LightGrey WM-Width-Full WM-Relative Form",
+                                  attrs: { row: "", wrap: "" }
+                                },
+                                [
+                                  _c(
+                                    "v-flex",
+                                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                                    [
+                                      _c("v-text-field", {
+                                        staticClass: "pa-2",
+                                        attrs: {
+                                          name: "name",
+                                          label: "Input Name",
+                                          color: "black"
+                                        },
+                                        model: {
+                                          value: children.name,
+                                          callback: function($$v) {
+                                            _vm.$set(children, "name", $$v)
+                                          },
+                                          expression: "children.name"
+                                        }
+                                      })
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "v-flex",
+                                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                                    [
+                                      _c("v-select", {
+                                        staticClass: "pa-2",
+                                        attrs: {
+                                          items: _vm.type,
+                                          "item-text": "state",
+                                          "item-value": "abbr",
+                                          label: "Type",
+                                          "single-line": "",
+                                          color: "black"
+                                        },
+                                        on: {
+                                          change: function($event) {
+                                            return _vm.changeTypeForm(
+                                              keyForm,
+                                              children.type,
+                                              keychildren
+                                            )
+                                          }
+                                        },
+                                        model: {
+                                          value: children.type,
+                                          callback: function($$v) {
+                                            _vm.$set(children, "type", $$v)
+                                          },
+                                          expression: "children.type"
+                                        }
+                                      })
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  children.type === "text"
+                                    ? _c(
+                                        "v-flex",
+                                        {
+                                          attrs: { xs12: "", md3: "", sm3: "" }
+                                        },
+                                        [
+                                          _c("v-text-field", {
+                                            staticClass: "pa-2",
+                                            attrs: {
+                                              name: "size",
+                                              label: "Size",
+                                              color: "black",
+                                              id: "InputSize"
+                                            }
+                                          })
+                                        ],
+                                        1
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  children.type === "select" ||
+                                  children.type === "checkbox"
+                                    ? _c(
+                                        "v-layout",
+                                        {
+                                          staticClass:
+                                            "pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
+                                          attrs: { row: "", wrap: "" }
+                                        },
+                                        [
+                                          children["options"].length > 0
+                                            ? _c(
+                                                "v-layout",
+                                                {
+                                                  staticClass:
+                                                    "WM-Relative WM-Width-Full",
+                                                  attrs: { row: "", wrap: "" }
+                                                },
+                                                _vm._l(
+                                                  children["options"],
+                                                  function(
+                                                    selectbox,
+                                                    keySelect
+                                                  ) {
+                                                    return _c(
+                                                      "v-flex",
+                                                      {
+                                                        key: keySelect,
+                                                        staticClass:
+                                                          "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
+                                                        attrs: {
+                                                          xs12: "",
+                                                          md3: "",
+                                                          sm3: ""
+                                                        }
+                                                      },
+                                                      [
+                                                        _c("v-text-field", {
+                                                          staticClass:
+                                                            "pa-2 Input",
+                                                          attrs: {
+                                                            name: "title",
+                                                            label: "Title",
+                                                            color: "black",
+                                                            id: "value"
+                                                          },
+                                                          model: {
+                                                            value:
+                                                              selectbox.title,
+                                                            callback: function(
+                                                              $$v
+                                                            ) {
+                                                              _vm.$set(
+                                                                selectbox,
+                                                                "title",
+                                                                $$v
+                                                              )
+                                                            },
+                                                            expression:
+                                                              "selectbox.title"
+                                                          }
+                                                        }),
+                                                        _vm._v(" "),
+                                                        keySelect >= 1
+                                                          ? _c(
+                                                              "v-btn",
+                                                              {
+                                                                attrs: {
+                                                                  absolute: "",
+                                                                  small: "",
+                                                                  right: "",
+                                                                  bottom: "",
+                                                                  color: "pink"
+                                                                },
+                                                                on: {
+                                                                  click: function(
+                                                                    $event
+                                                                  ) {
+                                                                    return _vm.removeSelectboxForm(
+                                                                      keyForm,
+                                                                      keySelect,
+                                                                      keychildren
+                                                                    )
+                                                                  }
+                                                                }
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "v-icon",
+                                                                  {
+                                                                    staticClass:
+                                                                      "white--text mr-2 caption"
+                                                                  },
+                                                                  [
+                                                                    _vm._v(
+                                                                      "fas fa-times"
+                                                                    )
+                                                                  ]
+                                                                ),
+                                                                _vm._v(
+                                                                  "REMOVE\n                  "
+                                                                )
+                                                              ],
+                                                              1
+                                                            )
+                                                          : _vm._e()
+                                                      ],
+                                                      1
+                                                    )
+                                                  }
+                                                ),
+                                                1
+                                              )
+                                            : _vm._e(),
+                                          _vm._v(" "),
+                                          _c(
+                                            "v-btn",
+                                            {
+                                              attrs: {
+                                                absolute: "",
+                                                right: "",
+                                                bottom: "",
+                                                small: "",
+                                                color: "black"
+                                              },
+                                              on: {
+                                                click: function($event) {
+                                                  return _vm.addSelectboxForm(
+                                                    keyForm,
+                                                    keychildren
+                                                  )
+                                                }
+                                              }
+                                            },
+                                            [
+                                              _c(
+                                                "v-icon",
+                                                {
+                                                  staticClass:
+                                                    "white--text mr-2 caption"
+                                                },
+                                                [_vm._v("fas fa-plus")]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "span",
+                                                { staticClass: "white--text" },
+                                                [_vm._v("Add")]
+                                              )
+                                            ],
+                                            1
+                                          )
+                                        ],
+                                        1
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: {
+                                        absolute: "",
+                                        small: "",
+                                        right: "",
+                                        top: "",
+                                        color: "pink",
+                                        id: "RemoveFormDuplicator"
+                                      },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.removeForm(
+                                            keyForm,
+                                            keychildren
+                                          )
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _c(
+                                        "v-icon",
+                                        {
+                                          staticClass:
+                                            "white--text mr-2 caption"
+                                        },
+                                        [_vm._v("fas fa-times")]
+                                      ),
+                                      _vm._v("REMOVE\n            ")
+                                    ],
+                                    1
+                                  )
+                                ],
+                                1
+                              )
+                            }),
+                            _vm._v(" "),
+                            _c(
+                              "v-btn",
+                              {
+                                attrs: {
+                                  absolute: "",
+                                  small: "",
+                                  right: "",
+                                  bottom: "",
+                                  color: "cyan",
+                                  id: "FormDuplicator"
+                                },
+                                on: {
+                                  click: function($event) {
+                                    return _vm.duplicateForm(keyForm)
+                                  }
+                                }
+                              },
+                              [
+                                _c(
+                                  "v-icon",
+                                  { staticClass: "white--text mr-2 caption" },
+                                  [_vm._v("fas fa-plus")]
+                                ),
+                                _vm._v("ADD\n          ")
+                              ],
+                              1
+                            )
+                          ],
+                          2
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.form.info.length - 1 == keyForm
+                      ? _c(
+                          "v-layout",
+                          {
+                            staticClass: "mt-4",
+                            attrs: {
+                              row: "",
+                              wrap: "",
+                              "align-center": "",
+                              "justify-center": ""
+                            }
+                          },
+                          [
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass: "mb-2",
+                                attrs: {
+                                  absolute: "",
+                                  right: "",
+                                  bottom: "",
+                                  small: "",
+                                  color: "pink"
+                                },
+                                on: { click: _vm.addInput }
+                              },
+                              [
+                                _c(
+                                  "v-icon",
+                                  { staticClass: "white--text mr-2 caption" },
+                                  [_vm._v("fas fa-plus")]
+                                ),
+                                _vm._v(" "),
+                                _c("span", { staticClass: "white--text" }, [
+                                  _vm._v("Add")
+                                ])
+                              ],
+                              1
+                            )
+                          ],
+                          1
+                        )
+                      : _vm._e()
+                  ],
+                  1
+                )
+              }),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "mt-4",
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "align-center": "",
+                    "justify-center": ""
+                  }
+                },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-check")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("Generate Form")
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "router-link",
+                    { attrs: { to: "/dashboard" } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-chevron-left")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Back")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            2
+          )
+        ],
+        1
+      )
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/TestCreator.vue":
+/*!************************************************!*\
+  !*** ./resources/js/vue/views/TestCreator.vue ***!
+  \************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& */ "./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&");
+/* harmony import */ var _TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TestCreator.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& */ "./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  "d05735bc",
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/vue/views/TestCreator.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&":
+/*!*************************************************************************!*\
+  !*** ./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js& ***!
+  \*************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&":
+/*!*********************************************************************************************************!*\
+  !*** ./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& ***!
+  \*********************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=style&index=0&id=d05735bc&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_style_index_0_id_d05735bc_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&":
+/*!*******************************************************************************************!*\
+  !*** ./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& ***!
+  \*******************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./TestCreator.vue?vue&type=template&id=d05735bc&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestCreator.vue?vue&type=template&id=d05735bc&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_TestCreator_vue_vue_type_template_id_d05735bc_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
+/***/ })
+
+}]);
\ No newline at end of file
diff --git a/public/3.js b/public/3.js
index 89610826..0f2a1828 100644
--- a/public/3.js
+++ b/public/3.js
@@ -1,14 +1,24 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[3],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=script&lang=js&":
-/*!********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Typography.vue?vue&type=script&lang=js& ***!
-  \********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=script&lang=js&":
+/*!**************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=script&lang=js& ***!
+  \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 //
 //
 //
@@ -73,60 +83,500 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-var leader = 'I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.';
-var leaderShort = leader.slice(0, 105) + '...';
-var material = 'The Life of Material Dashboard';
-var small = 'Header with small subtitle';
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      typography: {
-        'heading-1': ['Header 1', material, 'h1'],
-        'heading-2': ['Header 2', material, 'h2'],
-        'heading-3': ['Header 3', material, 'h3'],
-        'heading-4': ['Header 4', material, 'h4'],
-        'heading-5': ['Header 5', material, 'h5'],
-        'heading-6 text-uppercase': ['Header 6', material, 'h6'],
-        '': ['Paragraph', leader, 'p'],
-        'quote': ['Quote', leader, 'blockquote'],
-        'text--disabled': ['Muted Text', leaderShort, 'p'],
-        'text-primary': ['Primary Text', leaderShort, 'p'],
-        'text-info': ['Info Text', leaderShort, 'p'],
-        'text-success': ['Success Text', leaderShort, 'p'],
-        'text-warning': ['Warning Text', leaderShort, 'p'],
-        'text-danger': ['Danger Text', leaderShort, 'p'],
-        'small': ['Small Tag', small, 'h2']
+      form: {
+        name: "",
+        unique_code: "",
+        info: [{
+          id: 0,
+          name: "",
+          type: "",
+          size: ""
+        }]
+      },
+      type: [{
+        state: "Text",
+        abbr: "Text"
+      }, {
+        state: "Checkbox",
+        abbr: "Checkbox"
+      }, {
+        state: "Select",
+        abbr: "Select"
+      }, {
+        state: "Form",
+        abbr: "Form"
+      }],
+      size: [{
+        state: "not Selected",
+        abbr: ""
+      }, {
+        state: "2 as 12",
+        abbr: "md2 xs12"
+      }, {
+        state: "3 as 12",
+        abbr: "md3 xs12"
+      }, {
+        state: "4 as 12",
+        abbr: "md4 xs12"
+      }, {
+        state: "6 as 12",
+        abbr: "md6 xs12"
+      }, {
+        state: "8 as 12",
+        abbr: "md8 xs12"
+      }, {
+        state: "10 as 12",
+        abbr: "md10 xs12"
+      }, {
+        state: "10 as 12",
+        abbr: "md12 xs12"
+      }],
+      rules: {
+        required: function required(value) {
+          return !!value || "Required.";
+        }
       }
     };
+  },
+  created: function created() {
+    if (this.$route.params.testType) {
+      this.load(this.$route.params.testType);
+    }
+  },
+  methods: {
+    changeType: function changeType(infoIndex, selectedboxType) {
+      if (selectedboxType == "Select" || selectedboxType == "Checkbox") {
+        this.form.info[infoIndex]["options"] = [{
+          id: 0,
+          title: ""
+        }];
+      } else {
+        this.form.info[infoIndex]["options"] = [];
+      }
+
+      if (selectedboxType == "Form") {
+        this.form.info[infoIndex]["children"] = [{
+          id: 0,
+          name: "",
+          type: "",
+          size: ""
+        }];
+      }
+    },
+    removeSelectbox: function removeSelectbox(infoIndex, selectboxOptions) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["options"].splice(selectboxOptions, 1);
+      this.form = form;
+    },
+    addSelectbox: function addSelectbox(infoIndex) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["options"].push({
+        id: 0,
+        title: ""
+      });
+      this.form = form;
+    },
+    addInput: function addInput() {
+      this.form.info.push({
+        id: 0,
+        name: "",
+        type: "",
+        size: ""
+      });
+    },
+    changeTypeForm: function changeTypeForm(infoIndex, type, formLevel) {
+      if (type == "Select" || type == "Checkbox") {
+        var form = this.form;
+        this.form = "";
+        form.info[infoIndex]["children"][formLevel]["options"] = [{
+          id: 0,
+          title: ""
+        }];
+        this.form = form;
+      } else {
+        var _form = this.form;
+        this.form = "";
+        _form.info[infoIndex]["children"][formLevel]["options"] = [];
+        this.form = _form;
+      }
+    },
+    removeSelectboxForm: function removeSelectboxForm(infoIndex, selectboxOptions, formLevel) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"][formLevel]["options"].splice(selectboxOptions, 1);
+      this.form = form;
+    },
+    addSelectboxForm: function addSelectboxForm(infoIndex, formLevel) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"][formLevel]["options"].push({
+        id: 0,
+        title: ""
+      });
+      this.form = form;
+    },
+    duplicateForm: function duplicateForm(infoIndex) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"].push({
+        id: 0,
+        name: "",
+        type: "",
+        size: ""
+      });
+      this.form = form;
+    },
+    removeForm: function removeForm(infoIndex, formLevel) {
+      var form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"].splice(formLevel, 1);
+      this.form = form;
+    },
+    removeInput: function removeInput(infoIndex) {
+      var form = this.form;
+      this.form = [];
+      form.info.splice(infoIndex, 1);
+      this.form = form;
+    },
+    registerForm: function () {
+      var _registerForm = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!this.$refs.form.validate()) {
+                  _context.next = 12;
+                  break;
+                }
+
+                result = null;
+
+                if (!this.$route.params.testType) {
+                  _context.next = 8;
+                  break;
+                }
+
+                _context.next = 5;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].put(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].updateTestType(this.$route.params.testType), this.form);
+
+              case 5:
+                result = _context.sent;
+                _context.next = 11;
+                break;
+
+              case 8:
+                _context.next = 10;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].storeTestType, this.form);
+
+              case 10:
+                result = _context.sent;
+
+              case 11:
+                if (result && result.status == 200) {
+                  this.$router.push({
+                    name: "Dashboard"
+                  });
+                }
+
+              case 12:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function registerForm() {
+        return _registerForm.apply(this, arguments);
+      }
+
+      return registerForm;
+    }(),
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(id) {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].editTestType(id));
+
+              case 2:
+                result = _context2.sent;
+
+                if (result.status == 200) {
+                  this.form = result.data.data;
+                }
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function load(_x) {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }()
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss&":
-/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss& ***!
-  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true&":
+/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true& ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, ".tim-note {\n  bottom: 10px;\n  color: #c0c1c2;\n  display: block;\n  font-weight: 400;\n  font-size: 13px;\n  line-height: 13px;\n  left: 0;\n  margin-left: 20px;\n  width: 260px;\n}", ""]);
+exports.push([module.i, "\n.WM-Border-Gray[data-v-5cc5a650] {\r\n  border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-5cc5a650] {\r\n  background-color: #f5f5f5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\r\n  top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\r\n  bottom: -24px !important;\n}\r\n", ""]);
 
 
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss&":
-/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss& ***!
-  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true&":
+/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true& ***!
+  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/sass-loader/lib/loader.js??ref--6-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss&");
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -140,7 +590,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -148,10 +598,10 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=template&id=46cf39f7&":
-/*!************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Typography.vue?vue&type=template&id=46cf39f7& ***!
-  \************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true&":
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true& ***!
+  \******************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -164,101 +614,782 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
-    { attrs: { "fill-height": "", fluid: "" } },
+    "v-form",
+    { ref: "form" },
     [
       _c(
-        "v-layout",
-        { attrs: { "justify-center": "", "align-center": "" } },
+        "v-container",
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
-            "v-flex",
-            { attrs: { xs12: "" } },
+            "material-card",
+            { attrs: { color: "black", title: "Add a New Test" } },
             [
               _c(
-                "material-card",
-                {
-                  attrs: {
-                    color: "green",
-                    title: "Material Dashboard Heading",
-                    text: "Created using Roboto Font Family"
-                  }
-                },
+                "v-layout",
+                { staticClass: "ma-2", attrs: { row: "", wrap: "" } },
                 [
                   _c(
-                    "v-card-text",
+                    "v-flex",
+                    { attrs: { xs12: "", md3: "", sm3: "" } },
                     [
-                      _c("h2", { staticClass: "font-weight-light mb-4" }, [
-                        _vm._v("Typography")
-                      ]),
-                      _vm._v(" "),
-                      _c(
-                        "v-container",
-                        {
-                          staticClass: "pa-0",
-                          attrs: { "grid-list-xl": "", fluid: "" }
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          name: "name",
+                          label: "Name",
+                          color: "black",
+                          rules: [_vm.rules.required]
                         },
-                        _vm._l(_vm.typography, function(t, i) {
-                          return _c(
-                            "v-layout",
-                            { key: i, attrs: { "align-end": "", wrap: "" } },
-                            [
-                              _c("v-flex", { attrs: { xs1: "", md3: "" } }, [
-                                _c("span", {
-                                  staticClass: "tim-note",
-                                  domProps: { textContent: _vm._s(t[0]) }
+                        model: {
+                          value: _vm.form.name,
+                          callback: function($$v) {
+                            _vm.$set(_vm.form, "name", $$v)
+                          },
+                          expression: "form.name"
+                        }
+                      })
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "v-flex",
+                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                    [
+                      _c("v-text-field", {
+                        staticClass: "pa-2",
+                        attrs: {
+                          rules: [_vm.rules.required],
+                          name: "uniquecode",
+                          label: "Unique Code",
+                          color: "black"
+                        },
+                        model: {
+                          value: _vm.form.unique_code,
+                          callback: function($$v) {
+                            _vm.$set(_vm.form, "unique_code", $$v)
+                          },
+                          expression: "form.unique_code"
+                        }
+                      })
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _vm._l(_vm.form.info, function(info, keyForm) {
+                return _c(
+                  "v-layout",
+                  {
+                    key: keyForm,
+                    staticClass:
+                      "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Relative",
+                    attrs: { row: "", wrap: "" }
+                  },
+                  [
+                    _c(
+                      "v-layout",
+                      { staticClass: "ma-2", attrs: { row: "", wrap: "" } },
+                      [
+                        _c(
+                          "v-flex",
+                          { attrs: { xs12: "", md3: "", sm3: "" } },
+                          [
+                            _c("v-text-field", {
+                              staticClass: "pa-2",
+                              attrs: {
+                                name: "inputname",
+                                label: "Input Name",
+                                color: "black",
+                                rules: [_vm.rules.required]
+                              },
+                              model: {
+                                value: info.name,
+                                callback: function($$v) {
+                                  _vm.$set(info, "name", $$v)
+                                },
+                                expression: "info.name"
+                              }
+                            })
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "v-flex",
+                          { attrs: { xs12: "", md3: "", sm3: "" } },
+                          [
+                            _c(
+                              "v-select",
+                              _vm._b(
+                                {
+                                  staticClass: "pa-2",
+                                  attrs: {
+                                    items: _vm.type,
+                                    "item-text": "state",
+                                    "item-value": "abbr",
+                                    label: "Type",
+                                    "single-line": "",
+                                    color: "black"
+                                  },
+                                  on: {
+                                    change: function($event) {
+                                      return _vm.changeType(keyForm, info.type)
+                                    }
+                                  },
+                                  model: {
+                                    value: info.type,
+                                    callback: function($$v) {
+                                      _vm.$set(info, "type", $$v)
+                                    },
+                                    expression: "info.type"
+                                  }
+                                },
+                                "v-select",
+                                info.id !== 0
+                                  ? { disabled: true }
+                                  : { disabled: false },
+                                false
+                              )
+                            )
+                          ],
+                          1
+                        ),
+                        _vm._v(" "),
+                        _c(
+                          "v-flex",
+                          { attrs: { xs12: "", md3: "", sm3: "" } },
+                          [
+                            info.type !== "Form"
+                              ? _c("v-select", {
+                                  staticClass: "pa-2",
+                                  attrs: {
+                                    items: _vm.size,
+                                    "item-text": "state",
+                                    "item-value": "abbr",
+                                    label: "Size",
+                                    "single-line": "",
+                                    color: "black"
+                                  },
+                                  model: {
+                                    value: info.size,
+                                    callback: function($$v) {
+                                      _vm.$set(info, "size", $$v)
+                                    },
+                                    expression: "info.size"
+                                  }
                                 })
-                              ]),
-                              _vm._v(" "),
-                              _c(
-                                "v-flex",
-                                { attrs: { xs8: "" } },
+                              : _vm._e()
+                          ],
+                          1
+                        )
+                      ],
+                      1
+                    ),
+                    _vm._v(" "),
+                    info.type === "Select" || info.type === "Checkbox"
+                      ? _c(
+                          "v-layout",
+                          {
+                            staticClass:
+                              "ma-3 pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
+                            attrs: { row: "", wrap: "" }
+                          },
+                          [
+                            info["options"].length > 0
+                              ? _c(
+                                  "v-layout",
+                                  {
+                                    staticClass: "WM-Relative WM-Width-Full",
+                                    attrs: { row: "", wrap: "" }
+                                  },
+                                  _vm._l(info["options"], function(
+                                    selectbox,
+                                    keySelect
+                                  ) {
+                                    return _c(
+                                      "v-flex",
+                                      {
+                                        key: keySelect,
+                                        staticClass:
+                                          "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
+                                        attrs: { xs12: "", md3: "", sm3: "" }
+                                      },
+                                      [
+                                        _c("v-text-field", {
+                                          staticClass: "pa-2 Input",
+                                          attrs: {
+                                            rules: [_vm.rules.required],
+                                            name: "title",
+                                            label: "Title",
+                                            color: "black"
+                                          },
+                                          model: {
+                                            value: selectbox.title,
+                                            callback: function($$v) {
+                                              _vm.$set(selectbox, "title", $$v)
+                                            },
+                                            expression: "selectbox.title"
+                                          }
+                                        }),
+                                        _vm._v(" "),
+                                        keySelect >= 1
+                                          ? _c(
+                                              "v-btn",
+                                              {
+                                                attrs: {
+                                                  absolute: "",
+                                                  small: "",
+                                                  right: "",
+                                                  bottom: "",
+                                                  color: "pink"
+                                                },
+                                                on: {
+                                                  click: function($event) {
+                                                    return _vm.removeSelectbox(
+                                                      keyForm,
+                                                      keySelect
+                                                    )
+                                                  }
+                                                }
+                                              },
+                                              [
+                                                _c(
+                                                  "v-icon",
+                                                  {
+                                                    staticClass:
+                                                      "white--text mr-2 caption"
+                                                  },
+                                                  [_vm._v("fas fa-times")]
+                                                ),
+                                                _vm._v("REMOVE\n              ")
+                                              ],
+                                              1
+                                            )
+                                          : _vm._e()
+                                      ],
+                                      1
+                                    )
+                                  }),
+                                  1
+                                )
+                              : _vm._e(),
+                            _vm._v(" "),
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass: "mb-2",
+                                attrs: {
+                                  absolute: "",
+                                  right: "",
+                                  bottom: "",
+                                  small: "",
+                                  color: "black"
+                                },
+                                on: {
+                                  click: function($event) {
+                                    return _vm.addSelectbox(keyForm)
+                                  }
+                                }
+                              },
+                              [
+                                _c(
+                                  "v-icon",
+                                  { staticClass: "white--text mr-2 caption" },
+                                  [_vm._v("fas fa-plus")]
+                                ),
+                                _vm._v(" "),
+                                _c("span", { staticClass: "white--text" }, [
+                                  _vm._v("Add")
+                                ])
+                              ],
+                              1
+                            )
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    info.type === "Form"
+                      ? _c(
+                          "v-layout",
+                          {
+                            staticClass:
+                              "pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative",
+                            attrs: { row: "", wrap: "" }
+                          },
+                          [
+                            _vm._l(info.children, function(
+                              children,
+                              keychildren
+                            ) {
+                              return _c(
+                                "v-layout",
+                                {
+                                  key: keychildren,
+                                  staticClass:
+                                    "pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Color-LightGrey WM-Width-Full WM-Relative Form",
+                                  attrs: { row: "", wrap: "" }
+                                },
                                 [
                                   _c(
-                                    t[2],
-                                    { tag: "component", class: i },
+                                    "v-flex",
+                                    { attrs: { xs12: "", md3: "", sm3: "" } },
                                     [
-                                      i !== "quote"
-                                        ? [
-                                            _vm._v(
-                                              "\n                    " +
-                                                _vm._s(t[1]) +
-                                                "\n                  "
-                                            )
-                                          ]
-                                        : _vm._e(),
-                                      _vm._v(" "),
-                                      i === "quote"
-                                        ? _c("p", [_vm._v(_vm._s(t[1]))])
-                                        : _vm._e(),
-                                      _vm._v(" "),
-                                      i === "quote"
-                                        ? _c("small", [
-                                            _vm._v("Kanye West, Musician")
-                                          ])
-                                        : _vm._e(),
-                                      _vm._v(" "),
-                                      i === "small"
-                                        ? [
-                                            _c("br"),
-                                            _vm._v(" "),
-                                            _c("small", [
-                                              _vm._v(
-                                                "Use 'small' tag for the headers"
-                                              )
-                                            ])
-                                          ]
+                                      _c("v-text-field", {
+                                        staticClass: "pa-2",
+                                        attrs: {
+                                          rules: [_vm.rules.required],
+                                          name: "name",
+                                          label: "Input Name",
+                                          color: "black"
+                                        },
+                                        model: {
+                                          value: children.name,
+                                          callback: function($$v) {
+                                            _vm.$set(children, "name", $$v)
+                                          },
+                                          expression: "children.name"
+                                        }
+                                      })
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "v-flex",
+                                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                                    [
+                                      _c(
+                                        "v-select",
+                                        _vm._b(
+                                          {
+                                            staticClass: "pa-2",
+                                            attrs: {
+                                              items: _vm.type,
+                                              "item-text": "state",
+                                              "item-value": "abbr",
+                                              label: "Type",
+                                              "single-line": "",
+                                              color: "black"
+                                            },
+                                            on: {
+                                              change: function($event) {
+                                                return _vm.changeTypeForm(
+                                                  keyForm,
+                                                  children.type,
+                                                  keychildren
+                                                )
+                                              }
+                                            },
+                                            model: {
+                                              value: children.type,
+                                              callback: function($$v) {
+                                                _vm.$set(children, "type", $$v)
+                                              },
+                                              expression: "children.type"
+                                            }
+                                          },
+                                          "v-select",
+                                          children.id !== 0
+                                            ? { disabled: true }
+                                            : { disabled: false },
+                                          false
+                                        )
+                                      )
+                                    ],
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  _c(
+                                    "v-flex",
+                                    { attrs: { xs12: "", md3: "", sm3: "" } },
+                                    [
+                                      children.type !== "Form"
+                                        ? _c("v-select", {
+                                            staticClass: "pa-2",
+                                            attrs: {
+                                              items: _vm.size,
+                                              "item-text": "state",
+                                              "item-value": "abbr",
+                                              label: "Size",
+                                              "single-line": "",
+                                              color: "black"
+                                            },
+                                            model: {
+                                              value: children.size,
+                                              callback: function($$v) {
+                                                _vm.$set(children, "size", $$v)
+                                              },
+                                              expression: "children.size"
+                                            }
+                                          })
                                         : _vm._e()
                                     ],
-                                    2
+                                    1
+                                  ),
+                                  _vm._v(" "),
+                                  children.type === "Select" ||
+                                  children.type === "Checkbox"
+                                    ? _c(
+                                        "v-layout",
+                                        {
+                                          staticClass:
+                                            "pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full",
+                                          attrs: { row: "", wrap: "" }
+                                        },
+                                        [
+                                          children["options"].length > 0
+                                            ? _c(
+                                                "v-layout",
+                                                {
+                                                  staticClass:
+                                                    "WM-Relative WM-Width-Full",
+                                                  attrs: { row: "", wrap: "" }
+                                                },
+                                                _vm._l(
+                                                  children["options"],
+                                                  function(
+                                                    selectbox,
+                                                    keySelect
+                                                  ) {
+                                                    return _c(
+                                                      "v-flex",
+                                                      {
+                                                        key: keySelect,
+                                                        staticClass:
+                                                          "pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative",
+                                                        attrs: {
+                                                          xs12: "",
+                                                          md3: "",
+                                                          sm3: ""
+                                                        }
+                                                      },
+                                                      [
+                                                        _c("v-text-field", {
+                                                          staticClass:
+                                                            "pa-2 Input",
+                                                          attrs: {
+                                                            name: "title",
+                                                            label: "Title",
+                                                            color: "black",
+                                                            rules: [
+                                                              _vm.rules.required
+                                                            ]
+                                                          },
+                                                          model: {
+                                                            value:
+                                                              selectbox.title,
+                                                            callback: function(
+                                                              $$v
+                                                            ) {
+                                                              _vm.$set(
+                                                                selectbox,
+                                                                "title",
+                                                                $$v
+                                                              )
+                                                            },
+                                                            expression:
+                                                              "selectbox.title"
+                                                          }
+                                                        }),
+                                                        _vm._v(" "),
+                                                        keySelect >= 1
+                                                          ? _c(
+                                                              "v-btn",
+                                                              {
+                                                                attrs: {
+                                                                  absolute: "",
+                                                                  small: "",
+                                                                  right: "",
+                                                                  bottom: "",
+                                                                  color: "pink"
+                                                                },
+                                                                on: {
+                                                                  click: function(
+                                                                    $event
+                                                                  ) {
+                                                                    return _vm.removeSelectboxForm(
+                                                                      keyForm,
+                                                                      keySelect,
+                                                                      keychildren
+                                                                    )
+                                                                  }
+                                                                }
+                                                              },
+                                                              [
+                                                                _c(
+                                                                  "v-icon",
+                                                                  {
+                                                                    staticClass:
+                                                                      "white--text mr-2 caption"
+                                                                  },
+                                                                  [
+                                                                    _vm._v(
+                                                                      "fas fa-times"
+                                                                    )
+                                                                  ]
+                                                                ),
+                                                                _vm._v(
+                                                                  "REMOVE\n                  "
+                                                                )
+                                                              ],
+                                                              1
+                                                            )
+                                                          : _vm._e()
+                                                      ],
+                                                      1
+                                                    )
+                                                  }
+                                                ),
+                                                1
+                                              )
+                                            : _vm._e(),
+                                          _vm._v(" "),
+                                          _c(
+                                            "v-btn",
+                                            {
+                                              attrs: {
+                                                absolute: "",
+                                                right: "",
+                                                bottom: "",
+                                                small: "",
+                                                color: "black"
+                                              },
+                                              on: {
+                                                click: function($event) {
+                                                  return _vm.addSelectboxForm(
+                                                    keyForm,
+                                                    keychildren
+                                                  )
+                                                }
+                                              }
+                                            },
+                                            [
+                                              _c(
+                                                "v-icon",
+                                                {
+                                                  staticClass:
+                                                    "white--text mr-2 caption"
+                                                },
+                                                [_vm._v("fas fa-plus")]
+                                              ),
+                                              _vm._v(" "),
+                                              _c(
+                                                "span",
+                                                { staticClass: "white--text" },
+                                                [_vm._v("Add")]
+                                              )
+                                            ],
+                                            1
+                                          )
+                                        ],
+                                        1
+                                      )
+                                    : _vm._e(),
+                                  _vm._v(" "),
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      attrs: {
+                                        absolute: "",
+                                        small: "",
+                                        right: "",
+                                        top: "",
+                                        color: "pink"
+                                      },
+                                      on: {
+                                        click: function($event) {
+                                          return _vm.removeForm(
+                                            keyForm,
+                                            keychildren
+                                          )
+                                        }
+                                      }
+                                    },
+                                    [
+                                      _c(
+                                        "v-icon",
+                                        {
+                                          staticClass:
+                                            "white--text mr-2 caption"
+                                        },
+                                        [_vm._v("fas fa-times")]
+                                      ),
+                                      _vm._v("REMOVE\n            ")
+                                    ],
+                                    1
                                   )
                                 ],
                                 1
                               )
-                            ],
-                            1
-                          )
-                        }),
+                            }),
+                            _vm._v(" "),
+                            _c(
+                              "v-btn",
+                              {
+                                attrs: {
+                                  absolute: "",
+                                  small: "",
+                                  right: "",
+                                  bottom: "",
+                                  color: "cyan"
+                                },
+                                on: {
+                                  click: function($event) {
+                                    return _vm.duplicateForm(keyForm)
+                                  }
+                                }
+                              },
+                              [
+                                _c(
+                                  "v-icon",
+                                  { staticClass: "white--text mr-2 caption" },
+                                  [_vm._v("fas fa-plus")]
+                                ),
+                                _vm._v("ADD\n          ")
+                              ],
+                              1
+                            )
+                          ],
+                          2
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    keyForm > 0
+                      ? _c(
+                          "v-btn",
+                          {
+                            attrs: {
+                              absolute: "",
+                              small: "",
+                              right: "",
+                              top: "",
+                              color: "pink"
+                            },
+                            on: {
+                              click: function($event) {
+                                return _vm.removeInput(keyForm)
+                              }
+                            }
+                          },
+                          [
+                            _c(
+                              "v-icon",
+                              { staticClass: "white--text mr-2 caption" },
+                              [_vm._v("fas fa-times")]
+                            ),
+                            _vm._v("REMOVE\n        ")
+                          ],
+                          1
+                        )
+                      : _vm._e(),
+                    _vm._v(" "),
+                    _vm.form.info.length - 1 == keyForm
+                      ? _c(
+                          "v-layout",
+                          {
+                            staticClass: "mt-4",
+                            attrs: {
+                              row: "",
+                              wrap: "",
+                              "align-center": "",
+                              "justify-center": ""
+                            }
+                          },
+                          [
+                            _c(
+                              "v-btn",
+                              {
+                                staticClass: "mb-2",
+                                attrs: {
+                                  absolute: "",
+                                  right: "",
+                                  bottom: "",
+                                  small: "",
+                                  color: "pink"
+                                },
+                                on: { click: _vm.addInput }
+                              },
+                              [
+                                _c(
+                                  "v-icon",
+                                  { staticClass: "white--text mr-2 caption" },
+                                  [_vm._v("fas fa-plus")]
+                                ),
+                                _vm._v(" "),
+                                _c("span", { staticClass: "white--text" }, [
+                                  _vm._v("Add")
+                                ])
+                              ],
+                              1
+                            )
+                          ],
+                          1
+                        )
+                      : _vm._e()
+                  ],
+                  1
+                )
+              }),
+              _vm._v(" "),
+              _c(
+                "v-layout",
+                {
+                  staticClass: "mt-4",
+                  attrs: {
+                    row: "",
+                    wrap: "",
+                    "align-center": "",
+                    "justify-center": ""
+                  }
+                },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" },
+                      on: { click: _vm.registerForm }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-check")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("Generate Form")
+                      ])
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  _c(
+                    "router-link",
+                    { attrs: { to: "/dashboard" } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-chevron-left")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Back")
+                          ])
+                        ],
                         1
                       )
                     ],
@@ -268,7 +1399,7 @@ var render = function() {
                 1
               )
             ],
-            1
+            2
           )
         ],
         1
@@ -284,19 +1415,19 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Typography.vue":
-/*!***********************************************!*\
-  !*** ./resources/js/vue/views/Typography.vue ***!
-  \***********************************************/
+/***/ "./resources/js/vue/views/TestType/AddEdit.vue":
+/*!*****************************************************!*\
+  !*** ./resources/js/vue/views/TestType/AddEdit.vue ***!
+  \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Typography_vue_vue_type_template_id_46cf39f7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Typography.vue?vue&type=template&id=46cf39f7& */ "./resources/js/vue/views/Typography.vue?vue&type=template&id=46cf39f7&");
-/* harmony import */ var _Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Typography.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Typography.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Typography.vue?vue&type=style&index=0&lang=scss& */ "./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _AddEdit_vue_vue_type_template_id_5cc5a650_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true& */ "./resources/js/vue/views/TestType/AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true&");
+/* harmony import */ var _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestType/AddEdit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _AddEdit_vue_vue_type_style_index_0_id_5cc5a650_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true& */ "./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -306,66 +1437,66 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Typography_vue_vue_type_template_id_46cf39f7___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Typography_vue_vue_type_template_id_46cf39f7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _AddEdit_vue_vue_type_template_id_5cc5a650_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _AddEdit_vue_vue_type_template_id_5cc5a650_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "5cc5a650",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Typography.vue"
+component.options.__file = "resources/js/vue/views/TestType/AddEdit.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Typography.vue?vue&type=script&lang=js&":
-/*!************************************************************************!*\
-  !*** ./resources/js/vue/views/Typography.vue?vue&type=script&lang=js& ***!
-  \************************************************************************/
+/***/ "./resources/js/vue/views/TestType/AddEdit.vue?vue&type=script&lang=js&":
+/*!******************************************************************************!*\
+  !*** ./resources/js/vue/views/TestType/AddEdit.vue?vue&type=script&lang=js& ***!
+  \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss&":
-/*!*********************************************************************************!*\
-  !*** ./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss& ***!
-  \*********************************************************************************/
+/***/ "./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true&":
+/*!**************************************************************************************************************!*\
+  !*** ./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true& ***!
+  \**************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--6-2!../../../../node_modules/sass-loader/lib/loader.js??ref--6-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=style&index=0&lang=scss&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
- /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_sass_loader_lib_loader_js_ref_6_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a); 
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_style_index_0_id_5cc5a650_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=style&index=0&id=5cc5a650&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_style_index_0_id_5cc5a650_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_style_index_0_id_5cc5a650_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_style_index_0_id_5cc5a650_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_style_index_0_id_5cc5a650_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_style_index_0_id_5cc5a650_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Typography.vue?vue&type=template&id=46cf39f7&":
-/*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/Typography.vue?vue&type=template&id=46cf39f7& ***!
-  \******************************************************************************/
+/***/ "./resources/js/vue/views/TestType/AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true&":
+/*!************************************************************************************************!*\
+  !*** ./resources/js/vue/views/TestType/AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true& ***!
+  \************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_template_id_46cf39f7___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Typography.vue?vue&type=template&id=46cf39f7& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Typography.vue?vue&type=template&id=46cf39f7&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_template_id_46cf39f7___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_5cc5a650_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/AddEdit.vue?vue&type=template&id=5cc5a650&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_5cc5a650_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Typography_vue_vue_type_template_id_46cf39f7___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddEdit_vue_vue_type_template_id_5cc5a650_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/4.js b/public/4.js
index 291c1d2f..07738567 100644
--- a/public/4.js
+++ b/public/4.js
@@ -1,29 +1,245 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
 
-/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css&":
-/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css& ***!
-  \*********************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/List.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      headers: [{
+        sortable: false,
+        text: "TestType Name",
+        value: "name"
+      }, {
+        sortable: false,
+        text: "TestType UniqueId",
+        value: "uniqueId"
+      }, {
+        sortable: false,
+        text: "Register TestType",
+        value: "users"
+      }, {
+        sortable: false,
+        text: "Date",
+        value: "date"
+      }, {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }],
+      items: [],
+      currentPage: 1,
+      lastPage: 1
+    };
+  },
+  created: function created() {
+    this.getData();
+  },
+  methods: {
+    getData: function () {
+      var _getData = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var page,
+            result,
+            _args = arguments;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                page = _args.length > 0 && _args[0] !== undefined ? _args[0] : 1;
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].listTestType(page));
+
+              case 3:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.items = result.data.data.data;
+                  this.currentPage = result.data.data.current_page;
+                  this.lastPage = result.data.data.last_page;
+                }
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function getData() {
+        return _getData.apply(this, arguments);
+      }
+
+      return getData;
+    }(),
+    remove: function () {
+      var _remove = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(id) {
+        var result, key;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].delete(_config_urls__WEBPACK_IMPORTED_MODULE_2__["urls"].deleteTestType(id));
+
+              case 2:
+                result = _context2.sent;
+
+                if (result.status == 200) {
+                  for (key in this.items) {
+                    if (this.items.hasOwnProperty(key) && this.items[key].id == id) {
+                      this.items.splice(key, 1);
+                    }
+                  }
+                }
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function remove(_x) {
+        return _remove.apply(this, arguments);
+      }
+
+      return remove;
+    }()
+  },
+  watch: {
+    currentPage: function currentPage(page) {
+      this.getData(page);
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true&":
+/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true& ***!
+  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
 // Module
-exports.push([module.i, "\n.mapouter {\r\n  text-align:right;\r\n  height:100%;\r\n  width:100%;\r\n  position: absolute;\n}\n.gmap_canvas {\r\n  overflow:hidden;\r\n  background:none!important;\r\n  height:100%;\r\n  width:100%;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-b1f1b72e] {\r\n  padding: 8px 22px;\n}\r\n", ""]);
 
 
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css&":
-/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css& ***!
-  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true&":
+/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true& ***!
+  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./Maps.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css&");
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -37,7 +253,7 @@ var options = {"hmr":true}
 options.transform = transform
 options.insertInto = undefined;
 
-var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
 
 if(content.locals) module.exports = content.locals;
 
@@ -45,10 +261,10 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Maps.vue?vue&type=template&id=91484942&":
-/*!******************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Maps.vue?vue&type=template&id=91484942& ***!
-  \******************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=template&id=b1f1b72e&scoped=true&":
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/TestType/List.vue?vue&type=template&id=b1f1b72e&scoped=true& ***!
+  \***************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -60,106 +276,417 @@ var render = function() {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _vm._m(0)
+  return _c(
+    "v-container",
+    { attrs: { fluid: "" } },
+    [
+      _c(
+        "material-card",
+        { attrs: { color: "black", title: "Medical Centers List", text: "" } },
+        [
+          _c(
+            "v-layout",
+            { staticClass: "px-5 mb-3", attrs: { wrap: "" } },
+            [
+              _c(
+                "v-flex",
+                { attrs: { xs12: "", md3: "", sm3: "" } },
+                [
+                  _c("v-text-field", {
+                    attrs: { label: "Name", color: "black" }
+                  })
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass: "WM-CyanBlueGradient-BG",
+                      staticStyle: { padding: "10px 60px" }
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "white--text mr-2 caption" },
+                        [_vm._v("fas fa-search")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "white--text" }, [
+                        _vm._v("Filter")
+                      ])
+                    ],
+                    1
+                  )
+                ],
+                1
+              ),
+              _vm._v(" "),
+              _c("v-spacer"),
+              _vm._v(" "),
+              _c(
+                "v-flex",
+                {
+                  staticClass: "text-xs-right",
+                  attrs: { xs12: "", md2: "", sm2: "" }
+                },
+                [
+                  _c(
+                    "router-link",
+                    { attrs: { to: { name: "AddTestType" } } },
+                    [
+                      _c(
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                        },
+                        [
+                          _c(
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-plus")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Add")
+                          ])
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-layout", { staticClass: "px-4 my-3" }, [_c("v-divider")], 1),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "px-5 mt-3",
+              attrs: { "align-center": "", "justify-center": "", wrap: "" }
+            },
+            [
+              _c(
+                "v-flex",
+                { attrs: { md12: "" } },
+                [
+                  _c("v-data-table", {
+                    attrs: {
+                      headers: _vm.headers,
+                      items: _vm.items,
+                      "hide-actions": ""
+                    },
+                    scopedSlots: _vm._u([
+                      {
+                        key: "headerCell",
+                        fn: function(ref) {
+                          var header = ref.header
+                          return [
+                            _c("span", {
+                              staticClass:
+                                "subheading font-weight-light text-white text--darken-3",
+                              domProps: { textContent: _vm._s(header.text) }
+                            })
+                          ]
+                        }
+                      },
+                      {
+                        key: "items",
+                        fn: function(ref) {
+                          var item = ref.item
+                          return [
+                            _c(
+                              "td",
+                              { staticClass: "headline font-weight-light" },
+                              [_vm._v(_vm._s(item.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.unique_code))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.user.name))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "title font-weight-light" },
+                              [_vm._v(_vm._s(item.created_at))]
+                            ),
+                            _vm._v(" "),
+                            _c(
+                              "td",
+                              { staticClass: "text-xs-right" },
+                              [
+                                _c(
+                                  "router-link",
+                                  {
+                                    attrs: {
+                                      to: {
+                                        name: "EditTestType",
+                                        params: { testType: item.id }
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-btn",
+                                      {
+                                        staticClass: "mr-2 WM-ActionButton",
+                                        attrs: { color: "cyan" }
+                                      },
+                                      [
+                                        _c(
+                                          "v-icon",
+                                          {
+                                            staticClass:
+                                              "white--text mr-2 caption"
+                                          },
+                                          [_vm._v("fas fa-pen")]
+                                        ),
+                                        _vm._v(" "),
+                                        _c("span", [_vm._v("Edit")])
+                                      ],
+                                      1
+                                    )
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  { attrs: { color: "orange darken-1" } },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-1 caption"
+                                      },
+                                      [_vm._v("fas fa-barcode")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Generate Barcode")])
+                                  ],
+                                  1
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "v-btn",
+                                  {
+                                    staticClass: "WM-ActionButton",
+                                    attrs: { color: "pink" },
+                                    on: {
+                                      click: function($event) {
+                                        return _vm.remove(item.id)
+                                      }
+                                    }
+                                  },
+                                  [
+                                    _c(
+                                      "v-icon",
+                                      {
+                                        staticClass: "white--text mr-2 caption"
+                                      },
+                                      [_vm._v("fas fa-times")]
+                                    ),
+                                    _vm._v(" "),
+                                    _c("span", [_vm._v("Remove")])
+                                  ],
+                                  1
+                                )
+                              ],
+                              1
+                            )
+                          ]
+                        }
+                      }
+                    ])
+                  })
+                ],
+                1
+              )
+            ],
+            1
+          ),
+          _vm._v(" "),
+          _c("v-divider"),
+          _vm._v(" "),
+          _vm.lastPage > 1
+            ? _c(
+                "div",
+                { staticClass: "text-xs-center" },
+                [
+                  _c("v-pagination", {
+                    attrs: { length: _vm.lastPage, "total-visible": 6 },
+                    model: {
+                      value: _vm.currentPage,
+                      callback: function($$v) {
+                        _vm.currentPage = $$v
+                      },
+                      expression: "currentPage"
+                    }
+                  })
+                ],
+                1
+              )
+            : _vm._e(),
+          _vm._v(" "),
+          _c(
+            "v-layout",
+            {
+              staticClass: "mt-3",
+              attrs: {
+                row: "",
+                wrap: "",
+                "align-center": "",
+                "justify-center": ""
+              }
+            },
+            [
+              _c(
+                "router-link",
+                { attrs: { to: "/dashboard" } },
+                [
+                  _c(
+                    "v-btn",
+                    {
+                      staticClass:
+                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+                    },
+                    [
+                      _c(
+                        "v-icon",
+                        { staticClass: "black--text mr-2 caption" },
+                        [_vm._v("fas fa-chevron-left")]
+                      ),
+                      _vm._v(" "),
+                      _c("span", { staticClass: "black--text" }, [
+                        _vm._v("Back")
+                      ])
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          )
+        ],
+        1
+      )
+    ],
+    1
+  )
 }
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("div", [
-      _c("div", { staticClass: "mapouter" }, [
-        _c("div", { staticClass: "gmap_canvas" }, [
-          _c("iframe", {
-            attrs: {
-              id: "gmap_canvas",
-              width: "100%",
-              height: "100%",
-              src:
-                "https://maps.google.com/maps?q=google&t=&z=13&ie=UTF8&iwloc=&output=embed",
-              frameborder: "0",
-              scrolling: "no",
-              marginheight: "0",
-              marginwidth: "0"
-            }
-          })
-        ])
-      ])
-    ])
-  }
-]
+var staticRenderFns = []
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Maps.vue":
-/*!*****************************************!*\
-  !*** ./resources/js/vue/views/Maps.vue ***!
-  \*****************************************/
+/***/ "./resources/js/vue/views/TestType/List.vue":
+/*!**************************************************!*\
+  !*** ./resources/js/vue/views/TestType/List.vue ***!
+  \**************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Maps_vue_vue_type_template_id_91484942___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Maps.vue?vue&type=template&id=91484942& */ "./resources/js/vue/views/Maps.vue?vue&type=template&id=91484942&");
-/* harmony import */ var _Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Maps.vue?vue&type=style&index=0&lang=css& */ "./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _List_vue_vue_type_template_id_b1f1b72e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./List.vue?vue&type=template&id=b1f1b72e&scoped=true& */ "./resources/js/vue/views/TestType/List.vue?vue&type=template&id=b1f1b72e&scoped=true&");
+/* harmony import */ var _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./List.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/TestType/List.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _List_vue_vue_type_style_index_0_id_b1f1b72e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true& */ "./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
 
-var script = {}
 
 
 
 /* normalize component */
 
-var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  script,
-  _Maps_vue_vue_type_template_id_91484942___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Maps_vue_vue_type_template_id_91484942___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
+  _List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _List_vue_vue_type_template_id_b1f1b72e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _List_vue_vue_type_template_id_b1f1b72e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "b1f1b72e",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Maps.vue"
+component.options.__file = "resources/js/vue/views/TestType/List.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css&":
-/*!**************************************************************************!*\
-  !*** ./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css& ***!
-  \**************************************************************************/
+/***/ "./resources/js/vue/views/TestType/List.vue?vue&type=script&lang=js&":
+/*!***************************************************************************!*\
+  !*** ./resources/js/vue/views/TestType/List.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true&":
+/*!***********************************************************************************************************!*\
+  !*** ./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true& ***!
+  \***********************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--5-2!../../../../node_modules/vue-loader/lib??vue-loader-options!./Maps.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Maps.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
- /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_b1f1b72e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=style&index=0&id=b1f1b72e&lang=css&scoped=true&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_b1f1b72e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_b1f1b72e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_b1f1b72e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_b1f1b72e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_style_index_0_id_b1f1b72e_lang_css_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Maps.vue?vue&type=template&id=91484942&":
-/*!************************************************************************!*\
-  !*** ./resources/js/vue/views/Maps.vue?vue&type=template&id=91484942& ***!
-  \************************************************************************/
+/***/ "./resources/js/vue/views/TestType/List.vue?vue&type=template&id=b1f1b72e&scoped=true&":
+/*!*********************************************************************************************!*\
+  !*** ./resources/js/vue/views/TestType/List.vue?vue&type=template&id=b1f1b72e&scoped=true& ***!
+  \*********************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_template_id_91484942___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Maps.vue?vue&type=template&id=91484942& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Maps.vue?vue&type=template&id=91484942&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_template_id_91484942___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_b1f1b72e_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./List.vue?vue&type=template&id=b1f1b72e&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/TestType/List.vue?vue&type=template&id=b1f1b72e&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_b1f1b72e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_template_id_91484942___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_List_vue_vue_type_template_id_b1f1b72e_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/5.js b/public/5.js
index b588d718..455431a6 100644
--- a/public/5.js
+++ b/public/5.js
@@ -1,71 +1,54 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js&":
-/*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js& ***!
-  \**************************************************************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css&":
+/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css& ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+// Module
+exports.push([module.i, "\n.mapouter {\r\n  text-align:right;\r\n  height:100%;\r\n  width:100%;\r\n  position: absolute;\n}\n.gmap_canvas {\r\n  overflow:hidden;\r\n  background:none!important;\r\n  height:100%;\r\n  width:100%;\n}\r\n", ""]);
+
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
-  data: function data() {
-    return {};
-  }
-});
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css&":
+/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css& ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Maps.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css&");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=template&id=4c4b6c30&":
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=template&id=4c4b6c30& ***!
+  \*****************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -77,211 +60,106 @@ var render = function() {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c(
-    "v-form",
-    {
-      model: {
-        value: _vm.model,
-        callback: function($$v) {
-          _vm.model = $$v
-        },
-        expression: "model"
-      }
-    },
-    [
-      _c(
-        "v-container",
-        { attrs: { "grid-list-xs": "" } },
-        [
-          _c(
-            "material-card",
-            {
-              attrs: { color: "black", title: "Add Medical Center", text: "" }
-            },
-            [
-              _c(
-                "v-layout",
-                { staticClass: "px-5 mb-3", attrs: { row: "", wrap: "" } },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md3: "", xs3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "Name",
-                          label: "Name",
-                          color: "black",
-                          id: "id1"
-                        }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md3: "", xs3: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: {
-                          name: "Operator",
-                          label: "Operator",
-                          color: "black",
-                          id: "id2"
-                        }
-                      })
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "mt-3",
-                  attrs: {
-                    row: "",
-                    wrap: "",
-                    "align-center": "",
-                    "justify-center": ""
-                  }
-                },
-                [
-                  _c(
-                    "v-btn",
-                    {
-                      staticClass: "WM-CyanBlueGradient-BG",
-                      staticStyle: { padding: "10px 60px" }
-                    },
-                    [
-                      _c(
-                        "v-icon",
-                        { staticClass: "white--text mr-2 caption" },
-                        [_vm._v("fas fa-plus")]
-                      ),
-                      _vm._v(" "),
-                      _c("span", { staticClass: "white--text" }, [
-                        _vm._v("Add")
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "router-link",
-                    { attrs: { to: "/manage-medical-center" } },
-                    [
-                      _c(
-                        "v-btn",
-                        {
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                        },
-                        [
-                          _c(
-                            "v-icon",
-                            { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-chevron-left")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v("Back")
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  )
-                ],
-                1
-              )
-            ],
-            1
-          )
-        ],
-        1
-      )
-    ],
-    1
-  )
+  return _vm._m(0)
 }
-var staticRenderFns = []
+var staticRenderFns = [
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("div", [
+      _c("div", { staticClass: "mapouter" }, [
+        _c("div", { staticClass: "gmap_canvas" }, [
+          _c("iframe", {
+            attrs: {
+              id: "gmap_canvas",
+              width: "100%",
+              height: "100%",
+              src:
+                "https://maps.google.com/maps?q=google&t=&z=13&ie=UTF8&iwloc=&output=embed",
+              frameborder: "0",
+              scrolling: "no",
+              marginheight: "0",
+              marginwidth: "0"
+            }
+          })
+        ])
+      ])
+    ])
+  }
+]
 render._withStripped = true
 
 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddMedicalCenter.vue":
-/*!*****************************************************!*\
-  !*** ./resources/js/vue/views/AddMedicalCenter.vue ***!
-  \*****************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Maps.vue":
+/*!****************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Maps.vue ***!
+  \****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& */ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&");
-/* harmony import */ var _AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AddMedicalCenter.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
-
+/* harmony import */ var _Maps_vue_vue_type_template_id_4c4b6c30___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Maps.vue?vue&type=template&id=4c4b6c30& */ "./resources/js/vue/views/NotWorking/Maps.vue?vue&type=template&id=4c4b6c30&");
+/* harmony import */ var _Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Maps.vue?vue&type=style&index=0&lang=css& */ "./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
+var script = {}
 
 
 
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  script,
+  _Maps_vue_vue_type_template_id_4c4b6c30___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Maps_vue_vue_type_template_id_4c4b6c30___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "b49b8626",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/AddMedicalCenter.vue"
+component.options.__file = "resources/js/vue/views/NotWorking/Maps.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js&":
-/*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js& ***!
-  \******************************************************************************/
-/*! exports provided: default */
+/***/ "./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css&":
+/*!*************************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css& ***!
+  \*************************************************************************************/
+/*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./AddMedicalCenter.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AddMedicalCenter_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Maps.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&":
-/*!************************************************************************************************!*\
-  !*** ./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& ***!
-  \************************************************************************************************/
+/***/ "./resources/js/vue/views/NotWorking/Maps.vue?vue&type=template&id=4c4b6c30&":
+/*!***********************************************************************************!*\
+  !*** ./resources/js/vue/views/NotWorking/Maps.vue?vue&type=template&id=4c4b6c30& ***!
+  \***********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AddMedicalCenter.vue?vue&type=template&id=b49b8626&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_template_id_4c4b6c30___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Maps.vue?vue&type=template&id=4c4b6c30& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/NotWorking/Maps.vue?vue&type=template&id=4c4b6c30&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_template_id_4c4b6c30___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AddMedicalCenter_vue_vue_type_template_id_b49b8626_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Maps_vue_vue_type_template_id_4c4b6c30___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/6.js b/public/6.js
index f3222e12..a1189332 100644
--- a/public/6.js
+++ b/public/6.js
@@ -1,14 +1,29 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&":
-/*!***********************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&":
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js& ***!
+  \*****************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -51,68 +66,54 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ __webpack_exports__["default"] = ({});
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      form: {
+        cell_number: ""
+      }
+    };
+  },
+  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapActions"])("auth", ["forgotPassword"]), {
+    // ...mapMutations("modal", ["changeCurrentModal"]),
+    handleSubmit: function () {
+      var _handleSubmit = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                this.forgotPassword({
+                  form: this.form
+                });
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function handleSubmit() {
+        return _handleSubmit.apply(this, arguments);
+      }
+
+      return handleSubmit;
+    }()
+  })
+});
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&":
-/*!***************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& ***!
-  \***************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&":
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6& ***!
+  \*********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -125,232 +126,137 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "div",
-    {},
+    "v-form",
     [
       _c(
         "v-container",
-        { attrs: { fluid: "" } },
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
-            "material-card",
-            { attrs: { color: "black", title: "All Test Resualt", text: "" } },
+            "v-layout",
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
             [
               _c(
-                "v-layout",
+                "v-flex",
                 {
-                  staticClass: "my-3",
-                  attrs: { "align-center": "", wrap: "" }
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
+                  attrs: { xs12: "", md3: "", sm3: "" }
                 },
                 [
                   _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Name", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Date", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
-                    [
-                      _c("v-text-field", {
-                        staticClass: "pa-2",
-                        attrs: { label: "Hospital", color: "black" }
-                      })
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs12: "", md2: "", sm2: "" } },
+                    "material-card",
+                    { attrs: { color: "black", title: "Login Page" } },
                     [
                       _c(
-                        "v-btn",
-                        {
-                          staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" }
-                        },
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
                         [
                           _c(
-                            "v-icon",
-                            { staticClass: "white--text mr-2 caption" },
-                            [_vm._v("fas fa-search")]
-                          ),
-                          _vm._v(" "),
-                          _c("span", { staticClass: "white--text" }, [
-                            _vm._v("Filter")
-                          ])
-                        ],
-                        1
-                      )
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("v-divider"),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "my-3",
-                  attrs: { "align-center": "", wrap: "" }
-                },
-                [
-                  _c(
-                    "v-flex",
-                    { attrs: { xs1: "" } },
-                    [
-                      _c("v-card-title", [
-                        _c("div", [
-                          _c("div", [
-                            _vm._v("\n              222\n            ")
-                          ]),
-                          _vm._v(" "),
-                          _c("div", [
-                            _vm._v("\n              Test\n            ")
-                          ]),
-                          _vm._v(" "),
-                          _c("div", {}, [
-                            _vm._v("\n              1\n            ")
-                          ])
-                        ])
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs6: "" } },
-                    [
-                      _c("v-card-text", [
-                        _c("p", [
-                          _vm._v(
-                            "\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n          "
-                          )
-                        ])
-                      ])
-                    ],
-                    1
-                  ),
-                  _vm._v(" "),
-                  _c(
-                    "v-flex",
-                    { attrs: { xs4: "" } },
-                    [
-                      _c(
-                        "v-card-text",
-                        [
-                          _c(
-                            "v-btn",
-                            { staticClass: "mr-2", attrs: { color: "black" } },
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
                             [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-folder")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Archive")])
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-btn",
-                            { staticClass: "mr-2", attrs: { color: "cyan" } },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-pen")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Edit")])
-                            ],
-                            1
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "v-btn",
-                            { attrs: { color: "orange darken-1" } },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "white--text mr-1 caption" },
-                                [_vm._v("fas fa-barcode")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", [_vm._v("Generate Barcode")])
+                              _c("v-text-field", {
+                                attrs: {
+                                  name: "cellnumber",
+                                  label: "Cell Number",
+                                  color: "black"
+                                },
+                                model: {
+                                  value: _vm.form.cell_number,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "cell_number", $$v)
+                                  },
+                                  expression: "form.cell_number"
+                                }
+                              })
                             ],
                             1
                           )
                         ],
                         1
-                      )
-                    ],
-                    1
-                  )
-                ],
-                1
-              ),
-              _vm._v(" "),
-              _c("v-divider"),
-              _vm._v(" "),
-              _c(
-                "v-layout",
-                {
-                  staticClass: "mt-3",
-                  attrs: {
-                    row: "",
-                    wrap: "",
-                    "align-center": "",
-                    "justify-center": ""
-                  }
-                },
-                [
-                  _c(
-                    "router-link",
-                    { attrs: { to: "/dashboard" } },
-                    [
+                      ),
+                      _vm._v(" "),
                       _c(
-                        "v-btn",
-                        {
-                          staticClass:
-                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                        },
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
                         [
                           _c(
-                            "v-icon",
-                            { staticClass: "black--text mr-2 caption" },
-                            [_vm._v("fas fa-chevron-left")]
+                            "v-flex",
+                            {
+                              staticClass:
+                                "text-md-left text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "v-btn",
+                                {
+                                  staticClass: "WM-CyanBlueGradient-BG",
+                                  staticStyle: { padding: "10px 60px" },
+                                  on: { click: _vm.handleSubmit }
+                                },
+                                [
+                                  _c(
+                                    "v-icon",
+                                    { staticClass: "white--text mr-2 caption" },
+                                    [_vm._v("fas fa-sign-in-alt")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("span", { staticClass: "white--text" }, [
+                                    _vm._v("Send")
+                                  ])
+                                ],
+                                1
+                              )
+                            ],
+                            1
                           ),
                           _vm._v(" "),
-                          _c("span", { staticClass: "black--text" }, [
-                            _vm._v("Back")
-                          ])
+                          _c(
+                            "v-flex",
+                            {
+                              staticClass:
+                                "text-md-right text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "router-link",
+                                {
+                                  staticClass: "black--text",
+                                  attrs: { to: { name: "Login" } }
+                                },
+                                [
+                                  _c(
+                                    "v-btn",
+                                    {
+                                      staticClass:
+                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                                    },
+                                    [
+                                      _c(
+                                        "v-icon",
+                                        {
+                                          staticClass:
+                                            "black--text mr-2 caption"
+                                        },
+                                        [_vm._v("fas fa-sign-in-alt")]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "span",
+                                        { staticClass: "black--text" },
+                                        [_vm._v("Login")]
+                                      )
+                                    ],
+                                    1
+                                  )
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
                         ],
                         1
                       )
@@ -377,18 +283,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AllResultTest.vue":
-/*!**************************************************!*\
-  !*** ./resources/js/vue/views/AllResultTest.vue ***!
-  \**************************************************/
+/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue":
+/*!********************************************************!*\
+  !*** ./resources/js/vue/views/Auth/ForgotPassword.vue ***!
+  \********************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& */ "./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&");
-/* harmony import */ var _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AllResultTest.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=template&id=384f72a6& */ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&");
+/* harmony import */ var _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -397,50 +303,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "01d995b8",
+  null,
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/AllResultTest.vue"
+component.options.__file = "resources/js/vue/views/Auth/ForgotPassword.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&":
-/*!***************************************************************************!*\
-  !*** ./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************/
+/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&":
+/*!*********************************************************************************!*\
+  !*** ./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js& ***!
+  \*********************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./AllResultTest.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&":
-/*!*********************************************************************************************!*\
-  !*** ./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& ***!
-  \*********************************************************************************************/
+/***/ "./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&":
+/*!***************************************************************************************!*\
+  !*** ./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6& ***!
+  \***************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/AllResultTest.vue?vue&type=template&id=01d995b8&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=template&id=384f72a6& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/ForgotPassword.vue?vue&type=template&id=384f72a6&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AllResultTest_vue_vue_type_template_id_01d995b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_384f72a6___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/7.js b/public/7.js
index 3e8ccc6b..e365828c 100644
--- a/public/7.js
+++ b/public/7.js
@@ -1,14 +1,19 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
-/*!*******************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -34,83 +39,65 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      Cards: [{
-        title: 'My Info',
-        text: 'You can easily edit your registration information',
-        icon: '/img/Static/Dashboard/darkmug.png',
-        color: 'WM-OrangeGradient-BG',
-        route: '/my-info',
-        aligntext: 'text-md-left',
-        alignimg: 'text-md-right',
-        column: 'xs12 md6 sm6'
-      }, {
-        title: 'All Test Result',
-        text: 'You can see all user tests and own tests',
-        icon: '/img/Static/Dashboard/pad.png',
-        color: 'WM-GreenGradient-BG',
-        route: '/all-resualttest',
-        aligntext: 'text-md-left',
-        alignimg: 'text-md-right',
-        column: 'xs12 md6 sm6'
-      }, {
-        title: 'Manage Users',
-        text: 'You can edit the medical center information',
-        icon: '/img/Static/Dashboard/ipad.png',
-        color: 'WM-YellowPinkGradient-BG',
-        route: '/manage-users',
-        aligntext: 'text-md-center',
-        alignimg: 'text-md-left',
-        column: 'xs12 md12 sm12'
-      }, {
-        title: 'Manage Medical Center',
-        text: 'Managing users very fast by ...',
-        icon: '/img/Static/Dashboard/Macbook.png',
-        color: 'WM-MuskGradient-BG',
-        route: '/manage-medical-center',
-        aligntext: 'text-md-left',
-        alignimg: 'text-md-right',
-        column: 'xs12 md7 sm7'
-      }, {
-        title: 'Add a Test Type',
-        text: 'You can simply add your own test type',
-        icon: '/img/Static/Dashboard/Book-and-Pen.png',
-        color: 'WM-GreyGradient-BG',
-        route: '/test-creator',
-        aligntext: 'text-md-left',
-        alignimg: 'text-md-right',
-        column: 'xs12 md5 sm5'
-      }, {
-        title: 'Test to Verify',
-        text: 'You can simply add your own test type in this section of website',
-        icon: '/img/Static/Dashboard/notepad-colorful.png',
-        color: 'WM-PinkGradient-BG',
-        route: '/submit-test-result',
-        aligntext: 'text-md-center',
-        alignimg: 'text-md-left',
-        column: 'xs12 md12 sm12'
-      }, {
-        title: 'Add a Test Result',
-        text: 'You can edit the medical center information',
-        icon: '/img/Static/Dashboard/ipad.png',
-        color: 'WM-YellowPinkGradient-BG',
-        route: '/manage-medical-center',
-        aligntext: 'text-md-center',
-        alignimg: 'text-md-left',
-        column: 'xs12 md12 sm12'
-      }]
+      cell_number: "",
+      password: "",
+      show1: false
     };
-  }
+  },
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapGetters"])('auth', ['authenticating', 'authenticationError', 'authenticationErrorCode'])),
+  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['login']), {
+    handleSubmit: function handleSubmit() {
+      // Perform a simple validation that cell_number and password have been typed in
+      if (this.cell_number != '' && this.password != '') {
+        this.login({
+          cell_number: this.cell_number,
+          password: this.password
+        });
+        this.password = "";
+      }
+    }
+  })
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
-/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
-  \***********************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&":
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true& ***!
+  \************************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -123,48 +110,179 @@ var render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "v-container",
-    { attrs: { fluid: "" } },
+    "v-form",
     [
       _c(
-        "material-card",
-        {
-          attrs: {
-            color: "black",
-            title: "Material Dashboard Heading",
-            text: ""
-          }
-        },
+        "v-container",
+        { attrs: { "grid-list-xs": "" } },
         [
           _c(
             "v-layout",
-            { attrs: { row: "", wrap: "" } },
-            _vm._l(_vm.Cards, function(Card, Key) {
-              return _c(
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            [
+              _c(
                 "v-flex",
-                { key: Key, class: [Card.column, "pa-2"] },
+                {
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
+                  attrs: { xs12: "", md3: "", sm3: "" }
+                },
                 [
                   _c(
-                    "router-link",
-                    { attrs: { to: Card.route } },
+                    "material-card",
+                    { attrs: { color: "black", title: "Login Page" } },
                     [
-                      _c("material-cards", {
-                        attrs: {
-                          title: Card.title,
-                          icon: Card.icon,
-                          color: Card.color,
-                          text: Card.text,
-                          aligntext: Card.aligntext,
-                          alignimg: Card.alignimg
-                        }
-                      })
+                      _c(
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            [
+                              _c("v-text-field", {
+                                attrs: {
+                                  name: "cellnumber",
+                                  label: "Cell Number",
+                                  id: "id1",
+                                  color: "black"
+                                },
+                                model: {
+                                  value: _vm.cell_number,
+                                  callback: function($$v) {
+                                    _vm.cell_number = $$v
+                                  },
+                                  expression: "cell_number"
+                                }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "password",
+                                  label: "Password",
+                                  type: _vm.show1 ? "text" : "password",
+                                  "append-icon": _vm.show1
+                                    ? "visibility"
+                                    : "visibility_off",
+                                  color: "black"
+                                },
+                                on: {
+                                  "click:append": function($event) {
+                                    _vm.show1 = !_vm.show1
+                                  }
+                                },
+                                model: {
+                                  value: _vm.password,
+                                  callback: function($$v) {
+                                    _vm.password = $$v
+                                  },
+                                  expression: "password"
+                                }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            {
+                              staticClass:
+                                "text-md-left text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "v-btn",
+                                {
+                                  staticClass: "WM-CyanBlueGradient-BG",
+                                  staticStyle: { padding: "10px 60px" },
+                                  on: { click: _vm.handleSubmit }
+                                },
+                                [
+                                  _c(
+                                    "v-icon",
+                                    { staticClass: "white--text mr-2 caption" },
+                                    [_vm._v("fas fa-sign-in-alt")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("span", { staticClass: "white--text" }, [
+                                    _vm._v("Login")
+                                  ])
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        {
+                          staticClass:
+                            "text-md-left text-sm-center text-xs-center",
+                          attrs: { row: "", wrap: "" }
+                        },
+                        [
+                          _c(
+                            "v-flex",
+                            {
+                              staticClass: "px-4 py-3",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "router-link",
+                                { attrs: { to: { name: "ForgotPassword" } } },
+                                [
+                                  _c(
+                                    "span",
+                                    {
+                                      staticClass: "black--text",
+                                      staticStyle: {
+                                        "border-bottom": "1px solid #000"
+                                      }
+                                    },
+                                    [_vm._v("Forgot Password ?")]
+                                  )
+                                ]
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
                     ],
                     1
                   )
                 ],
                 1
               )
-            }),
+            ],
             1
           )
         ],
@@ -181,18 +299,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Dashboard.vue":
-/*!**********************************************!*\
-  !*** ./resources/js/vue/views/Dashboard.vue ***!
-  \**********************************************/
+/***/ "./resources/js/vue/views/Auth/Login.vue":
+/*!***********************************************!*\
+  !*** ./resources/js/vue/views/Auth/Login.vue ***!
+  \***********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
-/* harmony import */ var _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Login.vue?vue&type=template&id=36ebd76a&scoped=true& */ "./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&");
+/* harmony import */ var _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Login.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -201,50 +319,50 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  null,
+  "36ebd76a",
   null
   
 )
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Dashboard.vue"
+component.options.__file = "resources/js/vue/views/Auth/Login.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
-/*!***********************************************************************!*\
-  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js& ***!
-  \***********************************************************************/
+/***/ "./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&":
+/*!************************************************************************!*\
+  !*** ./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js& ***!
+  \************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
-/*!*****************************************************************************!*\
-  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
-  \*****************************************************************************/
+/***/ "./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&":
+/*!******************************************************************************************!*\
+  !*** ./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true& ***!
+  \******************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Login.vue?vue&type=template&id=36ebd76a&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Login.vue?vue&type=template&id=36ebd76a&scoped=true&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Login_vue_vue_type_template_id_36ebd76a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/8.js b/public/8.js
index fe4522a3..3d986a6f 100644
--- a/public/8.js
+++ b/public/8.js
@@ -1,19 +1,64 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[8],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&":
-/*!************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js& ***!
-  \************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -58,28 +103,87 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
+    var defaultForm = Object.freeze({
+      cell_number: "",
+      password: "",
+      name: "",
+      gender: "",
+      medical_center_id: this.$route.params.medicalCenter ? this.$route.params.medicalCenter : ''
+    });
     return {
-      cell_number: ""
+      form: Object.assign({}, defaultForm),
+      show1: false,
+      items: ["Male", "FeMale"],
+      isLogin: _services__WEBPACK_IMPORTED_MODULE_1__["TokenService"].getInfo(),
+      rules: {
+        required: function required(value) {
+          return !!value || "Required.";
+        },
+        nameCounter: function nameCounter(value) {
+          return value.length >= 5 || "Min 5 characters";
+        },
+        passCounter: function passCounter(value) {
+          return value.length >= 6 || "Min 6 characters";
+        },
+        cellNumberCounter: function cellNumberCounter(value) {
+          return value.length == 11 || "must 11 characters";
+        }
+      }
     };
   },
-  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['forgotPassword']), Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapMutations"])('modal', ['changeCurrentModal']), {
-    handleSubmit: function handleSubmit() {
-      this.changeCurrentModal({
-        modal: 'modal-auth-verify-code'
-      }); // Perform a simple validation that cell_number and password have been typed in
-      // if (this.cell_number != '') {
-      //   this.forgotPassword({cell_number: this.cell_number});
-      // }
-    }
-  })
+  methods: {
+    register: function () {
+      var _register = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!this.$refs.form.validate()) {
+                  _context.next = 5;
+                  break;
+                }
+
+                _context.next = 3;
+                return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post("register", this.form);
+
+              case 3:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.$router.push({
+                    name: "OperatorList",
+                    params: {
+                      medicalCenter: this.form.medical_center_id
+                    }
+                  });
+                }
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function register() {
+        return _register.apply(this, arguments);
+      }
+
+      return register;
+    }()
+  }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26& ***!
-  \****************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&":
+/*!***************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c& ***!
+  \***************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -93,6 +197,7 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-form",
+    { ref: "form" },
     [
       _c(
         "v-container",
@@ -106,34 +211,128 @@ var render = function() {
                 "v-flex",
                 {
                   staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
-                  attrs: { xs12: "", md3: "", sm3: "" }
+                  attrs: { xs12: "", md3: "", sm6: "" }
                 },
                 [
                   _c(
                     "material-card",
-                    { attrs: { color: "black", title: "Login Page" } },
+                    { attrs: { color: "black", title: "Register Page" } },
                     [
                       _c(
                         "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        { attrs: { column: "" } },
                         [
                           _c(
                             "v-flex",
-                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
                             [
                               _c("v-text-field", {
+                                staticClass: "pa-2",
                                 attrs: {
-                                  name: "cellnumber",
-                                  label: "Cell Number",
-                                  id: "id1",
-                                  color: "black"
+                                  name: "name",
+                                  label: "Name",
+                                  color: "black",
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.nameCounter
+                                  ]
                                 },
                                 model: {
-                                  value: _vm.cell_number,
+                                  value: _vm.form.name,
                                   callback: function($$v) {
-                                    _vm.cell_number = $$v
+                                    _vm.$set(_vm.form, "name", $$v)
                                   },
-                                  expression: "cell_number"
+                                  expression: "form.name"
+                                }
+                              })
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            [
+                              _c("v-select", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  items: _vm.items,
+                                  label: "Gender",
+                                  name: "gender",
+                                  "single-line": "",
+                                  color: "black",
+                                  rules: [_vm.rules.required]
+                                },
+                                model: {
+                                  value: _vm.form.gender,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "gender", $$v)
+                                  },
+                                  expression: "form.gender"
+                                }
+                              })
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "cell_number",
+                                  label: "Cell Number",
+                                  color: "black",
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.cellNumberCounter
+                                  ],
+                                  mask: "#### ### ####"
+                                },
+                                model: {
+                                  value: _vm.form.cell_number,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "cell_number", $$v)
+                                  },
+                                  expression: "form.cell_number"
+                                }
+                              })
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md2: "", sm2: "" } },
+                            [
+                              _c("v-text-field", {
+                                staticClass: "pa-2",
+                                attrs: {
+                                  name: "password",
+                                  label: "Password",
+                                  type: _vm.show1 ? "text" : "password",
+                                  "append-icon": _vm.show1
+                                    ? "visibility"
+                                    : "visibility_off",
+                                  color: "black",
+                                  rules: [
+                                    _vm.rules.required,
+                                    _vm.rules.passCounter
+                                  ]
+                                },
+                                on: {
+                                  "click:append": function($event) {
+                                    _vm.show1 = !_vm.show1
+                                  }
+                                },
+                                model: {
+                                  value: _vm.form.password,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "password", $$v)
+                                  },
+                                  expression: "form.password"
                                 }
                               })
                             ],
@@ -145,7 +344,7 @@ var render = function() {
                       _vm._v(" "),
                       _c(
                         "v-layout",
-                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        { attrs: { row: "", wrap: "" } },
                         [
                           _c(
                             "v-flex",
@@ -160,17 +359,17 @@ var render = function() {
                                 {
                                   staticClass: "WM-CyanBlueGradient-BG",
                                   staticStyle: { padding: "10px 60px" },
-                                  on: { click: _vm.handleSubmit }
+                                  on: { click: _vm.register }
                                 },
                                 [
                                   _c(
                                     "v-icon",
                                     { staticClass: "white--text mr-2 caption" },
-                                    [_vm._v("fas fa-sign-in-alt")]
+                                    [_vm._v("fas fa-plus")]
                                   ),
                                   _vm._v(" "),
                                   _c("span", { staticClass: "white--text" }, [
-                                    _vm._v("Send")
+                                    _vm._v("Register")
                                   ])
                                 ],
                                 1
@@ -179,41 +378,42 @@ var render = function() {
                             1
                           ),
                           _vm._v(" "),
-                          _c(
-                            "v-flex",
-                            {
-                              staticClass:
-                                "text-md-right text-sm-center text-xs-center",
-                              attrs: { xs12: "", md6: "", sm6: "" }
-                            },
-                            [
-                              _c(
-                                "router-link",
+                          !_vm.isLogin
+                            ? _c(
+                                "v-flex",
                                 {
-                                  staticClass: "black--text",
-                                  attrs: { to: "login" }
+                                  staticClass:
+                                    "text-md-right text-sm-center text-xs-center",
+                                  attrs: { xs12: "", md6: "", sm6: "" }
                                 },
                                 [
                                   _c(
-                                    "v-btn",
-                                    {
-                                      staticClass:
-                                        "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
-                                    },
+                                    "router-link",
+                                    { attrs: { to: "/login" } },
                                     [
                                       _c(
-                                        "v-icon",
+                                        "v-btn",
                                         {
                                           staticClass:
-                                            "black--text mr-2 caption"
+                                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
                                         },
-                                        [_vm._v("fas fa-sign-in-alt")]
-                                      ),
-                                      _vm._v(" "),
-                                      _c(
-                                        "span",
-                                        { staticClass: "black--text" },
-                                        [_vm._v("Login")]
+                                        [
+                                          _c(
+                                            "v-icon",
+                                            {
+                                              staticClass:
+                                                "black--text mr-2 caption"
+                                            },
+                                            [_vm._v("fas fa-sign-in-alt")]
+                                          ),
+                                          _vm._v(" "),
+                                          _c(
+                                            "span",
+                                            { staticClass: "black--text" },
+                                            [_vm._v("Login")]
+                                          )
+                                        ],
+                                        1
                                       )
                                     ],
                                     1
@@ -221,9 +421,7 @@ var render = function() {
                                 ],
                                 1
                               )
-                            ],
-                            1
-                          )
+                            : _vm._e()
                         ],
                         1
                       )
@@ -250,18 +448,18 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ForgotPassword.vue":
-/*!***************************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue ***!
-  \***************************************************/
+/***/ "./resources/js/vue/views/Auth/Register.vue":
+/*!**************************************************!*\
+  !*** ./resources/js/vue/views/Auth/Register.vue ***!
+  \**************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=template&id=62f22c26& */ "./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&");
-/* harmony import */ var _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ForgotPassword.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+/* harmony import */ var _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Register.vue?vue&type=template&id=051bdd9c& */ "./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&");
+/* harmony import */ var _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Register.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
 
@@ -270,9 +468,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -282,38 +480,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/ForgotPassword.vue"
+component.options.__file = "resources/js/vue/views/Auth/Register.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&":
-/*!****************************************************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js& ***!
-  \****************************************************************************/
+/***/ "./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&":
+/*!***************************************************************************!*\
+  !*** ./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js& ***!
+  \***************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&":
-/*!**********************************************************************************!*\
-  !*** ./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26& ***!
-  \**********************************************************************************/
+/***/ "./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&":
+/*!*********************************************************************************!*\
+  !*** ./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c& ***!
+  \*********************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./ForgotPassword.vue?vue&type=template&id=62f22c26& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/ForgotPassword.vue?vue&type=template&id=62f22c26&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Register.vue?vue&type=template&id=051bdd9c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Auth/Register.vue?vue&type=template&id=051bdd9c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ForgotPassword_vue_vue_type_template_id_62f22c26___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Register_vue_vue_type_template_id_051bdd9c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/9.js b/public/9.js
index 6ae4b8fa..97462752 100644
--- a/public/9.js
+++ b/public/9.js
@@ -1,9 +1,9 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Icons.vue?vue&type=script&lang=js&":
-/*!***************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Icons.vue?vue&type=script&lang=js& ***!
-  \***************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
+/*!*******************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js& ***!
+  \*******************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -34,56 +34,97 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      icons: ['mdi-access-point', 'mdi-access-point-network', 'mdi-account', 'mdi-account-alert', 'mdi-account-box', 'mdi-account-box-multiple', 'mdi-account-box-outline', 'mdi-account-card-details', 'mdi-account-check', 'mdi-account-circle', 'mdi-account-convert', 'mdi-account-edit', 'mdi-account-group', 'mdi-account-heart', 'mdi-account-key', 'mdi-account-location', 'mdi-account-minus', 'mdi-account-multiple', 'mdi-account-multiple-check', 'mdi-account-multiple-minus', 'mdi-account-multiple-outline', 'mdi-account-multiple-plus', 'mdi-account-multiple-plus-outline', 'mdi-account-network', 'mdi-account-off', 'mdi-account-outline', 'mdi-account-plus', 'mdi-account-plus-outline', 'mdi-account-remove', 'mdi-account-search', 'mdi-account-search-outline', 'mdi-account-settings', 'mdi-account-settings-variant', 'mdi-account-star', 'mdi-account-switch', 'mdi-accusoft', 'mdi-adjust', 'mdi-adobe', 'mdi-air-conditioner', 'mdi-airballoon', 'mdi-airplane', 'mdi-airplane-landing', 'mdi-airplane-off', 'mdi-airplane-takeoff', 'mdi-airplay', 'mdi-airport', 'mdi-alarm', 'mdi-alarm-bell', 'mdi-alarm-check', 'mdi-alarm-light', 'mdi-alarm-multiple', 'mdi-alarm-off', 'mdi-alarm-plus', 'mdi-alarm-snooze', 'mdi-album', 'mdi-alert', 'mdi-alert-box', 'mdi-alert-circle', 'mdi-alert-circle-outline', 'mdi-alert-decagram', 'mdi-alert-octagon', 'mdi-alert-octagram', 'mdi-alert-outline', 'mdi-alien', 'mdi-all-inclusive', 'mdi-alpha', 'mdi-alphabetical', 'mdi-altimeter', 'mdi-amazon', 'mdi-amazon-alexa', 'mdi-amazon-drive', 'mdi-ambulance', 'mdi-amplifier', 'mdi-anchor', 'mdi-android', 'mdi-android-debug-bridge', 'mdi-android-head', 'mdi-android-studio', 'mdi-angle-acute', 'mdi-angle-obtuse', 'mdi-angle-right', 'mdi-angular', 'mdi-angularjs', 'mdi-animation', 'mdi-animation-play', 'mdi-anvil', 'mdi-apple', 'mdi-apple-finder', 'mdi-apple-icloud', 'mdi-apple-ios', 'mdi-apple-keyboard-caps', 'mdi-apple-keyboard-command', 'mdi-apple-keyboard-control', 'mdi-apple-keyboard-option', 'mdi-apple-keyboard-shift', 'mdi-apple-safari', 'mdi-application', 'mdi-approval', 'mdi-apps', 'mdi-arch', 'mdi-archive', 'mdi-arrange-bring-forward', 'mdi-arrange-bring-to-front', 'mdi-arrange-send-backward', 'mdi-arrange-send-to-back', 'mdi-arrow-all', 'mdi-arrow-bottom-left', 'mdi-arrow-bottom-left-bold-outline', 'mdi-arrow-bottom-left-thick', 'mdi-arrow-bottom-right', 'mdi-arrow-bottom-right-bold-outline', 'mdi-arrow-bottom-right-thick', 'mdi-arrow-collapse', 'mdi-arrow-collapse-all', 'mdi-arrow-collapse-down', 'mdi-arrow-collapse-horizontal', 'mdi-arrow-collapse-left', 'mdi-arrow-collapse-right', 'mdi-arrow-collapse-up', 'mdi-arrow-collapse-vertical', 'mdi-arrow-decision', 'mdi-arrow-decision-auto', 'mdi-arrow-decision-auto-outline', 'mdi-arrow-decision-outline', 'mdi-arrow-down', 'mdi-arrow-down-bold', 'mdi-arrow-down-bold-box', 'mdi-arrow-down-bold-box-outline', 'mdi-arrow-down-bold-circle', 'mdi-arrow-down-bold-circle-outline', 'mdi-arrow-down-bold-hexagon-outline', 'mdi-arrow-down-bold-outline', 'mdi-arrow-down-box', 'mdi-arrow-down-drop-circle', 'mdi-arrow-down-drop-circle-outline', 'mdi-arrow-down-thick', 'mdi-arrow-expand', 'mdi-arrow-expand-all', 'mdi-arrow-expand-down', 'mdi-arrow-expand-horizontal', 'mdi-arrow-expand-left', 'mdi-arrow-expand-right', 'mdi-arrow-expand-up', 'mdi-arrow-expand-vertical', 'mdi-arrow-left', 'mdi-arrow-left-bold', 'mdi-arrow-left-bold-box', 'mdi-arrow-left-bold-box-outline', 'mdi-arrow-left-bold-circle', 'mdi-arrow-left-bold-circle-outline', 'mdi-arrow-left-bold-hexagon-outline', 'mdi-arrow-left-bold-outline', 'mdi-arrow-left-box', 'mdi-arrow-left-drop-circle', 'mdi-arrow-left-drop-circle-outline', 'mdi-arrow-left-right-bold-outline', 'mdi-arrow-left-thick', 'mdi-arrow-right', 'mdi-arrow-right-bold', 'mdi-arrow-right-bold-box', 'mdi-arrow-right-bold-box-outline', 'mdi-arrow-right-bold-circle', 'mdi-arrow-right-bold-circle-outline', 'mdi-arrow-right-bold-hexagon-outline', 'mdi-arrow-right-bold-outline', 'mdi-arrow-right-box', 'mdi-arrow-right-drop-circle', 'mdi-arrow-right-drop-circle-outline', 'mdi-arrow-right-thick', 'mdi-arrow-split-horizontal', 'mdi-arrow-split-vertical', 'mdi-arrow-top-left', 'mdi-arrow-top-left-bold-outline', 'mdi-arrow-top-left-thick', 'mdi-arrow-top-right', 'mdi-arrow-top-right-bold-outline', 'mdi-arrow-top-right-thick', 'mdi-arrow-up', 'mdi-arrow-up-bold', 'mdi-arrow-up-bold-box', 'mdi-arrow-up-bold-box-outline', 'mdi-arrow-up-bold-circle', 'mdi-arrow-up-bold-circle-outline', 'mdi-arrow-up-bold-hexagon-outline', 'mdi-arrow-up-bold-outline', 'mdi-arrow-up-box', 'mdi-arrow-up-down-bold-outline', 'mdi-arrow-up-drop-circle', 'mdi-arrow-up-drop-circle-outline', 'mdi-arrow-up-thick', 'mdi-artist', 'mdi-assistant', 'mdi-asterisk', 'mdi-at', 'mdi-atlassian', 'mdi-atom', 'mdi-attachment', 'mdi-audio-video', 'mdi-audiobook', 'mdi-augmented-reality', 'mdi-auto-fix', 'mdi-auto-upload', 'mdi-autorenew', 'mdi-av-timer', 'mdi-axe', 'mdi-azure', 'mdi-baby', 'mdi-baby-buggy', 'mdi-backburger', 'mdi-backspace', 'mdi-backup-restore', 'mdi-badminton']
+      Cards: [{
+        title: 'My Info',
+        text: 'You can easily edit your registration information',
+        icon: '/img/Static/Dashboard/darkmug.png',
+        color: 'WM-OrangeGradient-BG',
+        route: {
+          name: 'MyInfo'
+        },
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md6 sm6'
+      }, {
+        title: 'All Test Result',
+        text: 'You can see all user tests and own tests',
+        icon: '/img/Static/Dashboard/pad.png',
+        color: 'WM-GreenGradient-BG',
+        route: {
+          name: 'AllResultTest'
+        },
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md6 sm6'
+      }, {
+        title: 'Manage Users',
+        text: 'You can edit the medical center information',
+        icon: '/img/Static/Dashboard/ipad.png',
+        color: 'WM-YellowPinkGradient-BG',
+        route: {
+          name: 'ManageUsers'
+        },
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }, {
+        title: 'Manage Medical Center',
+        text: 'Managing users very fast by ...',
+        icon: '/img/Static/Dashboard/Macbook.png',
+        color: 'WM-MuskGradient-BG',
+        route: {
+          name: 'ManageMedicalCenter'
+        },
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md7 sm7'
+      }, {
+        title: 'List Test Type',
+        text: 'You can simply add your own test type',
+        icon: '/img/Static/Dashboard/Book-and-Pen.png',
+        color: 'WM-GreyGradient-BG',
+        route: {
+          name: 'ListTestType'
+        },
+        aligntext: 'text-md-left',
+        alignimg: 'text-md-right',
+        column: 'xs12 md5 sm5'
+      }, {
+        title: 'Test to Verify',
+        text: 'You can simply add your own test type in this section of website',
+        icon: '/img/Static/Dashboard/notepad-colorful.png',
+        color: 'WM-PinkGradient-BG',
+        route: {
+          name: 'SubmitTestResult'
+        },
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }, {
+        title: 'Add a Test Result',
+        text: 'You can edit the medical center information',
+        icon: '/img/Static/Dashboard/ipad.png',
+        color: 'WM-YellowPinkGradient-BG',
+        route: {
+          name: 'SubmitTestResult'
+        },
+        aligntext: 'text-md-center',
+        alignimg: 'text-md-left',
+        column: 'xs12 md12 sm12'
+      }]
     };
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Icons.vue?vue&type=template&id=790d5902&":
-/*!*******************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Icons.vue?vue&type=template&id=790d5902& ***!
-  \*******************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
+/*!***********************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
+  \***********************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -97,59 +138,40 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "v-container",
-    {
-      staticStyle: { "flex-wrap": "wrap" },
-      attrs: { "fill-height": "", fluid: "" }
-    },
+    { attrs: { fluid: "" } },
     [
       _c(
         "material-card",
-        { attrs: { color: "green" } },
+        {
+          attrs: {
+            color: "black",
+            title: "Material Dashboard Heading",
+            text: ""
+          }
+        },
         [
-          _c("div", { attrs: { slot: "header" }, slot: "header" }, [
-            _c("div", { staticClass: "title font-weight-light mb-2" }, [
-              _vm._v("Material Design Icons")
-            ]),
-            _vm._v(" "),
-            _c("div", { staticClass: "category font-weight-thin" }, [
-              _vm._v("\n        See all available\n        "),
-              _c(
-                "a",
-                {
-                  staticClass: "white--text",
-                  attrs: {
-                    href: "https://materialdesignicons.com/",
-                    target: "_blank"
-                  }
-                },
-                [_vm._v("\n          Icons\n        ")]
-              )
-            ])
-          ]),
-          _vm._v(" "),
           _c(
             "v-layout",
-            { attrs: { "align-center": "", "justify-center": "", wrap: "" } },
-            _vm._l(_vm.icons, function(icon) {
+            { attrs: { row: "", wrap: "" } },
+            _vm._l(_vm.Cards, function(Card, Key) {
               return _c(
                 "v-flex",
-                { key: icon, attrs: { "ma-2": "" } },
+                { key: Key, class: [Card.column, "pa-2"] },
                 [
                   _c(
-                    "v-tooltip",
-                    { attrs: { top: "", "content-class": "top" } },
+                    "router-link",
+                    { attrs: { to: Card.route } },
                     [
-                      _c(
-                        "v-icon",
-                        { attrs: { slot: "activator" }, slot: "activator" },
-                        [
-                          _vm._v(
-                            "\n            " + _vm._s(icon) + "\n          "
-                          )
-                        ]
-                      ),
-                      _vm._v(" "),
-                      _c("span", [_vm._v(_vm._s(icon))])
+                      _c("material-cards", {
+                        attrs: {
+                          title: Card.title,
+                          icon: Card.icon,
+                          color: Card.color,
+                          text: Card.text,
+                          aligntext: Card.aligntext,
+                          alignimg: Card.alignimg
+                        }
+                      })
                     ],
                     1
                   )
@@ -161,35 +183,6 @@ var render = function() {
           )
         ],
         1
-      ),
-      _vm._v(" "),
-      _c(
-        "div",
-        { staticClass: "mx-auto" },
-        [
-          _c(
-            "v-btn",
-            {
-              staticClass: "mx-0 font-weight-light",
-              attrs: {
-                large: "",
-                color: "success",
-                href: "https://materialdesignicons.com/",
-                target: "_blank",
-                round: ""
-              }
-            },
-            [
-              _c("v-icon", { attrs: { left: "" } }, [
-                _vm._v("mdi-material-design")
-              ]),
-              _vm._v(" "),
-              _c("span", [_vm._v("See all icons")])
-            ],
-            1
-          )
-        ],
-        1
       )
     ],
     1
@@ -202,17 +195,17 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Icons.vue":
-/*!******************************************!*\
-  !*** ./resources/js/vue/views/Icons.vue ***!
-  \******************************************/
+/***/ "./resources/js/vue/views/Dashboard.vue":
+/*!**********************************************!*\
+  !*** ./resources/js/vue/views/Dashboard.vue ***!
+  \**********************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Icons_vue_vue_type_template_id_790d5902___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Icons.vue?vue&type=template&id=790d5902& */ "./resources/js/vue/views/Icons.vue?vue&type=template&id=790d5902&");
-/* harmony import */ var _Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Icons.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Icons.vue?vue&type=script&lang=js&");
+/* harmony import */ var _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
+/* harmony import */ var _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dashboard.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -222,9 +215,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
-  _Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Icons_vue_vue_type_template_id_790d5902___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Icons_vue_vue_type_template_id_790d5902___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -234,38 +227,38 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Icons.vue"
+component.options.__file = "resources/js/vue/views/Dashboard.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Icons.vue?vue&type=script&lang=js&":
-/*!*******************************************************************!*\
-  !*** ./resources/js/vue/views/Icons.vue?vue&type=script&lang=js& ***!
-  \*******************************************************************/
+/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&":
+/*!***********************************************************************!*\
+  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Icons.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Icons.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./Dashboard.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Icons.vue?vue&type=template&id=790d5902&":
-/*!*************************************************************************!*\
-  !*** ./resources/js/vue/views/Icons.vue?vue&type=template&id=790d5902& ***!
-  \*************************************************************************/
+/***/ "./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&":
+/*!*****************************************************************************!*\
+  !*** ./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c& ***!
+  \*****************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_template_id_790d5902___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Icons.vue?vue&type=template&id=790d5902& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Icons.vue?vue&type=template&id=790d5902&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_template_id_790d5902___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Dashboard.vue?vue&type=template&id=1e64fb7c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Dashboard.vue?vue&type=template&id=1e64fb7c&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Icons_vue_vue_type_template_id_790d5902___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Dashboard_vue_vue_type_template_id_1e64fb7c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index ed503940..02b9fb87 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,3 +1,3 @@
 {
-    "/vue/js/app.js": "/vue/js/app.js"
+    "/vue/js/app.js": "/vue/js/app.js?id=b4534e69c5368a1cd1b1"
 }
diff --git a/public/vue/js/app.js b/public/vue/js/app.js
index fd67fc42..770c8a57 100644
--- a/public/vue/js/app.js
+++ b/public/vue/js/app.js
@@ -2303,27 +2303,39 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     return {
       logo: './img/vuetifylogo.png',
       links: [{
-        to: '/dashboard',
+        to: {
+          name: 'Dashboard'
+        },
         icon: 'mdi-view-dashboard',
         text: 'Dashboard'
       }, {
-        to: '/my-info',
+        to: {
+          name: 'MyInfo'
+        },
         icon: 'mdi-account',
         text: 'My Info'
       }, {
-        to: '/all-resualttest',
+        to: {
+          name: 'AllResultTest'
+        },
         icon: 'description',
         text: 'All Test Result'
       }, {
-        to: '/manage-users',
+        to: {
+          name: 'ManageUsers'
+        },
         icon: 'far fa-address-book',
         text: 'Manage Users'
       }, {
-        to: '/test-creator',
+        to: {
+          name: 'ListTestType'
+        },
         icon: 'fas fa-vial',
-        text: 'Add a Test Type'
+        text: 'List Test Type'
       }, {
-        to: '/submit-test-result',
+        to: {
+          name: 'SubmitTestResult'
+        },
         icon: 'done',
         text: 'Submit Test Result'
       }],
@@ -3291,6 +3303,81 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=script&lang=js&":
+/*!****************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      form: {
+        password: "",
+        password_confirmation: ""
+      }
+    };
+  },
+  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['changePassword']), {
+    submitVerifyCode: function submitVerifyCode() {
+      if (this.form.code != '') {
+        this.changePassword({
+          form: this.form
+        });
+      }
+    }
+  })
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/auth/VerifyCode.vue?vue&type=script&lang=js&":
 /*!************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/components/modal/auth/VerifyCode.vue?vue&type=script&lang=js& ***!
@@ -3340,14 +3427,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
     return {
-      verifyCode: ""
+      form: {
+        code: ""
+      }
     };
   },
   methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__["mapActions"])('auth', ['verifyCodeSMS']), {
     submitVerifyCode: function submitVerifyCode() {
-      if (this.verifyCode != '') {
+      if (this.form.code != '') {
         this.verifyCodeSMS({
-          verifyCode: this.verifyCode
+          form: this.form
         });
       }
     }
@@ -3365,6 +3454,22 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/config/utils */ "./resources/js/vue/config/utils.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 //
 //
 //
@@ -3393,20 +3498,56 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
+
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
-  name: "",
   data: function data() {
     return {
-      items: ['SuperAdmin', 'Admin', 'SuperVisior', 'User']
+      items: _config_utils__WEBPACK_IMPORTED_MODULE_3__["roles"],
+      data: {
+        roles: ""
+      }
     };
-  }
+  },
+  methods: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapMutations"])("modal", ["closeModal", "setResultModal"]), {
+    changeRole: function () {
+      var _changeRole = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_4__["urls"].changeRoleUser(this.getModalProperties.user.id), this.data);
+
+              case 2:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.setResultModal(result.data.data);
+                  this.closeModal();
+                }
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function changeRole() {
+        return _changeRole.apply(this, arguments);
+      }
+
+      return changeRole;
+    }()
+  }),
+  computed: _objectSpread({}, Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapGetters"])("modal", ["getModalProperties"]))
 });
 
 /***/ }),
@@ -8136,6 +8277,21 @@ exports.push([module.i, "/*!\n *  Font Awesome 4.7.0 by @davegandy - http://font
 
 
 
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/izitoast/dist/css/iziToast.min.css":
+/*!*****************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/postcss-loader/src??ref--5-2!./node_modules/izitoast/dist/css/iziToast.min.css ***!
+  \*****************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
+// Module
+exports.push([module.i, "/*\r\n* iziToast | v1.4.0\r\n* http://izitoast.marcelodolce.com\r\n* by Marcelo Dolce.\r\n*/\r\n.iziToast-capsule{font-size:0;height:0;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)}.iziToast-capsule,.iziToast-capsule *{box-sizing:border-box}.iziToast-overlay{display:block;position:fixed;top:-100px;left:0;right:0;bottom:-100px;z-index:997}.iziToast{display:inline-block;clear:both;position:relative;font-family:'Lato',Tahoma,Arial;font-size:14px;padding:8px 45px 9px 0;background:rgba(238,238,238,.9);border-color:rgba(238,238,238,.9);width:100%;pointer-events:all;cursor:default;transform:translateX(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.iziToast>.iziToast-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:rgba(255,255,255,.2)}.iziToast>.iziToast-progressbar>div{height:2px;width:100%;background:rgba(0,0,0,.3);border-radius:0 0 3px 3px}.iziToast.iziToast-balloon:before{content:'';position:absolute;right:8px;left:auto;width:0;height:0;top:100%;border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-radius:0}.iziToast.iziToast-balloon .iziToast-progressbar{top:0;bottom:auto}.iziToast.iziToast-balloon>div{border-radius:0 0 0 3px}.iziToast>.iziToast-cover{position:absolute;left:0;top:0;bottom:0;height:100%;margin:0;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.1)}.iziToast>.iziToast-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:0}.iziToast>.iziToast-close:hover{opacity:1}.iziToast>.iziToast-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left}.iziToast>.iziToast-body:after{content:\"\";display:table;clear:both}.iziToast>.iziToast-body .iziToast-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left}.iziToast>.iziToast-body .iziToast-inputs{min-height:19px;float:left;margin:3px -2px}.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]),.iziToast>.iziToast-body .iziToast-inputs>select{position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:4px 7px;font-size:13px;letter-spacing:.02em;background:rgba(0,0,0,.1);color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.2);min-height:26px}.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]):focus,.iziToast>.iziToast-body .iziToast-inputs>select:focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons{min-height:17px;float:left;margin:4px -2px}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]){position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:5px 10px;font-size:12px;letter-spacing:.02em;cursor:pointer;background:rgba(0,0,0,.1);color:#000}.iziToast>.iziToast-body .iziToast-buttons>a:hover,.iziToast>.iziToast-body .iziToast-buttons>button:hover,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):hover{background:rgba(0,0,0,.2)}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons>a:active,.iziToast>.iziToast-body .iziToast-buttons>button:active,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):active{top:1px}.iziToast>.iziToast-body .iziToast-icon{position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast>.iziToast-body .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-message,.iziToast>.iziToast-body .iziToast-title{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;white-space:normal}.iziToast>.iziToast-body .iziToast-title{color:#000;margin:0}.iziToast>.iziToast-body .iziToast-message{margin:0 0 10px;color:rgba(0,0,0,.6)}.iziToast.iziToast-animateInside .iziToast-buttons-child,.iziToast.iziToast-animateInside .iziToast-icon,.iziToast.iziToast-animateInside .iziToast-inputs-child,.iziToast.iziToast-animateInside .iziToast-message,.iziToast.iziToast-animateInside .iziToast-title{opacity:0}.iziToast-target{position:relative;width:100%;margin:0 auto}.iziToast-target .iziToast-capsule{overflow:hidden}.iziToast-target .iziToast-capsule:after{visibility:hidden;display:block;font-size:0;content:\" \";clear:both;height:0}.iziToast-target .iziToast-capsule .iziToast{width:100%;float:left}.iziToast-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.iziToast-wrapper .iziToast.iziToast-balloon:before{border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;right:8px;left:auto}.iziToast-wrapper-bottomLeft{left:0;bottom:0;text-align:left}.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before,.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before{border-right:15px solid transparent;border-left:0 solid transparent;right:auto;left:8px}.iziToast-wrapper-bottomRight{right:0;bottom:0;text-align:right}.iziToast-wrapper-topLeft{left:0;top:0;text-align:left}.iziToast-wrapper-topRight{top:0;right:0;text-align:right}.iziToast-wrapper-topCenter{top:0;left:0;right:0;text-align:center}.iziToast-wrapper-bottomCenter,.iziToast-wrapper-center{bottom:0;left:0;right:0;text-align:center}.iziToast-wrapper-center{top:0;justify-content:center;flex-flow:column;align-items:center}.iziToast-rtl{direction:rtl;padding:8px 0 9px 45px;font-family:Tahoma,'Lato',Arial}.iziToast-rtl .iziToast-cover{left:auto;right:0}.iziToast-rtl .iziToast-close{right:auto;left:0}.iziToast-rtl .iziToast-body{padding:0 10px 0 0;margin:0 16px 0 0;text-align:right}.iziToast-rtl .iziToast-body .iziToast-buttons,.iziToast-rtl .iziToast-body .iziToast-inputs,.iziToast-rtl .iziToast-body .iziToast-message,.iziToast-rtl .iziToast-body .iziToast-texts,.iziToast-rtl .iziToast-body .iziToast-title{float:right;text-align:right}.iziToast-rtl .iziToast-body .iziToast-icon{left:auto;right:0}@media only screen and (min-width:568px){.iziToast-wrapper{padding:10px 15px}.iziToast{margin:5px 0;border-radius:3px;width:auto}.iziToast:after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1),0 8px 8px -5px rgba(0,0,0,.25)}.iziToast:not(.iziToast-rtl) .iziToast-cover{border-radius:3px 0 0 3px}.iziToast.iziToast-rtl .iziToast-cover{border-radius:0 3px 3px 0}.iziToast.iziToast-color-dark:after{box-shadow:inset 0 -10px 20px -10px rgba(255,255,255,.3),0 10px 10px -5px rgba(0,0,0,.25)}.iziToast.iziToast-balloon .iziToast-progressbar{background:0 0}.iziToast.iziToast-balloon:after{box-shadow:0 10px 10px -5px rgba(0,0,0,.25),inset 0 10px 20px -5px rgba(0,0,0,.25)}.iziToast-target .iziToast:after{box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)}}.iziToast.iziToast-theme-dark{background:#565c70;border-color:#565c70}.iziToast.iziToast-theme-dark .iziToast-title{color:#fff}.iziToast.iziToast-theme-dark .iziToast-message{color:rgba(255,255,255,.7);font-weight:300}.iziToast.iziToast-theme-dark .iziToast-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px}.iziToast.iziToast-theme-dark .iziToast-icon{color:#fff}.iziToast.iziToast-theme-dark .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-buttons>a,.iziToast.iziToast-theme-dark .iziToast-buttons>button,.iziToast.iziToast-theme-dark .iziToast-buttons>input{color:#fff;background:rgba(255,255,255,.1)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover{background:rgba(255,255,255,.2)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.6)}.iziToast.iziToast-color-red{background:rgba(255,175,180,.9);border-color:rgba(255,175,180,.9)}.iziToast.iziToast-color-orange{background:rgba(255,207,165,.9);border-color:rgba(255,207,165,.9)}.iziToast.iziToast-color-yellow{background:rgba(255,249,178,.9);border-color:rgba(255,249,178,.9)}.iziToast.iziToast-color-blue{background:rgba(157,222,255,.9);border-color:rgba(157,222,255,.9)}.iziToast.iziToast-color-green{background:rgba(166,239,184,.9);border-color:rgba(166,239,184,.9)}.iziToast.iziToast-layout2 .iziToast-body .iziToast-message,.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts{width:100%}.iziToast.iziToast-layout3{border-radius:2px}.iziToast.iziToast-layout3::after{display:none}.iziToast .revealIn,.iziToast.revealIn{-webkit-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;-moz-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both}.iziToast .slideIn,.iziToast.slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.iziToast.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.iziToast.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.iziToast.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.iziToast.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.iziToast .fadeIn,.iziToast.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast.fadeInUp{-webkit-animation:iziT-fadeInUp .7s ease both;animation:iziT-fadeInUp .7s ease both}.iziToast.fadeInDown{-webkit-animation:iziT-fadeInDown .7s ease both;animation:iziT-fadeInDown .7s ease both}.iziToast.fadeInLeft{-webkit-animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.fadeInRight{-webkit-animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.flipInX{-webkit-animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both;animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both}.iziToast.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}.iziToast.fadeOutDown{-webkit-animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutUp{-webkit-animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutLeft{-webkit-animation:iziT-fadeOutLeft .5s ease both;animation:iziT-fadeOutLeft .5s ease both}.iziToast.fadeOutRight{-webkit-animation:iziT-fadeOutRight .5s ease both;animation:iziT-fadeOutRight .5s ease both}.iziToast.flipOutX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast-overlay.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast-overlay.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}@-webkit-keyframes iziT-revealIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,1)}to{opacity:1}}@-moz-keyframes iziT-revealIn{0%{opacity:0;-moz-transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;-webkit-transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes iziT-slideIn{0%{opacity:0;-moz-transform:translateX(50px)}to{opacity:1;-moz-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;-webkit-transform:translateX(280px)}50%{opacity:1;-webkit-transform:translateX(-20px)}70%{-webkit-transform:translateX(10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;-webkit-transform:translateX(-280px)}50%{opacity:1;-webkit-transform:translateX(20px)}70%{-webkit-transform:translateX(-10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}50%{opacity:1;-webkit-transform:translateY(10px)}70%{-webkit-transform:translateY(-5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;-webkit-transform:translateY(200px)}50%{opacity:1;-webkit-transform:translateY(-10px)}70%{-webkit-transform:translateY(5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-moz-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-o-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-moz-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-o-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-o-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-moz-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-o-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-moz-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-o-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-moz-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-o-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-moz-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-o-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-moz-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-o-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-moz-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-o-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-moz-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-o-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-moz-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-o-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-moz-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-o-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}", ""]);
+
+
+
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/material-design-icons-iconfont/dist/material-design-icons.css":
@@ -8503,6 +8659,1338 @@ function isSlowBuffer (obj) {
 }
 
 
+/***/ }),
+
+/***/ "./node_modules/izitoast/dist/css/iziToast.min.css":
+/*!*********************************************************!*\
+  !*** ./node_modules/izitoast/dist/css/iziToast.min.css ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../css-loader/dist/cjs.js??ref--5-1!../../../postcss-loader/src??ref--5-2!./iziToast.min.css */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/izitoast/dist/css/iziToast.min.css");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/izitoast/dist/js/iziToast.js":
+/*!***************************************************!*\
+  !*** ./node_modules/izitoast/dist/js/iziToast.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
+* iziToast | v1.4.0
+* http://izitoast.marcelodolce.com
+* by Marcelo Dolce.
+*/
+(function (root, factory) {
+	if(true) {
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory(root)),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+	} else {}
+})(typeof global !== 'undefined' ? global : window || this.window || this.global, function (root) {
+
+	'use strict';
+
+	//
+	// Variables
+	//
+	var $iziToast = {},
+		PLUGIN_NAME = 'iziToast',
+		BODY = document.querySelector('body'),
+		ISMOBILE = (/Mobi/.test(navigator.userAgent)) ? true : false,
+		ISCHROME = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor),
+		ISFIREFOX = typeof InstallTrigger !== 'undefined',
+		ACCEPTSTOUCH = 'ontouchstart' in document.documentElement,
+		POSITIONS = ['bottomRight','bottomLeft','bottomCenter','topRight','topLeft','topCenter','center'],
+		THEMES = {
+			info: {
+				color: 'blue',
+				icon: 'ico-info'
+			},
+			success: {
+				color: 'green',
+				icon: 'ico-success'
+			},
+			warning: {
+				color: 'orange',
+				icon: 'ico-warning'
+			},
+			error: {
+				color: 'red',
+				icon: 'ico-error'
+			},
+			question: {
+				color: 'yellow',
+				icon: 'ico-question'
+			}
+		},
+		MOBILEWIDTH = 568,
+		CONFIG = {};
+
+	$iziToast.children = {};
+
+	// Default settings
+	var defaults = {
+		id: null, 
+		class: '',
+		title: '',
+		titleColor: '',
+		titleSize: '',
+		titleLineHeight: '',
+		message: '',
+		messageColor: '',
+		messageSize: '',
+		messageLineHeight: '',
+		backgroundColor: '',
+		theme: 'light', // dark
+		color: '', // blue, red, green, yellow
+		icon: '',
+		iconText: '',
+		iconColor: '',
+		iconUrl: null,
+		image: '',
+		imageWidth: 50,
+		maxWidth: null,
+		zindex: null,
+		layout: 1,
+		balloon: false,
+		close: true,
+		closeOnEscape: false,
+		closeOnClick: false,
+		displayMode: 0,
+		position: 'bottomRight', // bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter, center
+		target: '',
+		targetFirst: true,
+		timeout: 5000,
+		rtl: false,
+		animateInside: true,
+		drag: true,
+		pauseOnHover: true,
+		resetOnHover: false,
+		progressBar: true,
+		progressBarColor: '',
+		progressBarEasing: 'linear',
+		overlay: false,
+		overlayClose: false,
+		overlayColor: 'rgba(0, 0, 0, 0.6)',
+		transitionIn: 'fadeInUp', // bounceInLeft, bounceInRight, bounceInUp, bounceInDown, fadeIn, fadeInDown, fadeInUp, fadeInLeft, fadeInRight, flipInX
+		transitionOut: 'fadeOut', // fadeOut, fadeOutUp, fadeOutDown, fadeOutLeft, fadeOutRight, flipOutX
+		transitionInMobile: 'fadeInUp',
+		transitionOutMobile: 'fadeOutDown',
+		buttons: {},
+		inputs: {},
+		onOpening: function () {},
+		onOpened: function () {},
+		onClosing: function () {},
+		onClosed: function () {}
+	};
+
+	//
+	// Methods
+	//
+
+
+	/**
+	 * Polyfill for remove() method
+	 */
+	if(!('remove' in Element.prototype)) {
+	    Element.prototype.remove = function() {
+	        if(this.parentNode) {
+	            this.parentNode.removeChild(this);
+	        }
+	    };
+	}
+
+	/*
+     * Polyfill for CustomEvent for IE >= 9
+     * https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill
+     */
+    if(typeof window.CustomEvent !== 'function') {
+        var CustomEventPolyfill = function (event, params) {
+            params = params || { bubbles: false, cancelable: false, detail: undefined };
+            var evt = document.createEvent('CustomEvent');
+            evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+            return evt;
+        };
+
+        CustomEventPolyfill.prototype = window.Event.prototype;
+
+        window.CustomEvent = CustomEventPolyfill;
+    }
+
+	/**
+	 * A simple forEach() implementation for Arrays, Objects and NodeLists
+	 * @private
+	 * @param {Array|Object|NodeList} collection Collection of items to iterate
+	 * @param {Function} callback Callback function for each iteration
+	 * @param {Array|Object|NodeList} scope Object/NodeList/Array that forEach is iterating over (aka `this`)
+	 */
+	var forEach = function (collection, callback, scope) {
+		if(Object.prototype.toString.call(collection) === '[object Object]') {
+			for (var prop in collection) {
+				if(Object.prototype.hasOwnProperty.call(collection, prop)) {
+					callback.call(scope, collection[prop], prop, collection);
+				}
+			}
+		} else {
+			if(collection){
+				for (var i = 0, len = collection.length; i < len; i++) {
+					callback.call(scope, collection[i], i, collection);
+				}
+			}
+		}
+	};
+
+	/**
+	 * Merge defaults with user options
+	 * @private
+	 * @param {Object} defaults Default settings
+	 * @param {Object} options User options
+	 * @returns {Object} Merged values of defaults and options
+	 */
+	var extend = function (defaults, options) {
+		var extended = {};
+		forEach(defaults, function (value, prop) {
+			extended[prop] = defaults[prop];
+		});
+		forEach(options, function (value, prop) {
+			extended[prop] = options[prop];
+		});
+		return extended;
+	};
+
+
+	/**
+	 * Create a fragment DOM elements
+	 * @private
+	 */
+	var createFragElem = function(htmlStr) {
+		var frag = document.createDocumentFragment(),
+			temp = document.createElement('div');
+		temp.innerHTML = htmlStr;
+		while (temp.firstChild) {
+			frag.appendChild(temp.firstChild);
+		}
+		return frag;
+	};
+
+
+	/**
+	 * Generate new ID
+	 * @private
+	 */
+	var generateId = function(params) {
+		var newId = btoa(encodeURIComponent(params));
+		return newId.replace(/=/g, "");
+	};
+
+
+	/**
+	 * Check if is a color
+	 * @private
+	 */
+	var isColor = function(color){
+		if( color.substring(0,1) == '#' || color.substring(0,3) == 'rgb' || color.substring(0,3) == 'hsl' ){
+			return true;
+		} else {
+			return false;
+		}
+	};
+
+
+	/**
+	 * Check if is a Base64 string
+	 * @private
+	 */
+	var isBase64 = function(str) {
+	    try {
+	        return btoa(atob(str)) == str;
+	    } catch (err) {
+	        return false;
+	    }
+	};
+
+
+	/**
+	 * Drag method of toasts
+	 * @private
+	 */
+	var drag = function() {
+	    
+	    return {
+	        move: function(toast, instance, settings, xpos) {
+
+	        	var opacity,
+	        		opacityRange = 0.3,
+	        		distance = 180;
+	            
+	            if(xpos !== 0){
+	            	
+	            	toast.classList.add(PLUGIN_NAME+'-dragged');
+
+	            	toast.style.transform = 'translateX('+xpos + 'px)';
+
+		            if(xpos > 0){
+		            	opacity = (distance-xpos) / distance;
+		            	if(opacity < opacityRange){
+							instance.hide(extend(settings, { transitionOut: 'fadeOutRight', transitionOutMobile: 'fadeOutRight' }), toast, 'drag');
+						}
+		            } else {
+		            	opacity = (distance+xpos) / distance;
+		            	if(opacity < opacityRange){
+							instance.hide(extend(settings, { transitionOut: 'fadeOutLeft', transitionOutMobile: 'fadeOutLeft' }), toast, 'drag');
+						}
+		            }
+					toast.style.opacity = opacity;
+			
+					if(opacity < opacityRange){
+
+						if(ISCHROME || ISFIREFOX)
+							toast.style.left = xpos+'px';
+
+						toast.parentNode.style.opacity = opacityRange;
+
+		                this.stopMoving(toast, null);
+					}
+	            }
+
+				
+	        },
+	        startMoving: function(toast, instance, settings, e) {
+
+	            e = e || window.event;
+	            var posX = ((ACCEPTSTOUCH) ? e.touches[0].clientX : e.clientX),
+	                toastLeft = toast.style.transform.replace('px)', '');
+	                toastLeft = toastLeft.replace('translateX(', '');
+	            var offsetX = posX - toastLeft;
+
+				if(settings.transitionIn){
+					toast.classList.remove(settings.transitionIn);
+				}
+				if(settings.transitionInMobile){
+					toast.classList.remove(settings.transitionInMobile);
+				}
+				toast.style.transition = '';
+
+	            if(ACCEPTSTOUCH) {
+	                document.ontouchmove = function(e) {
+	                    e.preventDefault();
+	                    e = e || window.event;
+	                    var posX = e.touches[0].clientX,
+	                        finalX = posX - offsetX;
+                        drag.move(toast, instance, settings, finalX);
+	                };
+	            } else {
+	                document.onmousemove = function(e) {
+	                    e.preventDefault();
+	                    e = e || window.event;
+	                    var posX = e.clientX,
+	                        finalX = posX - offsetX;
+                        drag.move(toast, instance, settings, finalX);
+	                };
+	            }
+
+	        },
+	        stopMoving: function(toast, e) {
+
+	            if(ACCEPTSTOUCH) {
+	                document.ontouchmove = function() {};
+	            } else {
+	            	document.onmousemove = function() {};
+	            }
+
+				toast.style.opacity = '';
+				toast.style.transform = '';
+
+	            if(toast.classList.contains(PLUGIN_NAME+'-dragged')){
+	            	
+	            	toast.classList.remove(PLUGIN_NAME+'-dragged');
+
+					toast.style.transition = 'transform 0.4s ease, opacity 0.4s ease';
+					setTimeout(function() {
+						toast.style.transition = '';
+					}, 400);
+	            }
+
+	        }
+	    };
+
+	}();
+
+
+
+
+
+	$iziToast.setSetting = function (ref, option, value) {
+
+		$iziToast.children[ref][option] = value;
+
+	};
+
+
+	$iziToast.getSetting = function (ref, option) {
+
+		return $iziToast.children[ref][option];
+
+	};
+
+
+	/**
+	 * Destroy the current initialization.
+	 * @public
+	 */
+	$iziToast.destroy = function () {
+
+		forEach(document.querySelectorAll('.'+PLUGIN_NAME+'-overlay'), function(element, index) {
+			element.remove();
+		});
+
+		forEach(document.querySelectorAll('.'+PLUGIN_NAME+'-wrapper'), function(element, index) {
+			element.remove();
+		});
+
+		forEach(document.querySelectorAll('.'+PLUGIN_NAME), function(element, index) {
+			element.remove();
+		});
+
+		this.children = {};
+
+		// Remove event listeners
+		document.removeEventListener(PLUGIN_NAME+'-opened', {}, false);
+		document.removeEventListener(PLUGIN_NAME+'-opening', {}, false);
+		document.removeEventListener(PLUGIN_NAME+'-closing', {}, false);
+		document.removeEventListener(PLUGIN_NAME+'-closed', {}, false);
+		document.removeEventListener('keyup', {}, false);
+
+		// Reset variables
+		CONFIG = {};
+	};
+
+	/**
+	 * Initialize Plugin
+	 * @public
+	 * @param {Object} options User settings
+	 */
+	$iziToast.settings = function (options) {
+
+		// Destroy any existing initializations
+		$iziToast.destroy();
+
+		CONFIG = options;
+		defaults = extend(defaults, options || {});
+	};
+
+
+	/**
+	 * Building themes functions.
+	 * @public
+	 * @param {Object} options User settings
+	 */
+	forEach(THEMES, function (theme, name) {
+
+		$iziToast[name] = function (options) {
+
+			var settings = extend(CONFIG, options || {});
+			settings = extend(theme, settings || {});
+
+			this.show(settings);
+		};
+
+	});
+
+
+	/**
+	 * Do the calculation to move the progress bar
+	 * @private
+	 */
+	$iziToast.progress = function (options, $toast, callback) {
+
+
+		var that = this,
+			ref = $toast.getAttribute('data-iziToast-ref'),
+			settings = extend(this.children[ref], options || {}),
+			$elem = $toast.querySelector('.'+PLUGIN_NAME+'-progressbar div');
+
+	    return {
+	        start: function() {
+
+	        	if(typeof settings.time.REMAINING == 'undefined'){
+
+	        		$toast.classList.remove(PLUGIN_NAME+'-reseted');
+
+		        	if($elem !== null){
+						$elem.style.transition = 'width '+ settings.timeout +'ms '+settings.progressBarEasing;
+						$elem.style.width = '0%';
+					}
+
+		        	settings.time.START = new Date().getTime();
+		        	settings.time.END = settings.time.START + settings.timeout;
+					settings.time.TIMER = setTimeout(function() {
+
+						clearTimeout(settings.time.TIMER);
+
+						if(!$toast.classList.contains(PLUGIN_NAME+'-closing')){
+
+							that.hide(settings, $toast, 'timeout');
+
+							if(typeof callback === 'function'){
+								callback.apply(that);
+							}
+						}
+
+					}, settings.timeout);			
+		        	that.setSetting(ref, 'time', settings.time);
+	        	}
+	        },
+	        pause: function() {
+
+	        	if(typeof settings.time.START !== 'undefined' && !$toast.classList.contains(PLUGIN_NAME+'-paused') && !$toast.classList.contains(PLUGIN_NAME+'-reseted')){
+
+        			$toast.classList.add(PLUGIN_NAME+'-paused');
+
+					settings.time.REMAINING = settings.time.END - new Date().getTime();
+
+					clearTimeout(settings.time.TIMER);
+
+					that.setSetting(ref, 'time', settings.time);
+
+					if($elem !== null){
+						var computedStyle = window.getComputedStyle($elem),
+							propertyWidth = computedStyle.getPropertyValue('width');
+
+						$elem.style.transition = 'none';
+						$elem.style.width = propertyWidth;					
+					}
+
+					if(typeof callback === 'function'){
+						setTimeout(function() {
+							callback.apply(that);						
+						}, 10);
+					}
+        		}
+	        },
+	        resume: function() {
+
+				if(typeof settings.time.REMAINING !== 'undefined'){
+
+					$toast.classList.remove(PLUGIN_NAME+'-paused');
+
+		        	if($elem !== null){
+						$elem.style.transition = 'width '+ settings.time.REMAINING +'ms '+settings.progressBarEasing;
+						$elem.style.width = '0%';
+					}
+
+		        	settings.time.END = new Date().getTime() + settings.time.REMAINING;
+					settings.time.TIMER = setTimeout(function() {
+
+						clearTimeout(settings.time.TIMER);
+
+						if(!$toast.classList.contains(PLUGIN_NAME+'-closing')){
+
+							that.hide(settings, $toast, 'timeout');
+
+							if(typeof callback === 'function'){
+								callback.apply(that);
+							}
+						}
+
+
+					}, settings.time.REMAINING);
+
+					that.setSetting(ref, 'time', settings.time);
+				} else {
+					this.start();
+				}
+	        },
+	        reset: function(){
+
+				clearTimeout(settings.time.TIMER);
+
+				delete settings.time.REMAINING;
+
+				that.setSetting(ref, 'time', settings.time);
+
+				$toast.classList.add(PLUGIN_NAME+'-reseted');
+
+				$toast.classList.remove(PLUGIN_NAME+'-paused');
+
+				if($elem !== null){
+					$elem.style.transition = 'none';
+					$elem.style.width = '100%';
+				}
+
+				if(typeof callback === 'function'){
+					setTimeout(function() {
+						callback.apply(that);						
+					}, 10);
+				}
+	        }
+	    };
+
+	};
+
+
+	/**
+	 * Close the specific Toast
+	 * @public
+	 * @param {Object} options User settings
+	 */
+	$iziToast.hide = function (options, $toast, closedBy) {
+
+		if(typeof $toast != 'object'){
+			$toast = document.querySelector($toast);
+		}		
+
+		var that = this,
+			settings = extend(this.children[$toast.getAttribute('data-iziToast-ref')], options || {});
+			settings.closedBy = closedBy || null;
+
+		delete settings.time.REMAINING;
+
+		$toast.classList.add(PLUGIN_NAME+'-closing');
+
+		// Overlay
+		(function(){
+
+			var $overlay = document.querySelector('.'+PLUGIN_NAME+'-overlay');
+			if($overlay !== null){
+				var refs = $overlay.getAttribute('data-iziToast-ref');		
+					refs = refs.split(',');
+				var index = refs.indexOf(String(settings.ref));
+
+				if(index !== -1){
+					refs.splice(index, 1);			
+				}
+				$overlay.setAttribute('data-iziToast-ref', refs.join());
+
+				if(refs.length === 0){
+					$overlay.classList.remove('fadeIn');
+					$overlay.classList.add('fadeOut');
+					setTimeout(function() {
+						$overlay.remove();
+					}, 700);
+				}
+			}
+
+		})();
+
+		if(settings.transitionIn){
+			$toast.classList.remove(settings.transitionIn);
+		} 
+
+		if(settings.transitionInMobile){
+			$toast.classList.remove(settings.transitionInMobile);
+		}
+
+		if(ISMOBILE || window.innerWidth <= MOBILEWIDTH){
+			if(settings.transitionOutMobile)
+				$toast.classList.add(settings.transitionOutMobile);
+		} else {
+			if(settings.transitionOut)
+				$toast.classList.add(settings.transitionOut);
+		}
+		var H = $toast.parentNode.offsetHeight;
+				$toast.parentNode.style.height = H+'px';
+				$toast.style.pointerEvents = 'none';
+		
+		if(!ISMOBILE || window.innerWidth > MOBILEWIDTH){
+			$toast.parentNode.style.transitionDelay = '0.2s';
+		}
+
+		try {
+			var event = new CustomEvent(PLUGIN_NAME+'-closing', {detail: settings, bubbles: true, cancelable: true});
+			document.dispatchEvent(event);
+		} catch(ex){
+			console.warn(ex);
+		}
+
+		setTimeout(function() {
+			
+			$toast.parentNode.style.height = '0px';
+			$toast.parentNode.style.overflow = '';
+
+			setTimeout(function(){
+				
+				delete that.children[settings.ref];
+
+				$toast.parentNode.remove();
+
+				try {
+					var event = new CustomEvent(PLUGIN_NAME+'-closed', {detail: settings, bubbles: true, cancelable: true});
+					document.dispatchEvent(event);
+				} catch(ex){
+					console.warn(ex);
+				}
+
+				if(typeof settings.onClosed !== 'undefined'){
+					settings.onClosed.apply(null, [settings, $toast, closedBy]);
+				}
+
+			}, 1000);
+		}, 200);
+
+
+		if(typeof settings.onClosing !== 'undefined'){
+			settings.onClosing.apply(null, [settings, $toast, closedBy]);
+		}
+	};
+
+	/**
+	 * Create and show the Toast
+	 * @public
+	 * @param {Object} options User settings
+	 */
+	$iziToast.show = function (options) {
+
+		var that = this;
+
+		// Merge user options with defaults
+		var settings = extend(CONFIG, options || {});
+			settings = extend(defaults, settings);
+			settings.time = {};
+
+		if(settings.id === null){
+			settings.id = generateId(settings.title+settings.message+settings.color);
+		}
+
+		if(settings.displayMode === 1 || settings.displayMode == 'once'){
+			try {
+				if(document.querySelectorAll('.'+PLUGIN_NAME+'#'+settings.id).length > 0){
+					return false;
+				}
+			} catch (exc) {
+				console.warn('['+PLUGIN_NAME+'] Could not find an element with this selector: '+'#'+settings.id+'. Try to set an valid id.');
+			}
+		}
+
+		if(settings.displayMode === 2 || settings.displayMode == 'replace'){
+			try {
+				forEach(document.querySelectorAll('.'+PLUGIN_NAME+'#'+settings.id), function(element, index) {
+					that.hide(settings, element, 'replaced');
+				});
+			} catch (exc) {
+				console.warn('['+PLUGIN_NAME+'] Could not find an element with this selector: '+'#'+settings.id+'. Try to set an valid id.');
+			}
+		}
+
+		settings.ref = new Date().getTime() + Math.floor((Math.random() * 10000000) + 1);
+
+		$iziToast.children[settings.ref] = settings;
+
+		var $DOM = {
+			body: document.querySelector('body'),
+			overlay: document.createElement('div'),
+			toast: document.createElement('div'),
+			toastBody: document.createElement('div'),
+			toastTexts: document.createElement('div'),
+			toastCapsule: document.createElement('div'),
+			cover: document.createElement('div'),
+			buttons: document.createElement('div'),
+			inputs: document.createElement('div'),
+			icon: !settings.iconUrl ? document.createElement('i') : document.createElement('img'),
+			wrapper: null
+		};
+
+		$DOM.toast.setAttribute('data-iziToast-ref', settings.ref);
+		$DOM.toast.appendChild($DOM.toastBody);
+		$DOM.toastCapsule.appendChild($DOM.toast);
+
+		// CSS Settings
+		(function(){
+
+			$DOM.toast.classList.add(PLUGIN_NAME);
+			$DOM.toast.classList.add(PLUGIN_NAME+'-opening');
+			$DOM.toastCapsule.classList.add(PLUGIN_NAME+'-capsule');
+			$DOM.toastBody.classList.add(PLUGIN_NAME + '-body');
+			$DOM.toastTexts.classList.add(PLUGIN_NAME + '-texts');
+
+			if(ISMOBILE || window.innerWidth <= MOBILEWIDTH){
+				if(settings.transitionInMobile)
+					$DOM.toast.classList.add(settings.transitionInMobile);
+			} else {
+				if(settings.transitionIn)
+					$DOM.toast.classList.add(settings.transitionIn);
+			}
+
+			if(settings.class){
+				var classes = settings.class.split(' ');
+				forEach(classes, function (value, index) {
+					$DOM.toast.classList.add(value);
+				});
+			}
+
+			if(settings.id){ $DOM.toast.id = settings.id; }
+
+			if(settings.rtl){
+				$DOM.toast.classList.add(PLUGIN_NAME + '-rtl');
+				$DOM.toast.setAttribute('dir', 'rtl');
+			}
+
+			if(settings.layout > 1){ $DOM.toast.classList.add(PLUGIN_NAME+'-layout'+settings.layout); }
+
+			if(settings.balloon){ $DOM.toast.classList.add(PLUGIN_NAME+'-balloon'); }
+
+			if(settings.maxWidth){
+				if( !isNaN(settings.maxWidth) ){
+					$DOM.toast.style.maxWidth = settings.maxWidth+'px';
+				} else {
+					$DOM.toast.style.maxWidth = settings.maxWidth;
+				}
+			}
+
+			if(settings.theme !== '' || settings.theme !== 'light') {
+
+				$DOM.toast.classList.add(PLUGIN_NAME+'-theme-'+settings.theme);
+			}
+
+			if(settings.color) { //#, rgb, rgba, hsl
+				
+				if( isColor(settings.color) ){
+					$DOM.toast.style.background = settings.color;
+				} else {
+					$DOM.toast.classList.add(PLUGIN_NAME+'-color-'+settings.color);
+				}
+			}
+
+			if(settings.backgroundColor) {
+				$DOM.toast.style.background = settings.backgroundColor;
+				if(settings.balloon){
+					$DOM.toast.style.borderColor = settings.backgroundColor;				
+				}
+			}
+		})();
+
+		// Cover image
+		(function(){
+			if(settings.image) {
+				$DOM.cover.classList.add(PLUGIN_NAME + '-cover');
+				$DOM.cover.style.width = settings.imageWidth + 'px';
+
+				if(isBase64(settings.image.replace(/ /g,''))){
+					$DOM.cover.style.backgroundImage = 'url(data:image/png;base64,' + settings.image.replace(/ /g,'') + ')';
+				} else {
+					$DOM.cover.style.backgroundImage = 'url(' + settings.image + ')';
+				}
+
+				if(settings.rtl){
+					$DOM.toastBody.style.marginRight = (settings.imageWidth + 10) + 'px';
+				} else {
+					$DOM.toastBody.style.marginLeft = (settings.imageWidth + 10) + 'px';				
+				}
+				$DOM.toast.appendChild($DOM.cover);
+			}
+		})();
+
+		// Button close
+		(function(){
+			if(settings.close){
+				
+				$DOM.buttonClose = document.createElement('button');
+				$DOM.buttonClose.type = 'button';
+				$DOM.buttonClose.classList.add(PLUGIN_NAME + '-close');
+				$DOM.buttonClose.addEventListener('click', function (e) {
+					var button = e.target;
+					that.hide(settings, $DOM.toast, 'button');
+				});
+				$DOM.toast.appendChild($DOM.buttonClose);
+			} else {
+				if(settings.rtl){
+					$DOM.toast.style.paddingLeft = '18px';
+				} else {
+					$DOM.toast.style.paddingRight = '18px';
+				}
+			}
+		})();
+
+		// Progress Bar & Timeout
+		(function(){
+
+			if(settings.progressBar){
+				$DOM.progressBar = document.createElement('div');
+				$DOM.progressBarDiv = document.createElement('div');
+				$DOM.progressBar.classList.add(PLUGIN_NAME + '-progressbar');
+				$DOM.progressBarDiv.style.background = settings.progressBarColor;
+				$DOM.progressBar.appendChild($DOM.progressBarDiv);
+				$DOM.toast.appendChild($DOM.progressBar);
+			}
+
+			if(settings.timeout) {
+
+				if(settings.pauseOnHover && !settings.resetOnHover){
+					
+					$DOM.toast.addEventListener('mouseenter', function (e) {
+						that.progress(settings, $DOM.toast).pause();
+					});
+					$DOM.toast.addEventListener('mouseleave', function (e) {
+						that.progress(settings, $DOM.toast).resume();
+					});
+				}
+
+				if(settings.resetOnHover){
+
+					$DOM.toast.addEventListener('mouseenter', function (e) {
+						that.progress(settings, $DOM.toast).reset();
+					});
+					$DOM.toast.addEventListener('mouseleave', function (e) {
+						that.progress(settings, $DOM.toast).start();
+					});
+				}
+			}
+		})();
+
+		// Icon
+		(function(){
+
+			if(settings.iconUrl) {
+
+				$DOM.icon.setAttribute('class', PLUGIN_NAME + '-icon');
+				$DOM.icon.setAttribute('src', settings.iconUrl);
+
+			} else if(settings.icon) {
+				$DOM.icon.setAttribute('class', PLUGIN_NAME + '-icon ' + settings.icon);
+				
+				if(settings.iconText){
+					$DOM.icon.appendChild(document.createTextNode(settings.iconText));
+				}
+				
+				if(settings.iconColor){
+					$DOM.icon.style.color = settings.iconColor;
+				}				
+			}
+
+			if(settings.icon || settings.iconUrl) {
+
+				if(settings.rtl){
+					$DOM.toastBody.style.paddingRight = '33px';
+				} else {
+					$DOM.toastBody.style.paddingLeft = '33px';				
+				}
+
+				$DOM.toastBody.appendChild($DOM.icon);
+			}
+
+		})();
+
+		// Title & Message
+		(function(){
+			if(settings.title.length > 0) {
+
+				$DOM.strong = document.createElement('strong');
+				$DOM.strong.classList.add(PLUGIN_NAME + '-title');
+				$DOM.strong.appendChild(createFragElem(settings.title));
+				$DOM.toastTexts.appendChild($DOM.strong);
+
+				if(settings.titleColor) {
+					$DOM.strong.style.color = settings.titleColor;
+				}
+				if(settings.titleSize) {
+					if( !isNaN(settings.titleSize) ){
+						$DOM.strong.style.fontSize = settings.titleSize+'px';
+					} else {
+						$DOM.strong.style.fontSize = settings.titleSize;
+					}
+				}
+				if(settings.titleLineHeight) {
+					if( !isNaN(settings.titleSize) ){
+						$DOM.strong.style.lineHeight = settings.titleLineHeight+'px';
+					} else {
+						$DOM.strong.style.lineHeight = settings.titleLineHeight;
+					}
+				}
+			}
+
+			if(settings.message.length > 0) {
+
+				$DOM.p = document.createElement('p');
+				$DOM.p.classList.add(PLUGIN_NAME + '-message');
+				$DOM.p.appendChild(createFragElem(settings.message));
+				$DOM.toastTexts.appendChild($DOM.p);
+
+				if(settings.messageColor) {
+					$DOM.p.style.color = settings.messageColor;
+				}
+				if(settings.messageSize) {
+					if( !isNaN(settings.titleSize) ){
+						$DOM.p.style.fontSize = settings.messageSize+'px';
+					} else {
+						$DOM.p.style.fontSize = settings.messageSize;
+					}
+				}
+				if(settings.messageLineHeight) {
+					
+					if( !isNaN(settings.titleSize) ){
+						$DOM.p.style.lineHeight = settings.messageLineHeight+'px';
+					} else {
+						$DOM.p.style.lineHeight = settings.messageLineHeight;
+					}
+				}
+			}
+
+			if(settings.title.length > 0 && settings.message.length > 0) {
+				if(settings.rtl){
+					$DOM.strong.style.marginLeft = '10px';
+				} else if(settings.layout !== 2 && !settings.rtl) {
+					$DOM.strong.style.marginRight = '10px';	
+				}
+			}
+		})();
+
+		$DOM.toastBody.appendChild($DOM.toastTexts);
+
+		// Inputs
+		var $inputs;
+		(function(){
+			if(settings.inputs.length > 0) {
+
+				$DOM.inputs.classList.add(PLUGIN_NAME + '-inputs');
+
+				forEach(settings.inputs, function (value, index) {
+					$DOM.inputs.appendChild(createFragElem(value[0]));
+
+					$inputs = $DOM.inputs.childNodes;
+
+					$inputs[index].classList.add(PLUGIN_NAME + '-inputs-child');
+
+					if(value[3]){
+						setTimeout(function() {
+							$inputs[index].focus();
+						}, 300);
+					}
+
+					$inputs[index].addEventListener(value[1], function (e) {
+						var ts = value[2];
+						return ts(that, $DOM.toast, this, e);
+					});
+				});
+				$DOM.toastBody.appendChild($DOM.inputs);
+			}
+		})();
+
+		// Buttons
+		(function(){
+			if(settings.buttons.length > 0) {
+
+				$DOM.buttons.classList.add(PLUGIN_NAME + '-buttons');
+
+				forEach(settings.buttons, function (value, index) {
+					$DOM.buttons.appendChild(createFragElem(value[0]));
+
+					var $btns = $DOM.buttons.childNodes;
+
+					$btns[index].classList.add(PLUGIN_NAME + '-buttons-child');
+
+					if(value[2]){
+						setTimeout(function() {
+							$btns[index].focus();
+						}, 300);
+					}
+
+					$btns[index].addEventListener('click', function (e) {
+						e.preventDefault();
+						var ts = value[1];
+						return ts(that, $DOM.toast, this, e, $inputs);
+					});
+				});
+			}
+			$DOM.toastBody.appendChild($DOM.buttons);
+		})();
+
+		if(settings.message.length > 0 && (settings.inputs.length > 0 || settings.buttons.length > 0)) {
+			$DOM.p.style.marginBottom = '0';
+		}
+
+		if(settings.inputs.length > 0 || settings.buttons.length > 0){
+			if(settings.rtl){
+				$DOM.toastTexts.style.marginLeft = '10px';
+			} else {
+				$DOM.toastTexts.style.marginRight = '10px';
+			}
+			if(settings.inputs.length > 0 && settings.buttons.length > 0){
+				if(settings.rtl){
+					$DOM.inputs.style.marginLeft = '8px';
+				} else {
+					$DOM.inputs.style.marginRight = '8px';
+				}
+			}
+		}
+
+		// Wrap
+		(function(){
+			$DOM.toastCapsule.style.visibility = 'hidden';
+			setTimeout(function() {
+				var H = $DOM.toast.offsetHeight;
+				var style = $DOM.toast.currentStyle || window.getComputedStyle($DOM.toast);
+				var marginTop = style.marginTop;
+					marginTop = marginTop.split('px');
+					marginTop = parseInt(marginTop[0]);
+				var marginBottom = style.marginBottom;
+					marginBottom = marginBottom.split('px');
+					marginBottom = parseInt(marginBottom[0]);
+
+				$DOM.toastCapsule.style.visibility = '';
+				$DOM.toastCapsule.style.height = (H+marginBottom+marginTop)+'px';
+
+				setTimeout(function() {
+					$DOM.toastCapsule.style.height = 'auto';
+					if(settings.target){
+						$DOM.toastCapsule.style.overflow = 'visible';
+					}
+				}, 500);
+
+				if(settings.timeout) {
+					that.progress(settings, $DOM.toast).start();
+				}
+			}, 100);
+		})();
+
+		// Target
+		(function(){
+			var position = settings.position;
+
+			if(settings.target){
+
+				$DOM.wrapper = document.querySelector(settings.target);
+				$DOM.wrapper.classList.add(PLUGIN_NAME + '-target');
+
+				if(settings.targetFirst) {
+					$DOM.wrapper.insertBefore($DOM.toastCapsule, $DOM.wrapper.firstChild);
+				} else {
+					$DOM.wrapper.appendChild($DOM.toastCapsule);
+				}
+
+			} else {
+
+				if( POSITIONS.indexOf(settings.position) == -1 ){
+					console.warn('['+PLUGIN_NAME+'] Incorrect position.\nIt can be › ' + POSITIONS);
+					return;
+				}
+
+				if(ISMOBILE || window.innerWidth <= MOBILEWIDTH){
+					if(settings.position == 'bottomLeft' || settings.position == 'bottomRight' || settings.position == 'bottomCenter'){
+						position = PLUGIN_NAME+'-wrapper-bottomCenter';
+					}
+					else if(settings.position == 'topLeft' || settings.position == 'topRight' || settings.position == 'topCenter'){
+						position = PLUGIN_NAME+'-wrapper-topCenter';
+					}
+					else {
+						position = PLUGIN_NAME+'-wrapper-center';
+					}
+				} else {
+					position = PLUGIN_NAME+'-wrapper-'+position;
+				}
+				$DOM.wrapper = document.querySelector('.' + PLUGIN_NAME + '-wrapper.'+position);
+
+				if(!$DOM.wrapper) {
+					$DOM.wrapper = document.createElement('div');
+					$DOM.wrapper.classList.add(PLUGIN_NAME + '-wrapper');
+					$DOM.wrapper.classList.add(position);
+					document.body.appendChild($DOM.wrapper);
+				}
+				if(settings.position == 'topLeft' || settings.position == 'topCenter' || settings.position == 'topRight'){
+					$DOM.wrapper.insertBefore($DOM.toastCapsule, $DOM.wrapper.firstChild);
+				} else {
+					$DOM.wrapper.appendChild($DOM.toastCapsule);
+				}
+			}
+
+			if(!isNaN(settings.zindex)) {
+				$DOM.wrapper.style.zIndex = settings.zindex;
+			} else {
+				console.warn('['+PLUGIN_NAME+'] Invalid zIndex.');
+			}
+		})();
+
+		// Overlay
+		(function(){
+
+			if(settings.overlay) {
+
+				if( document.querySelector('.'+PLUGIN_NAME+'-overlay.fadeIn') !== null ){
+
+					$DOM.overlay = document.querySelector('.'+PLUGIN_NAME+'-overlay');
+					$DOM.overlay.setAttribute('data-iziToast-ref', $DOM.overlay.getAttribute('data-iziToast-ref') + ',' + settings.ref);
+
+					if(!isNaN(settings.zindex) && settings.zindex !== null) {
+						$DOM.overlay.style.zIndex = settings.zindex-1;
+					}
+
+				} else {
+
+					$DOM.overlay.classList.add(PLUGIN_NAME+'-overlay');
+					$DOM.overlay.classList.add('fadeIn');
+					$DOM.overlay.style.background = settings.overlayColor;
+					$DOM.overlay.setAttribute('data-iziToast-ref', settings.ref);
+					if(!isNaN(settings.zindex) && settings.zindex !== null) {
+						$DOM.overlay.style.zIndex = settings.zindex-1;
+					}
+					document.querySelector('body').appendChild($DOM.overlay);
+				}
+
+				if(settings.overlayClose) {
+
+					$DOM.overlay.removeEventListener('click', {});
+					$DOM.overlay.addEventListener('click', function (e) {
+						that.hide(settings, $DOM.toast, 'overlay');
+					});
+				} else {
+					$DOM.overlay.removeEventListener('click', {});
+				}
+			}			
+		})();
+
+		// Inside animations
+		(function(){
+			if(settings.animateInside){
+				$DOM.toast.classList.add(PLUGIN_NAME+'-animateInside');
+			
+				var animationTimes = [200, 100, 300];
+				if(settings.transitionIn == 'bounceInLeft' || settings.transitionIn == 'bounceInRight'){
+					animationTimes = [400, 200, 400];
+				}
+
+				if(settings.title.length > 0) {
+					setTimeout(function(){
+						$DOM.strong.classList.add('slideIn');
+					}, animationTimes[0]);
+				}
+
+				if(settings.message.length > 0) {
+					setTimeout(function(){
+						$DOM.p.classList.add('slideIn');
+					}, animationTimes[1]);
+				}
+
+				if(settings.icon || settings.iconUrl) {
+					setTimeout(function(){
+						$DOM.icon.classList.add('revealIn');
+					}, animationTimes[2]);
+				}
+
+				var counter = 150;
+				if(settings.buttons.length > 0 && $DOM.buttons) {
+
+					setTimeout(function(){
+
+						forEach($DOM.buttons.childNodes, function(element, index) {
+
+							setTimeout(function(){
+								element.classList.add('revealIn');
+							}, counter);
+							counter = counter + 150;
+						});
+
+					}, settings.inputs.length > 0 ? 150 : 0);
+				}
+
+				if(settings.inputs.length > 0 && $DOM.inputs) {
+					counter = 150;
+					forEach($DOM.inputs.childNodes, function(element, index) {
+
+						setTimeout(function(){
+							element.classList.add('revealIn');
+						}, counter);
+						counter = counter + 150;
+					});
+				}
+			}
+		})();
+
+		settings.onOpening.apply(null, [settings, $DOM.toast]);
+
+		try {
+			var event = new CustomEvent(PLUGIN_NAME + '-opening', {detail: settings, bubbles: true, cancelable: true});
+			document.dispatchEvent(event);
+		} catch(ex){
+			console.warn(ex);
+		}
+
+		setTimeout(function() {
+
+			$DOM.toast.classList.remove(PLUGIN_NAME+'-opening');
+			$DOM.toast.classList.add(PLUGIN_NAME+'-opened');
+
+			try {
+				var event = new CustomEvent(PLUGIN_NAME + '-opened', {detail: settings, bubbles: true, cancelable: true});
+				document.dispatchEvent(event);
+			} catch(ex){
+				console.warn(ex);
+			}
+
+			settings.onOpened.apply(null, [settings, $DOM.toast]);
+		}, 1000);
+
+		if(settings.drag){
+
+			if(ACCEPTSTOUCH) {
+
+			    $DOM.toast.addEventListener('touchstart', function(e) {
+			        drag.startMoving(this, that, settings, e);
+			    }, false);
+
+			    $DOM.toast.addEventListener('touchend', function(e) {
+			        drag.stopMoving(this, e);
+			    }, false);
+			} else {
+
+			    $DOM.toast.addEventListener('mousedown', function(e) {
+			    	e.preventDefault();
+			        drag.startMoving(this, that, settings, e);
+			    }, false);
+
+			    $DOM.toast.addEventListener('mouseup', function(e) {
+			    	e.preventDefault();
+			        drag.stopMoving(this, e);
+			    }, false);
+			}
+		}
+
+		if(settings.closeOnEscape) {
+
+			document.addEventListener('keyup', function (evt) {
+				evt = evt || window.event;
+				if(evt.keyCode == 27) {
+				    that.hide(settings, $DOM.toast, 'esc');
+				}
+			});
+		}
+
+		if(settings.closeOnClick) {
+			$DOM.toast.addEventListener('click', function (evt) {
+				that.hide(settings, $DOM.toast, 'toast');
+			});
+		}
+
+		that.toast = $DOM.toast;		
+	};
+	
+
+	return $iziToast;
+});
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
 /***/ }),
 
 /***/ "./node_modules/lodash/_Symbol.js":
@@ -12532,17 +14020,6 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 
 /***/ }),
 
-/***/ "./node_modules/vue-analytics/dist/vue-analytics.js":
-/*!**********************************************************!*\
-  !*** ./node_modules/vue-analytics/dist/vue-analytics.js ***!
-  \**********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-!function(e,n){if(true)module.exports=n();else { var t, r; }}(this,function(){return function(e){function n(t){if(r[t])return r[t].exports;var o=r[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r={};return n.m=e,n.c=r,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="",n(n.s=0)}([function(e,n,r){"use strict";function t(e){u(F,e)}function o(){return F.id?[].concat(F.id):[]}function i(){}function a(e){return new Promise(function(n,r){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("script");o.async=!0,o.src=e,o.charset="utf-8",t.appendChild(o),o.onload=n,o.onerror=r})}function c(e,n){var r=n.split("/"),t=e.split("/");return""===r[0]&&"/"===e[e.length-1]&&r.shift(),t.join("/")+r.join("/")}function u(e,n){return Object.keys(n).forEach(function(r){var t=e[r]&&Object.prototype.toString.call(e[r]);if("[object Object]"===t||"[object Array]"===t)return void u(e[r],n[r]);e[r]=n[r]}),e}function f(){return Array.prototype.slice.call(document.getElementsByTagName("script")).filter(function(e){return-1!==e.src.indexOf("analytics")||-1!==e.src.indexOf("gtag")}).length>0}function s(){return!(_.checkDuplicatedScript&&f())}function l(e){return e.name||e.replace(/-/gi,"")}function d(){return new Promise(function(e,n){var r=setInterval(function(){"undefined"!=typeof window&&window.ga&&(e(),clearInterval(r))},10)})}function p(e,n){if(o().length>1){return l(n)+"."+e}return e}function v(e){var n=Object.keys(e).reduce(function(n,r,t,o){var i=t===o.length-1;return n+=r+"="+e[r]+(i?"":"&")},"");return""!==n?"?"+n:""}function y(e){return[e.name,e.path].filter(Boolean).find(function(e){return-1!==_.ignoreRoutes.indexOf(e)})}function h(e){return e.query&&e.params}function g(e){return e.currentRoute}function m(e){if(Array.isArray(e)){for(var n=0,r=Array(e.length);n<e.length;n++)r[n]=e[n];return r}return Array.from(e)}function w(e){for(var n=arguments.length,r=Array(n>1?n-1:0),t=1;t<n;t++)r[t-1]=arguments[t];"undefined"!=typeof window&&o().forEach(function(n){var t={m:p(e,n),a:r};if(!window.ga)return void _.untracked.push(t);if(_.batch.enabled)$.push(t),U||(U=setInterval(function(){$.length?$.splice(0,_.batch.amount).forEach(function(e){var n;(n=window).ga.apply(n,[e.m].concat(m(e.a)))}):(clearInterval(U),U=null)},_.batch.delay));else{var o;(o=window).ga.apply(o,[p(e,n)].concat(r))}})}function b(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];if("object"==typeof n[0]&&n[0].constructor===Object)return void w("set",n[0]);w("set",n[0],n[1])}function k(){var e=o();_.debug.enabled&&(window.ga_debug={trace:_.debug.trace}),e.forEach(function(n){var r=l(n),t=_.customIdFields[n]||{},o=e.length>1?D({},_.fields,t,{name:r}):_.fields;window.ga("create",n.id||n,"auto",o)}),_.beforeFirstHit();var n=_.ecommerce;if(n.enabled){var r=n.enhanced?"ec":"ecommerce";n.options?w("require",r,n.options):w("require",r)}_.linkers.length>0&&(w("require","linker"),w("linker:autoLink",_.linkers)),_.debug.sendHitTask||b("sendHitTask",null)}function x(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];var t=n[0];if(1===n.length&&"string"==typeof t)return w("send","screenview",{screenName:t});w.apply(void 0,["send","screenview"].concat(n))}function A(){for(var e=void 0,n=arguments.length,r=Array(n),t=0;t<n;t++)r[t]=arguments[t];if(r.length&&g(r[0])&&(e=r[0].currentRoute),r.length&&h(r[0])&&(e=r[0]),e)O(e);else{b("page","object"==typeof r[0]?r[0].page:r[0]),w.apply(void 0,["send","pageview"].concat(r))}}function O(e){if(!y(e)){var n=_.autoTracking,r=e.meta.analytics,t=void 0===r?{}:r,o=t.pageviewTemplate||n.pageviewTemplate;if(n.screenview&&!e.name)throw new Error("[vue-analytics] Route name is mandatory when using screenview.");if(n.screenview)return void x(e.name);if(o)A(o(e));else{var i=_.router,a=_.autoTracking,u=a.transformQueryString,f=a.prependBase,s=v(e.query),l=i&&i.options.base,d=f&&l,p=e.path+(u?s:"");p=d?c(l,p):p,A(p)}}}function j(){var e=_.router,n=_.autoTracking;n.page&&e&&(n.pageviewOnLoad&&O(e.currentRoute),_.router.afterEach(function(r,t){var o=n.skipSamePath,i=n.shouldRouterUpdate;o&&r.path===t.path||("function"!=typeof i||i(r,t))&&_.$vue.nextTick().then(function(){O(e.currentRoute)})}))}function E(e){if(Array.isArray(e)){for(var n=0,r=Array(e.length);n<e.length;n++)r[n]=e[n];return r}return Array.from(e)}function T(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];w.apply(void 0,["send","event"].concat(n))}function q(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];w.apply(void 0,["send","social"].concat(n))}function P(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];w.apply(void 0,["send","timing"].concat(n))}function R(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function L(e){if(Array.isArray(e)){for(var n=0,r=Array(e.length);n<e.length;n++)r[n]=e[n];return r}return Array.from(e)}function S(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t(ae({},n,{$vue:e})),e.directive("ga",te),e.prototype.$ga=e.$ga=re,V(e),z()}Object.defineProperty(n,"__esModule",{value:!0});var I=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},H={$vue:null,id:null,router:null,fields:{},customIdFields:{},ignoreRoutes:[],linkers:[],commands:{},disabled:!1,customResourceURL:null,set:[],require:[],ecommerce:{enabled:!1,options:null,enhanced:!1},autoTracking:{screenview:!1,shouldRouterUpdate:null,skipSamePath:!1,exception:!1,exceptionLogs:!0,page:!0,transformQueryString:!0,pageviewOnLoad:!0,pageviewTemplate:null,untracked:!0,prependBase:!0},debug:{enabled:!1,trace:!1,sendHitTask:!0},batch:{enabled:!1,delay:500,amount:2},checkDuplicatedScript:!1,disableScriptLoader:!1,beforeFirstHit:i,ready:i,untracked:[]},F=I({},H),_=F,B=function(e){if(e.then)return e;if("function"==typeof e){var n=e();return n.then?n:Promise.resolve(n)}return Promise.resolve(e)},U=void 0,$=[],D=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},M=function(){if(2==arguments.length)return void w("require",arguments.length<=0?void 0:arguments[0],arguments.length<=1?void 0:arguments[1]);w("require",arguments.length<=0?void 0:arguments[0])},N=function(){_.set.forEach(function(e){var n=e.field,r=e.value;if(void 0===n||void 0===r)throw new Error('[vue-analytics] Wrong configuration in the plugin options.\nThe "set" array requires each item to have a "field" and a "value" property.');b(n,r)})},C=function(){var e=["ec","ecommerce"];_.require.forEach(function(n){if(-1!==e.indexOf(n)||-1!==e.indexOf(n.name))throw new Error("[vue-analytics] The ecommerce features are built-in in the plugin. \nFollow the ecommerce instructions available in the documentation.");if("string"!=typeof n&&"object"!=typeof n)throw new Error('[vue-analytics] Wrong configuration in the plugin options. \nThe "require" array requires each item to be a string or to have a "name" and an "options" property.');var r=n.name||n;if(n.options)return void M(r,n.options);M(r)})},Q=function(){N(),C()},W=function(){_.untracked.forEach(function(e){w.apply(void 0,[e.m].concat(E(e.a)))})},G=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];"undefined"!=typeof window&&o().forEach(function(n){window["ga-disable-"+n]=e})},z=function(){if("undefined"!=typeof document&&"undefined"!=typeof window){var e=_.disableScriptLoader,n=_.ready,r=_.debug.enabled?"analytics_debug":"analytics",o=_.customResourceURL||"https://www.google-analytics.com/"+r+".js";if(!_.id)throw new Error('[vue-analytics] Missing the "id" parameter. Add at least one tracking domain ID');var i=[B(_.id),B(_.disabled)];return!s()||window.ga&&e||i.push(a(o).catch(function(){throw new Error("[vue-analytics] An error occured! Please check your connection, if you have any Google Analytics blocker installed in your browser or check your custom resource URL if you have added any.")})),Promise.all(i).then(function(e){t({id:e[0],disabled:e[1]}),G(_.disabled),k(),Q(),W(),j(),n()}).catch(function(e){console.error(e.message)})}},J=this,K=function(e){w("send","exception",{exDescription:e,exFatal:arguments.length>1&&void 0!==arguments[1]&&arguments[1]})},V=function(e){if(_.autoTracking.exception){window.addEventListener("error",function(e){K(e.message)});var n=e.config.errorHandler;e.config.errorHandler=function(e,r,t){K(e.message),_.autoTracking.exceptionLogs&&(console.error("[vue-analytics] Error in "+t+": "+e.message),console.error(e)),"function"==typeof n&&n.call(J,e,r,t)}}},X=K,Y=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Z=function(e){return(_.ecommerce.enhanced?"ec":"ecommerce")+":"+e},ee=["addItem","addTransaction","addProduct","addImpression","setAction","addPromo","send"],ne=ee.reduce(function(e,n){return Y({},e,R({},n,function(){for(var e=arguments.length,r=Array(e),t=0;t<e;t++)r[t]=arguments[t];w.apply(void 0,[Z(n)].concat(r))}))},{}),re={event:T,exception:X,page:A,query:w,require:M,set:b,social:q,time:P,screenview:x,ecommerce:ne,disable:function(){return G(!0)},enable:function(){return G(!1)},commands:_.commands},te={inserted:function(e,n,r){var t=Object.keys(n.modifiers);0===t.length&&t.push("click"),t.forEach(function(t){e.addEventListener(t,function(){var e="string"==typeof n.value?_.commands[n.value]:n.value;if(!e)throw new Error("[vue-analytics] The value passed to v-ga is not defined in the commands list.");e.apply(r.context)})})}},oe=function(){function e(e,n){var r=[],t=!0,o=!1,i=void 0;try{for(var a,c=e[Symbol.iterator]();!(t=(a=c.next()).done)&&(r.push(a.value),!n||r.length!==n);t=!0);}catch(e){o=!0,i=e}finally{try{!t&&c.return&&c.return()}finally{if(o)throw i}}return r}return function(n,r){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return e(n,r);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),ie=function(e){e.subscribe(function(e){var n=e.payload;if(n&&n.meta&&n.meta.analytics){var r=n.meta.analytics;if(!Array.isArray(r))throw new Error('The "analytics" property needs to be an array');r.forEach(function(e){var n=void 0,r=e.shift(),t=e;if(r.includes(":")){var o=r.split(":"),i=oe(o,2);r=i[0],n=i[1]}if(!(r in re))throw new Error('[vue-analytics:vuex] The type "'+r+"\" doesn't exist.");if(n&&!(n in re[r]))throw new Error('[vue-analytics:vuex] The type "'+r+'" has not method "'+n+'".');if("ecommerce"===r&&!n)throw new Error('[vue-analytics:vuex] The type "'+r+'" needs to call a method. Check documentation.');if(n){var a;(a=re[r])[n].apply(a,L(t))}else re[r].apply(re,L(t))})}})};n.default=S,r.d(n,"analyticsMiddleware",function(){return ce}),r.d(n,"onAnalyticsReady",function(){return ue}),r.d(n,"event",function(){return fe}),r.d(n,"ecommerce",function(){return se}),r.d(n,"set",function(){return le}),r.d(n,"page",function(){return de}),r.d(n,"query",function(){return pe}),r.d(n,"screenview",function(){return ve}),r.d(n,"time",function(){return ye}),r.d(n,"require",function(){return he}),r.d(n,"exception",function(){return ge}),r.d(n,"social",function(){return me});var ae=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},ce=ie,ue=d,fe=re.event,se=re.ecommerce,le=re.set,de=re.page,pe=re.query,ve=re.screenview,ye=re.time,he=re.require,ge=re.exception,me=re.social}])});
-
-/***/ }),
-
 /***/ "./node_modules/vue-chartist/index.js":
 /*!********************************************!*\
   !*** ./node_modules/vue-chartist/index.js ***!
@@ -14469,7 +15946,11 @@ var render = function() {
                   _c("v-list-tile-avatar", { attrs: { color: "white" } }),
                   _vm._v(" "),
                   _c("v-list-tile-title", { staticClass: "title" }, [
-                    _vm._v("\n          CSSD-DOC\n        ")
+                    _vm._v(
+                      "\n          " +
+                        _vm._s(_vm.$store.state.user.name) +
+                        "\n        "
+                    )
                   ])
                 ],
                 1
@@ -15544,6 +17025,154 @@ render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=template&id=0cf49b1e&":
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=template&id=0cf49b1e& ***!
+  \********************************************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "v-form",
+    [
+      _c(
+        "v-container",
+        { attrs: { "grid-list-xs": "" } },
+        [
+          _c(
+            "v-layout",
+            { staticClass: "justify-center", attrs: { row: "", wrap: "" } },
+            [
+              _c(
+                "v-flex",
+                {
+                  staticClass: "WM-WidthScreen-SM WM-WidthScreen-XS",
+                  attrs: { xs12: "", md3: "", sm3: "" }
+                },
+                [
+                  _c(
+                    "material-card",
+                    { attrs: { color: "black", title: "Change Password" } },
+                    [
+                      _c(
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            [
+                              _c("v-text-field", {
+                                attrs: { label: "Password", color: "black" },
+                                model: {
+                                  value: _vm.form.password,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "password", $$v)
+                                  },
+                                  expression: "form.password"
+                                }
+                              })
+                            ],
+                            1
+                          ),
+                          _vm._v(" "),
+                          _c(
+                            "v-flex",
+                            { attrs: { xs12: "", md12: "", sm12: "" } },
+                            [
+                              _c("v-text-field", {
+                                attrs: {
+                                  label: "Confirm Password",
+                                  color: "black"
+                                },
+                                model: {
+                                  value: _vm.form.password_confirmation,
+                                  callback: function($$v) {
+                                    _vm.$set(
+                                      _vm.form,
+                                      "password_confirmation",
+                                      $$v
+                                    )
+                                  },
+                                  expression: "form.password_confirmation"
+                                }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-layout",
+                        { staticClass: "px-3", attrs: { row: "", wrap: "" } },
+                        [
+                          _c(
+                            "v-flex",
+                            {
+                              staticClass:
+                                "text-md-left text-sm-center text-xs-center",
+                              attrs: { xs12: "", md6: "", sm6: "" }
+                            },
+                            [
+                              _c(
+                                "v-btn",
+                                {
+                                  staticClass: "WM-CyanBlueGradient-BG",
+                                  staticStyle: { padding: "10px 60px" },
+                                  on: { click: _vm.submitChangePassword }
+                                },
+                                [
+                                  _c(
+                                    "v-icon",
+                                    { staticClass: "white--text mr-2 caption" },
+                                    [_vm._v("fas fa-sign-in-alt")]
+                                  ),
+                                  _vm._v(" "),
+                                  _c("span", { staticClass: "white--text" }, [
+                                    _vm._v("Submit")
+                                  ])
+                                ],
+                                1
+                              )
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  )
+                ],
+                1
+              )
+            ],
+            1
+          )
+        ],
+        1
+      )
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/auth/VerifyCode.vue?vue&type=template&id=397c9eb9&":
@@ -15597,11 +17226,11 @@ var render = function() {
                                   color: "black"
                                 },
                                 model: {
-                                  value: _vm.verifyCode,
+                                  value: _vm.form.code,
                                   callback: function($$v) {
-                                    _vm.verifyCode = $$v
+                                    _vm.$set(_vm.form, "code", $$v)
                                   },
-                                  expression: "verifyCode"
+                                  expression: "form.code"
                                 }
                               })
                             ],
@@ -15672,10 +17301,10 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&scoped=true&":
-/*!**********************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&scoped=true& ***!
-  \**********************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&":
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4& ***!
+  \**********************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -15721,11 +17350,11 @@ var render = function() {
                           color: "black"
                         },
                         model: {
-                          value: _vm.roles,
+                          value: _vm.data.roles,
                           callback: function($$v) {
-                            _vm.roles = $$v
+                            _vm.$set(_vm.data, "roles", $$v)
                           },
-                          expression: "roles"
+                          expression: "data.roles"
                         }
                       })
                     ],
@@ -15754,7 +17383,8 @@ var render = function() {
                         "v-btn",
                         {
                           staticClass: "WM-CyanBlueGradient-BG",
-                          staticStyle: { padding: "10px 60px" }
+                          staticStyle: { padding: "10px 60px" },
+                          on: { click: _vm.changeRole }
                         },
                         [
                           _c(
@@ -15771,28 +17401,22 @@ var render = function() {
                       ),
                       _vm._v(" "),
                       _c(
-                        "router-link",
-                        { attrs: { to: "/dashboard" } },
+                        "v-btn",
+                        {
+                          staticClass:
+                            "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5",
+                          on: { click: _vm.closeModal }
+                        },
                         [
                           _c(
-                            "v-btn",
-                            {
-                              staticClass:
-                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
-                            },
-                            [
-                              _c(
-                                "v-icon",
-                                { staticClass: "black--text mr-2 caption" },
-                                [_vm._v("fas fa-times")]
-                              ),
-                              _vm._v(" "),
-                              _c("span", { staticClass: "black--text" }, [
-                                _vm._v("Close")
-                              ])
-                            ],
-                            1
-                          )
+                            "v-icon",
+                            { staticClass: "black--text mr-2 caption" },
+                            [_vm._v("fas fa-times")]
+                          ),
+                          _vm._v(" "),
+                          _c("span", { staticClass: "black--text" }, [
+                            _vm._v("Close")
+                          ])
                         ],
                         1
                       )
@@ -59138,6 +60762,7 @@ var map = {
 	"./material/Notification.vue": "./resources/js/vue/components/material/Notification.vue",
 	"./material/StatsCard.vue": "./resources/js/vue/components/material/StatsCard.vue",
 	"./modal/Base.vue": "./resources/js/vue/components/modal/Base.vue",
+	"./modal/auth/ChangePassword.vue": "./resources/js/vue/components/modal/auth/ChangePassword.vue",
 	"./modal/auth/VerifyCode.vue": "./resources/js/vue/components/modal/auth/VerifyCode.vue",
 	"./modal/user/Role.vue": "./resources/js/vue/components/modal/user/Role.vue"
 };
@@ -60287,6 +61912,75 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./resources/js/vue/components/modal/auth/ChangePassword.vue":
+/*!*******************************************************************!*\
+  !*** ./resources/js/vue/components/modal/auth/ChangePassword.vue ***!
+  \*******************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _ChangePassword_vue_vue_type_template_id_0cf49b1e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ChangePassword.vue?vue&type=template&id=0cf49b1e& */ "./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=template&id=0cf49b1e&");
+/* harmony import */ var _ChangePassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ChangePassword.vue?vue&type=script&lang=js& */ "./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _ChangePassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _ChangePassword_vue_vue_type_template_id_0cf49b1e___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _ChangePassword_vue_vue_type_template_id_0cf49b1e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/vue/components/modal/auth/ChangePassword.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************!*\
+  !*** ./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChangePassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./ChangePassword.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ChangePassword_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=template&id=0cf49b1e&":
+/*!**************************************************************************************************!*\
+  !*** ./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=template&id=0cf49b1e& ***!
+  \**************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ChangePassword_vue_vue_type_template_id_0cf49b1e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./ChangePassword.vue?vue&type=template&id=0cf49b1e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/auth/ChangePassword.vue?vue&type=template&id=0cf49b1e&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ChangePassword_vue_vue_type_template_id_0cf49b1e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_ChangePassword_vue_vue_type_template_id_0cf49b1e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
 /***/ }),
 
 /***/ "./resources/js/vue/components/modal/auth/VerifyCode.vue":
@@ -60367,7 +62061,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Role_vue_vue_type_template_id_f7c30ab4_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Role.vue?vue&type=template&id=f7c30ab4&scoped=true& */ "./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&scoped=true&");
+/* harmony import */ var _Role_vue_vue_type_template_id_f7c30ab4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Role.vue?vue&type=template&id=f7c30ab4& */ "./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&");
 /* harmony import */ var _Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Role.vue?vue&type=script&lang=js& */ "./resources/js/vue/components/modal/user/Role.vue?vue&type=script&lang=js&");
 /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
@@ -60379,11 +62073,11 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
   _Role_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Role_vue_vue_type_template_id_f7c30ab4_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Role_vue_vue_type_template_id_f7c30ab4_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Role_vue_vue_type_template_id_f7c30ab4___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Role_vue_vue_type_template_id_f7c30ab4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
-  "f7c30ab4",
+  null,
   null
   
 )
@@ -60409,22 +62103,116 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&scoped=true&":
-/*!****************************************************************************************************!*\
-  !*** ./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&scoped=true& ***!
-  \****************************************************************************************************/
+/***/ "./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&":
+/*!****************************************************************************************!*\
+  !*** ./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4& ***!
+  \****************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_f7c30ab4_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./Role.vue?vue&type=template&id=f7c30ab4&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_f7c30ab4_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_f7c30ab4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./Role.vue?vue&type=template&id=f7c30ab4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/components/modal/user/Role.vue?vue&type=template&id=f7c30ab4&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_f7c30ab4___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_f7c30ab4_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Role_vue_vue_type_template_id_f7c30ab4___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
+/***/ }),
+
+/***/ "./resources/js/vue/config/urls.js":
+/*!*****************************************!*\
+  !*** ./resources/js/vue/config/urls.js ***!
+  \*****************************************/
+/*! exports provided: urls */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "urls", function() { return urls; });
+var urls = {
+  updateInfo: "/UpdateInfo",
+  getInfo: "/GetInfo",
+  login: "/login",
+  logout: "/logout",
+  storeMedicalCenter: "/MedicalCenters",
+  storeTestResult: "/TestResults",
+  storeTestType: "/TestTypes",
+  listTestTypeName: "/TestTypes/ListNames",
+  getInputs: "/GetInputs",
+  forgotPassword: "/password/phone",
+  sendVerifyCode: "/password/verifyCode",
+  changePassword: "/password/reset",
+  listTestType: function listTestType(page) {
+    return "/TestTypes?page=" + page;
+  },
+  deleteTestType: function deleteTestType(id) {
+    return "/TestTypes/".concat(id);
+  },
+  editTestType: function editTestType(id) {
+    return "/TestTypes/".concat(id, "/edit");
+  },
+  updateTestType: function updateTestType(id) {
+    return "/TestTypes/".concat(id);
+  },
+  listTestResult: function listTestResult(page) {
+    return "/TestResults?page=" + page;
+  },
+  editTestResult: function editTestResult(id) {
+    return "/TestResults/".concat(id, "/edit");
+  },
+  updateTestResult: function updateTestResult(id) {
+    return "/TestResults/".concat(id);
+  },
+  removeTestResult: function removeTestResult(id) {
+    return "/TestResults/".concat(id);
+  },
+  listMedicalCenter: function listMedicalCenter(page) {
+    return "/MedicalCenters?page=" + page;
+  },
+  updateMedicalCenter: function updateMedicalCenter(id) {
+    return "/MedicalCenters/".concat(id);
+  },
+  editMedicalCenter: function editMedicalCenter(id) {
+    return "/MedicalCenters/".concat(id, "/edit");
+  },
+  deleteMedicalCenter: function deleteMedicalCenter(id) {
+    return "/MedicalCenters/".concat(id);
+  },
+  listOpertorMedicalCenter: function listOpertorMedicalCenter(id) {
+    return "/Users/MedicalCenter/".concat(id);
+  },
+  listOpertor: function listOpertor(page) {
+    return "/Users?page=" + page;
+  },
+  changeStatusUser: function changeStatusUser(userId) {
+    return "Users/ChangeStatus/".concat(userId);
+  },
+  changeRoleUser: function changeRoleUser(userId) {
+    return "Users/ChangeRole/".concat(userId);
+  },
+  deleteUser: function deleteUser(userId) {
+    return "Users/".concat(userId);
+  }
+};
+
+
+/***/ }),
+
+/***/ "./resources/js/vue/config/utils.js":
+/*!******************************************!*\
+  !*** ./resources/js/vue/config/utils.js ***!
+  \******************************************/
+/*! exports provided: roles */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "roles", function() { return roles; });
+var roles = ['Admin', 'User', 'Supervisor'];
+
+
 /***/ }),
 
 /***/ "./resources/js/vue/i18n/index.js":
@@ -60621,6 +62409,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/router */ "./resources/js/vue/router/index.js");
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/store */ "./resources/js/vue/store/index.js");
 /* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _services_mixin_hasRole__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @/services/mixin/hasRole */ "./resources/js/vue/services/mixin/hasRole.js");
 
  // Components
 
@@ -60641,15 +62430,28 @@ __webpack_require__.r(__webpack_exports__);
  // Sync store with router
 
 Object(vuex_router_sync__WEBPACK_IMPORTED_MODULE_6__["sync"])(_store__WEBPACK_IMPORTED_MODULE_10__["default"], _router__WEBPACK_IMPORTED_MODULE_9__["default"]);
-vue__WEBPACK_IMPORTED_MODULE_1___default.a.config.productionTip = false; // Set the base URL of the API
+vue__WEBPACK_IMPORTED_MODULE_1___default.a.config.productionTip = false;
+_services__WEBPACK_IMPORTED_MODULE_11__["ApiService"].setHeader(); // Set the base URL of the API
+
+_services__WEBPACK_IMPORTED_MODULE_11__["ApiService"].init(Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_ROOT_API);
+
+__webpack_require__(/*! ./services/global/errorHandler.service */ "./resources/js/vue/services/global/errorHandler.service.js"); // If token exists set Authorizion header
 
-_services__WEBPACK_IMPORTED_MODULE_11__["ApiService"].init(Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_ROOT_API); // If token exists set header
 
 if (_services__WEBPACK_IMPORTED_MODULE_11__["TokenService"].getToken()) {
-  _services__WEBPACK_IMPORTED_MODULE_11__["ApiService"].setHeader();
-}
-/* eslint-disable no-new */
+  _services__WEBPACK_IMPORTED_MODULE_11__["ApiService"].setAuthHeader(); // If info exists set info in Store
 
+  if (_services__WEBPACK_IMPORTED_MODULE_11__["TokenService"].getInfo()) {
+    var info = _services__WEBPACK_IMPORTED_MODULE_11__["TokenService"].getInfo();
+    _store__WEBPACK_IMPORTED_MODULE_10__["default"].commit('setInfo', info);
+  } else {
+    _store__WEBPACK_IMPORTED_MODULE_10__["default"].dispatch('info');
+  }
+}
+
+
+vue__WEBPACK_IMPORTED_MODULE_1___default.a.mixin(_services_mixin_hasRole__WEBPACK_IMPORTED_MODULE_12__["default"]);
+/* eslint-disable no-new */
 
 new vue__WEBPACK_IMPORTED_MODULE_1___default.a({
   i18n: _i18n__WEBPACK_IMPORTED_MODULE_8__["default"],
@@ -60783,13 +62585,12 @@ vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vuetify__WEBPACK_IMPORTED_MODULE_
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vue_analytics__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-analytics */ "./node_modules/vue-analytics/dist/vue-analytics.js");
-/* harmony import */ var vue_analytics__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_analytics__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm.js");
-/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-meta */ "./node_modules/vue-meta/lib/vue-meta.js");
-/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_meta__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
-/* harmony import */ var _paths__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./paths */ "./resources/js/vue/router/paths.js");
+/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm.js");
+/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-meta */ "./node_modules/vue-meta/lib/vue-meta.js");
+/* harmony import */ var vue_meta__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_meta__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _paths__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./paths */ "./resources/js/vue/router/paths.js");
+/* harmony import */ var _services_acl_role__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/services/acl/role */ "./resources/js/vue/services/acl/role.js");
 /**
  * Vue Router
  *
@@ -60798,7 +62599,7 @@ __webpack_require__.r(__webpack_exports__);
  * https://router.vuejs.org/en/
  */
 // Lib imports
-
+ // import VueAnalytics from 'vue-analytics'
 
 
 
@@ -60821,11 +62622,11 @@ function route(options) {
   };
 }
 
-vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vue_router__WEBPACK_IMPORTED_MODULE_2__["default"]); // Create a new router
+vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vue_router__WEBPACK_IMPORTED_MODULE_1__["default"]); // Create a new router
 
-var router = new vue_router__WEBPACK_IMPORTED_MODULE_2__["default"]({
+var router = new vue_router__WEBPACK_IMPORTED_MODULE_1__["default"]({
   mode: 'history',
-  routes: _paths__WEBPACK_IMPORTED_MODULE_5__["default"].map(function (path) {
+  routes: _paths__WEBPACK_IMPORTED_MODULE_4__["default"].map(function (path) {
     return route(path);
   }).concat([{
     path: '*',
@@ -60848,7 +62649,8 @@ var router = new vue_router__WEBPACK_IMPORTED_MODULE_2__["default"]({
     };
   }
 });
-vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vue_meta__WEBPACK_IMPORTED_MODULE_3___default.a);
+vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vue_meta__WEBPACK_IMPORTED_MODULE_2___default.a);
+
 router.beforeEach(function (to, from, next) {
   var isPublic = to.matched.some(function (record) {
     return record.meta.public;
@@ -60856,7 +62658,8 @@ router.beforeEach(function (to, from, next) {
   var onlyWhenLoggedOut = to.matched.some(function (record) {
     return record.meta.onlyWhenLoggedOut;
   });
-  var loggedIn = !!_services__WEBPACK_IMPORTED_MODULE_4__["TokenService"].getToken();
+  var loggedIn = !!_services__WEBPACK_IMPORTED_MODULE_3__["TokenService"].getToken();
+  var roles = to.meta && to.meta.roles ? to.meta.roles : null;
 
   if (!isPublic && !loggedIn) {
     return next({
@@ -60869,7 +62672,12 @@ router.beforeEach(function (to, from, next) {
   } // Do not allow user to visit login page or register page if they are logged in
 
 
-  if (loggedIn && onlyWhenLoggedOut) {
+  if (loggedIn && onlyWhenLoggedOut && policy) {
+    return next('/');
+  } // Do not allow user to visit Pages then not access roles
+
+
+  if (roles && !Object(_services_acl_role__WEBPACK_IMPORTED_MODULE_5__["$hasRole"])(roles)) {
     return next('/');
   }
 
@@ -60907,32 +62715,52 @@ __webpack_require__.r(__webpack_exports__);
  */
 /* harmony default export */ __webpack_exports__["default"] = ([{
   path: '/dashboard',
-  // Relative to /src/views
+  name: 'Dashboard',
   view: 'Dashboard'
 }, {
   path: '/my-info',
-  name: 'My Info',
-  view: 'MyInfo'
-}, {
-  path: '/all-resualttest',
-  name: 'All Result Test',
-  view: 'AllResultTest'
+  name: 'MyInfo',
+  view: 'User/MyInfo'
 }, {
   path: '/manage-users',
-  name: 'Manage Users',
-  view: 'ManageUsers'
+  name: 'ManageUsers',
+  view: 'User/List'
 }, {
-  path: '/test-creator',
-  name: 'Add New Test',
-  view: 'TestCreator'
+  path: '/test-type/create',
+  name: 'AddTestType',
+  view: 'TestType/AddEdit'
 }, {
-  path: '/manage-medical-center',
-  name: 'Manage Medical Center',
-  view: 'ManageMedicalCenter'
+  path: '/test-type/:testType/edit',
+  name: 'EditTestType',
+  view: 'TestType/AddEdit'
+}, {
+  path: '/test-types',
+  name: 'ListTestType',
+  view: 'TestType/List'
+}, {
+  path: '/medical-center',
+  name: 'ManageMedicalCenter',
+  view: 'MedicalCenter/List'
+}, {
+  path: '/medical-center/create',
+  name: 'AddMedicalCenter',
+  view: 'MedicalCenter/AddEdit'
+}, {
+  path: '/medical-center/:medicalCenter/edit',
+  name: 'EditMedicalCenter',
+  view: 'MedicalCenter/AddEdit'
+}, {
+  path: '/add-operator/:medicalCenter',
+  name: 'AddOperator',
+  view: 'Auth/Register'
+}, {
+  path: '/operator-list/:medicalCenter',
+  name: 'OperatorList',
+  view: 'MedicalCenter/OperatorList'
 }, {
   path: '/login',
   name: 'Login',
-  view: 'Login',
+  view: 'Auth/Login',
   meta: {
     public: true,
     // Allow access to even if not logged in
@@ -60941,57 +62769,431 @@ __webpack_require__.r(__webpack_exports__);
 }, {
   path: '/register',
   name: 'Register',
-  view: 'Register',
+  view: 'Auth/Register',
   meta: {
     public: true,
     // Allow access to even if not logged in
     onlyWhenLoggedOut: true
   }
-}, {
-  path: '/Adminregister',
-  name: 'AdminRegister',
-  view: 'AdminRegister'
-}, {
-  path: '/submit-test-result',
-  name: 'Submit Test Result',
-  view: 'SubmitTestResult'
 }, {
   path: '/forgot-password',
   name: 'ForgotPassword',
-  view: 'ForgotPassword',
+  view: 'Auth/ForgotPassword',
   meta: {
     public: true,
     // Allow access to even if not logged in
     onlyWhenLoggedOut: true
   }
 }, {
-  path: '/test-creator',
-  name: 'Test Creator',
-  view: 'TestCreator'
+  path: '/resualt-test',
+  name: 'AllResultTest',
+  view: 'TestResult/List'
 }, {
-  path: '/test',
-  name: 'Test',
-  view: 'Test'
+  path: '/add-test-result',
+  name: 'SubmitTestResult',
+  view: 'TestResult/AddEdit'
 }, {
-  path: '/add-medical-center',
-  name: 'Add Medical Center',
-  view: 'AddMedicalCenter'
-}, {
-  path: '/operator-list',
-  name: 'Operator List',
-  view: 'OperatorList'
-}, {
-  path: '/role',
-  name: 'Role',
-  view: 'Role'
+  path: '/test-result/:testResult/edit',
+  name: 'EditTestResult',
+  view: 'TestResult/AddEdit'
 }]);
 
 /***/ }),
 
-/***/ "./resources/js/vue/services/auth/api.service.js":
-/*!*******************************************************!*\
-  !*** ./resources/js/vue/services/auth/api.service.js ***!
-  \*******************************************************/
+/***/ "./resources/js/vue/services/acl/role.js":
+/*!***********************************************!*\
+  !*** ./resources/js/vue/services/acl/role.js ***!
+  \***********************************************/
+/*! exports provided: $hasRole */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "$hasRole", function() { return $hasRole; });
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+
+
+var $hasRole = function $hasRole(roles) {
+  if (_services__WEBPACK_IMPORTED_MODULE_0__["TokenService"].getToken()) {
+    roles = roles.split('|');
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = roles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var role = _step.value;
+
+        if (_services__WEBPACK_IMPORTED_MODULE_0__["TokenService"].getInfo().roles && Array.isArray(_services__WEBPACK_IMPORTED_MODULE_0__["TokenService"].getInfo().roles) && _services__WEBPACK_IMPORTED_MODULE_0__["TokenService"].getInfo().roles.includes(role)) {
+          return true;
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  }
+
+  return false;
+};
+
+
+
+/***/ }),
+
+/***/ "./resources/js/vue/services/auth/storage.service.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/vue/services/auth/storage.service.js ***!
+  \***********************************************************/
+/*! exports provided: TokenService */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TokenService", function() { return TokenService; });
+/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! qs */ "./node_modules/qs/lib/index.js");
+/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_0__);
+
+var TOKEN_KEY = 'access_token';
+var REFRESH_TOKEN_KEY = 'refresh_token';
+var INFO = 'info';
+/**
+ * Manage the how Access Tokens are being stored and retreived from storage.
+ *
+ * Current implementation stores to localStorage. Local Storage should always be
+ * accessed through this instace.
+**/
+
+var TokenService = {
+  getToken: function getToken() {
+    return localStorage.getItem(TOKEN_KEY);
+  },
+  saveToken: function saveToken() {
+    var accessToken = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    localStorage.setItem(TOKEN_KEY, accessToken);
+  },
+  removeToken: function removeToken() {
+    localStorage.removeItem(TOKEN_KEY);
+  },
+  getRefreshToken: function getRefreshToken() {
+    return localStorage.getItem(REFRESH_TOKEN_KEY);
+  },
+  saveRefreshToken: function saveRefreshToken() {
+    var refreshToken = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    localStorage.setItem(REFRESH_TOKEN_KEY, refreshToken);
+  },
+  removeRefreshToken: function removeRefreshToken() {
+    localStorage.removeItem(REFRESH_TOKEN_KEY);
+  },
+  getInfo: function getInfo() {
+    return qs__WEBPACK_IMPORTED_MODULE_0___default.a.parse(localStorage.getItem(INFO));
+  },
+  saveInfo: function saveInfo() {
+    var info = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    info = qs__WEBPACK_IMPORTED_MODULE_0___default.a.stringify(info);
+    localStorage.setItem(INFO, info);
+  },
+  removeInfo: function removeInfo() {
+    localStorage.removeItem(INFO);
+  }
+};
+
+
+/***/ }),
+
+/***/ "./resources/js/vue/services/auth/user.service.js":
+/*!********************************************************!*\
+  !*** ./resources/js/vue/services/auth/user.service.js ***!
+  \********************************************************/
+/*! exports provided: default, UserService, AuthenticationError */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserService", function() { return UserService; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AuthenticationError", function() { return AuthenticationError; });
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _global_api_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../global/api.service */ "./resources/js/vue/services/global/api.service.js");
+/* harmony import */ var _storage_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./storage.service */ "./resources/js/vue/services/auth/storage.service.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
+
+function isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _construct(Parent, args, Class) { if (isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
+
+function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+var AuthenticationError =
+/*#__PURE__*/
+function (_Error) {
+  _inherits(AuthenticationError, _Error);
+
+  function AuthenticationError(errorCode, message) {
+    var _this;
+
+    _classCallCheck(this, AuthenticationError);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(AuthenticationError).call(this, message));
+    _this.name = _this.constructor.name;
+    _this.message = message;
+    _this.errorCode = errorCode;
+    return _this;
+  }
+
+  return AuthenticationError;
+}(_wrapNativeSuper(Error));
+
+var UserService = {
+  /**
+   * Login the user and store the access token to TokenService.
+   *
+   * @returns access_token
+   * @throws AuthenticationError
+   **/
+  login: function () {
+    var _login = _asyncToGenerator(
+    /*#__PURE__*/
+    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(cell_number, password) {
+      var requestData, response;
+      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              requestData = {
+                method: "post",
+                url: _config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].login,
+                data: {
+                  cell_number: cell_number,
+                  password: password,
+                  grant_type: "password"
+                },
+                auth: {
+                  username: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_ID,
+                  password: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_SECRET
+                }
+              };
+              _context.prev = 1;
+              _context.next = 4;
+              return _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].customRequest(requestData);
+
+            case 4:
+              response = _context.sent;
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveToken(response.data.access_token);
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveRefreshToken(response.data.refresh_token);
+              _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].setAuthHeader(); // NOTE: We haven't covered this yet in our ApiService
+              //       but don't worry about this just yet - I'll come back to it later
+
+              _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].mount401Interceptor();
+              return _context.abrupt("return", response.data.access_token);
+
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](1);
+              throw new AuthenticationError(_context.t0.response.status, _context.t0.response.data.detail);
+
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 12]]);
+    }));
+
+    function login(_x, _x2) {
+      return _login.apply(this, arguments);
+    }
+
+    return login;
+  }(),
+
+  /**
+   * Refresh the access token.
+   **/
+  refreshToken: function () {
+    var _refreshToken = _asyncToGenerator(
+    /*#__PURE__*/
+    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2() {
+      var refreshToken, requestData, response;
+      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              refreshToken = _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].getRefreshToken();
+              requestData = {
+                method: "post",
+                url: _config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].login,
+                data: {
+                  grant_type: "refresh_token",
+                  refresh_token: refreshToken
+                },
+                auth: {
+                  username: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_ID,
+                  password: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_SECRET
+                }
+              };
+              _context2.prev = 2;
+              _context2.next = 5;
+              return _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].customRequest(requestData);
+
+            case 5:
+              response = _context2.sent;
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveToken(response.data.access_token);
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveRefreshToken(response.data.refresh_token); // Update the header in ApiService
+
+              _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].setAuthHeader();
+              return _context2.abrupt("return", response.data.access_token);
+
+            case 12:
+              _context2.prev = 12;
+              _context2.t0 = _context2["catch"](2);
+              throw new AuthenticationError(_context2.t0.response.status, _context2.t0.response.data.detail);
+
+            case 15:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[2, 12]]);
+    }));
+
+    function refreshToken() {
+      return _refreshToken.apply(this, arguments);
+    }
+
+    return refreshToken;
+  }(),
+
+  /**
+   * Logout the current user by removing the token from storage.
+   *
+   * Will also remove `Authorization Bearer <token>` header from future requests.
+   **/
+  logout: function () {
+    var _logout = _asyncToGenerator(
+    /*#__PURE__*/
+    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3() {
+      var response;
+      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _context3.next = 3;
+              return _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].logout);
+
+            case 3:
+              response = _context3.sent;
+              // Remove the token and remove Authorization header from Api Service as well
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeToken();
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeRefreshToken();
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeInfo();
+              _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].removeAuthHeader(); // NOTE: Again, we'll cover the 401 Interceptor a bit later.
+
+              _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].unmount401Interceptor();
+              return _context3.abrupt("return", response.data);
+
+            case 12:
+              _context3.prev = 12;
+              _context3.t0 = _context3["catch"](0);
+              throw new AuthenticationError(_context3.t0.response.status, _context3.t0.response.data.detail);
+
+            case 15:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 12]]);
+    }));
+
+    function logout() {
+      return _logout.apply(this, arguments);
+    }
+
+    return logout;
+  }(),
+
+  /**
+   * Get Information the current user ;
+   *
+   * Will also Register in Store;
+   **/
+  getInfo: function () {
+    var _getInfo = _asyncToGenerator(
+    /*#__PURE__*/
+    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4() {
+      var response;
+      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return _global_api_service__WEBPACK_IMPORTED_MODULE_1__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].getInfo);
+
+            case 2:
+              response = _context4.sent;
+              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveInfo(response.data.data);
+              return _context4.abrupt("return", response.data.data);
+
+            case 5:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+
+    function getInfo() {
+      return _getInfo.apply(this, arguments);
+    }
+
+    return getInfo;
+  }()
+};
+/* harmony default export */ __webpack_exports__["default"] = (UserService);
+
+
+/***/ }),
+
+/***/ "./resources/js/vue/services/global/api.service.js":
+/*!*********************************************************!*\
+  !*** ./resources/js/vue/services/global/api.service.js ***!
+  \*********************************************************/
 /*! exports provided: default, ApiService */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -61002,19 +63204,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
 /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _storage_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./storage.service */ "./resources/js/vue/services/auth/storage.service.js");
+/* harmony import */ var _auth_storage_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../auth/storage.service */ "./resources/js/vue/services/auth/storage.service.js");
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/store */ "./resources/js/vue/store/index.js");
-/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! qs */ "./node_modules/qs/lib/index.js");
-/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_4__);
 
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-
 
 
 
@@ -61023,10 +63220,14 @@ var ApiService = {
     axios__WEBPACK_IMPORTED_MODULE_1___default.a.defaults.baseURL = baseURL;
   },
   setHeader: function setHeader() {
-    axios__WEBPACK_IMPORTED_MODULE_1___default.a.defaults.headers.common["Authorization"] = "Bearer ".concat(_storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].getToken());
+    axios__WEBPACK_IMPORTED_MODULE_1___default.a.defaults.headers.common["Accept"] = "application/json";
+    axios__WEBPACK_IMPORTED_MODULE_1___default.a.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
   },
-  removeHeader: function removeHeader() {
-    axios__WEBPACK_IMPORTED_MODULE_1___default.a.defaults.headers.common = {};
+  setAuthHeader: function setAuthHeader() {
+    axios__WEBPACK_IMPORTED_MODULE_1___default.a.defaults.headers.common["Authorization"] = "Bearer ".concat(_auth_storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].getToken());
+  },
+  removeAuthHeader: function removeAuthHeader() {
+    axios__WEBPACK_IMPORTED_MODULE_1___default.a.defaults.headers.common["Authorization"] = null;
   },
   get: function get(resource) {
     return axios__WEBPACK_IMPORTED_MODULE_1___default.a.get(resource);
@@ -61035,10 +63236,14 @@ var ApiService = {
     return axios__WEBPACK_IMPORTED_MODULE_1___default.a.post(resource, data);
   },
   put: function put(resource, data) {
-    return axios__WEBPACK_IMPORTED_MODULE_1___default.a.put(resource, data);
+    data['_method'] = 'put';
+    return axios__WEBPACK_IMPORTED_MODULE_1___default.a.post(resource, data);
   },
   delete: function _delete(resource) {
-    return axios__WEBPACK_IMPORTED_MODULE_1___default.a.delete(resource);
+    var data = {
+      '_method': 'delete'
+    };
+    return axios__WEBPACK_IMPORTED_MODULE_1___default.a.post(resource, data);
   },
 
   /**
@@ -61053,12 +63258,6 @@ var ApiService = {
    *    - password
   **/
   customRequest: function customRequest(data) {
-    for (var d in data) {
-      if (_typeof(data[d]) == 'object') {
-        data[d] = qs__WEBPACK_IMPORTED_MODULE_4___default.a.stringify(data[d]);
-      }
-    }
-
     return axios__WEBPACK_IMPORTED_MODULE_1___default()(data);
   },
   _401interceptor: null,
@@ -61134,408 +63333,99 @@ var ApiService = {
 
 /***/ }),
 
-/***/ "./resources/js/vue/services/auth/storage.service.js":
-/*!***********************************************************!*\
-  !*** ./resources/js/vue/services/auth/storage.service.js ***!
-  \***********************************************************/
-/*! exports provided: TokenService */
+/***/ "./resources/js/vue/services/global/errorHandler.service.js":
+/*!******************************************************************!*\
+  !*** ./resources/js/vue/services/global/errorHandler.service.js ***!
+  \******************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TokenService", function() { return TokenService; });
-var TOKEN_KEY = 'access_token';
-var REFRESH_TOKEN_KEY = 'refresh_token';
-/**
- * Manage the how Access Tokens are being stored and retreived from storage.
- *
- * Current implementation stores to localStorage. Local Storage should always be
- * accessed through this instace.
-**/
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
+/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _toast_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toast.service */ "./resources/js/vue/services/global/toast.service.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
 
-var TokenService = {
-  getToken: function getToken() {
-    return localStorage.getItem(TOKEN_KEY);
-  },
-  saveToken: function saveToken() {
-    var accessToken = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    localStorage.setItem(TOKEN_KEY, accessToken);
-  },
-  removeToken: function removeToken() {
-    localStorage.removeItem(TOKEN_KEY);
-  },
-  getRefreshToken: function getRefreshToken() {
-    return localStorage.getItem(REFRESH_TOKEN_KEY);
-  },
-  saveRefreshToken: function saveRefreshToken() {
-    var refreshToken = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    localStorage.setItem(REFRESH_TOKEN_KEY, refreshToken);
-  },
-  removeRefreshToken: function removeRefreshToken() {
-    localStorage.removeItem(REFRESH_TOKEN_KEY);
+
+
+
+function errorResponseHandler(error) {
+  // check for errorHandle config
+  if (error.config.hasOwnProperty("errorHandle") && error.config.errorHandle === false) {
+    return Promise.reject(error);
+  } // if has response show the error
+
+
+  if (error.response) {
+    if (typeof error.response.data.errors !== 'undefined') {
+      for (var key in error.response.data.errors) {
+        if (error.response.data.errors.hasOwnProperty(key)) {
+          var title = error.response.data.title ? error.response.data.title : undefined;
+          _toast_service__WEBPACK_IMPORTED_MODULE_1__["default"].error(error.response.data.errors[key], title);
+        }
+      }
+    }
+
+    if (error.response.status == 401) {
+      _services__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeToken();
+      _services__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeRefreshToken();
+      _services__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeInfo();
+      _services__WEBPACK_IMPORTED_MODULE_2__["ApiService"].removeAuthHeader();
+    }
   }
-};
+}
 
+function successHandler(response) {
+  if (response.status == 200) {
+    if (typeof response.data.message !== 'undefined') {
+      _toast_service__WEBPACK_IMPORTED_MODULE_1__["default"].success(response.data.message, response.data.title);
+    }
+  }
+
+  return response;
+} // apply interceptor on response
+
+
+axios__WEBPACK_IMPORTED_MODULE_0___default.a.interceptors.response.use(successHandler, errorResponseHandler);
+/* harmony default export */ __webpack_exports__["default"] = (errorResponseHandler);
 
 /***/ }),
 
-/***/ "./resources/js/vue/services/auth/user.service.js":
-/*!********************************************************!*\
-  !*** ./resources/js/vue/services/auth/user.service.js ***!
-  \********************************************************/
-/*! exports provided: default, UserService, AuthenticationError */
+/***/ "./resources/js/vue/services/global/toast.service.js":
+/*!***********************************************************!*\
+  !*** ./resources/js/vue/services/global/toast.service.js ***!
+  \***********************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserService", function() { return UserService; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AuthenticationError", function() { return AuthenticationError; });
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
-/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _api_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./api.service */ "./resources/js/vue/services/auth/api.service.js");
-/* harmony import */ var _storage_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./storage.service */ "./resources/js/vue/services/auth/storage.service.js");
+/* harmony import */ var izitoast_dist_css_iziToast_min_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! izitoast/dist/css/iziToast.min.css */ "./node_modules/izitoast/dist/css/iziToast.min.css");
+/* harmony import */ var izitoast_dist_css_iziToast_min_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(izitoast_dist_css_iziToast_min_css__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var izitoast__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! izitoast */ "./node_modules/izitoast/dist/js/iziToast.js");
+/* harmony import */ var izitoast__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(izitoast__WEBPACK_IMPORTED_MODULE_1__);
 
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
-
-function isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _construct(Parent, args, Class) { if (isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
-function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-
-
-
-var AuthenticationError =
-/*#__PURE__*/
-function (_Error) {
-  _inherits(AuthenticationError, _Error);
-
-  function AuthenticationError(errorCode, message) {
-    var _this;
-
-    _classCallCheck(this, AuthenticationError);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(AuthenticationError).call(this, message));
-    _this.name = _this.constructor.name;
-    _this.message = message;
-    _this.errorCode = errorCode;
-    return _this;
+var toast = {
+  error: function error(message) {
+    var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "Error";
+    return izitoast__WEBPACK_IMPORTED_MODULE_1___default.a.error({
+      title: title,
+      message: message,
+      position: "bottomCenter"
+    });
+  },
+  success: function success(message) {
+    var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "Success";
+    return izitoast__WEBPACK_IMPORTED_MODULE_1___default.a.success({
+      title: title,
+      message: message,
+      position: "bottomCenter"
+    });
   }
-
-  return AuthenticationError;
-}(_wrapNativeSuper(Error));
-
-var UserService = {
-  /**
-   * Login the user and store the access token to TokenService.
-   *
-   * @returns access_token
-   * @throws AuthenticationError
-  **/
-  login: function () {
-    var _login = _asyncToGenerator(
-    /*#__PURE__*/
-    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(cell_number, password) {
-      var requestData, _response;
-
-      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              requestData = {
-                method: 'post',
-                url: "/login",
-                data: {
-                  cell_number: cell_number,
-                  password: password,
-                  grant_type: 'password'
-                },
-                auth: {
-                  username: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_ID,
-                  password: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_SECRET
-                }
-              };
-              _context.prev = 1;
-              _context.next = 4;
-              return _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].customRequest(requestData);
-
-            case 4:
-              _response = _context.sent;
-              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveToken(_response.data.access_token);
-              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveRefreshToken(_response.data.refresh_token);
-              _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].setHeader(); // NOTE: We haven't covered this yet in our ApiService
-              //       but don't worry about this just yet - I'll come back to it later
-
-              _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].mount401Interceptor();
-              return _context.abrupt("return", _response.data.access_token);
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](1);
-              throw new AuthenticationError(_context.t0.response.status, _context.t0.response.data.detail);
-
-            case 15:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 12]]);
-    }));
-
-    function login(_x, _x2) {
-      return _login.apply(this, arguments);
-    }
-
-    return login;
-  }(),
-
-  /**
-   * Login the user and store the access token to TokenService.
-   *
-   * @returns access_token
-   * @throws AuthenticationError
-  **/
-  forgotPassword: function () {
-    var _forgotPassword = _asyncToGenerator(
-    /*#__PURE__*/
-    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(cell_number) {
-      var requestData, _response2;
-
-      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              requestData = {
-                method: 'post',
-                url: "forgotPassword",
-                data: {
-                  cell_number: cell_number
-                },
-                auth: {
-                  username: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_ID,
-                  password: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_SECRET
-                }
-              };
-              _context2.prev = 1;
-              _context2.next = 4;
-              return _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].customRequest(requestData);
-
-            case 4:
-              _response2 = _context2.sent;
-              _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].setHeader();
-              return _context2.abrupt("return", _response2.data);
-
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](1);
-              throw new AuthenticationError(_context2.t0.response.status, _context2.t0.response.data.detail);
-
-            case 12:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2, null, [[1, 9]]);
-    }));
-
-    function forgotPassword(_x3) {
-      return _forgotPassword.apply(this, arguments);
-    }
-
-    return forgotPassword;
-  }(),
-
-  /**
-   * Login the user and store the access token to TokenService.
-   *
-   * @returns access_token
-   * @throws AuthenticationError
-  **/
-  verifyCode: function () {
-    var _verifyCode2 = _asyncToGenerator(
-    /*#__PURE__*/
-    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(_verifyCode) {
-      var requestData, _response3;
-
-      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              requestData = {
-                method: 'post',
-                url: "forgotPassword",
-                data: {
-                  verifyCode: _verifyCode
-                },
-                auth: {
-                  username: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_ID,
-                  password: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_SECRET
-                }
-              };
-              _context3.prev = 1;
-              _context3.next = 4;
-              return _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].customRequest(requestData);
-
-            case 4:
-              _response3 = _context3.sent;
-              _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].setHeader();
-              return _context3.abrupt("return", _response3.data);
-
-            case 9:
-              _context3.prev = 9;
-              _context3.t0 = _context3["catch"](1);
-              throw new AuthenticationError(_context3.t0.response.status, _context3.t0.response.data.detail);
-
-            case 12:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3, null, [[1, 9]]);
-    }));
-
-    function verifyCode(_x4) {
-      return _verifyCode2.apply(this, arguments);
-    }
-
-    return verifyCode;
-  }(),
-
-  /**
-   * Refresh the access token.
-  **/
-  refreshToken: function () {
-    var _refreshToken = _asyncToGenerator(
-    /*#__PURE__*/
-    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4() {
-      var refreshToken, requestData, _response4;
-
-      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              refreshToken = _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].getRefreshToken();
-              requestData = {
-                method: 'post',
-                url: "login",
-                data: {
-                  grant_type: 'refresh_token',
-                  refresh_token: refreshToken
-                },
-                auth: {
-                  username: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_ID,
-                  password: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_SECRET
-                }
-              };
-              _context4.prev = 2;
-              _context4.next = 5;
-              return _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].customRequest(requestData);
-
-            case 5:
-              _response4 = _context4.sent;
-              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveToken(_response4.data.access_token);
-              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].saveRefreshToken(_response4.data.refresh_token); // Update the header in ApiService
-
-              _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].setHeader();
-              return _context4.abrupt("return", _response4.data.access_token);
-
-            case 12:
-              _context4.prev = 12;
-              _context4.t0 = _context4["catch"](2);
-              throw new AuthenticationError(_context4.t0.response.status, _context4.t0.response.data.detail);
-
-            case 15:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4, null, [[2, 12]]);
-    }));
-
-    function refreshToken() {
-      return _refreshToken.apply(this, arguments);
-    }
-
-    return refreshToken;
-  }(),
-
-  /**
-   * Logout the current user by removing the token from storage.
-   *
-   * Will also remove `Authorization Bearer <token>` header from future requests.
-  **/
-  logout: function () {
-    var _logout = _asyncToGenerator(
-    /*#__PURE__*/
-    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee5() {
-      var requestData;
-      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              requestData = {
-                method: 'post',
-                url: "logout",
-                auth: {
-                  username: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_ID,
-                  password: Object({"MIX_PUSHER_APP_CLUSTER":"mt1","MIX_PUSHER_APP_KEY":"","NODE_ENV":"development"}).MIX_APP_CLIENT_SECRET
-                }
-              };
-              _context5.prev = 1;
-              _context5.next = 4;
-              return _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].customRequest(requestData);
-
-            case 4:
-              // Remove the token and remove Authorization header from Api Service as well
-              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeToken();
-              _storage_service__WEBPACK_IMPORTED_MODULE_2__["TokenService"].removeRefreshToken();
-              _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].removeHeader(); // NOTE: Again, we'll cover the 401 Interceptor a bit later.
-
-              _api_service__WEBPACK_IMPORTED_MODULE_1__["default"].unmount401Interceptor();
-              return _context5.abrupt("return", response.data);
-
-            case 11:
-              _context5.prev = 11;
-              _context5.t0 = _context5["catch"](1);
-              throw new AuthenticationError(_context5.t0.response.status, _context5.t0.response.data.detail);
-
-            case 14:
-            case "end":
-              return _context5.stop();
-          }
-        }
-      }, _callee5, null, [[1, 11]]);
-    }));
-
-    function logout() {
-      return _logout.apply(this, arguments);
-    }
-
-    return logout;
-  }()
 };
-/* harmony default export */ __webpack_exports__["default"] = (UserService);
-
+/* harmony default export */ __webpack_exports__["default"] = (toast);
 
 /***/ }),
 
@@ -61548,8 +63438,8 @@ var UserService = {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _auth_api_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./auth/api.service */ "./resources/js/vue/services/auth/api.service.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ApiService", function() { return _auth_api_service__WEBPACK_IMPORTED_MODULE_0__["ApiService"]; });
+/* harmony import */ var _global_api_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./global/api.service */ "./resources/js/vue/services/global/api.service.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ApiService", function() { return _global_api_service__WEBPACK_IMPORTED_MODULE_0__["ApiService"]; });
 
 /* harmony import */ var _auth_storage_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./auth/storage.service */ "./resources/js/vue/services/auth/storage.service.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TokenService", function() { return _auth_storage_service__WEBPACK_IMPORTED_MODULE_1__["TokenService"]; });
@@ -61563,6 +63453,25 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./resources/js/vue/services/mixin/hasRole.js":
+/*!****************************************************!*\
+  !*** ./resources/js/vue/services/mixin/hasRole.js ***!
+  \****************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _acl_role__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../acl/role */ "./resources/js/vue/services/acl/role.js");
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  methods: {
+    $hasRole: _acl_role__WEBPACK_IMPORTED_MODULE_0__["$hasRole"]
+  }
+});
+
 /***/ }),
 
 /***/ "./resources/js/vue/store/actions.js":
@@ -61574,8 +63483,49 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-// https://vuex.vuejs.org/en/actions.html
-/* harmony default export */ __webpack_exports__["default"] = ({//
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services/auth/user.service */ "./resources/js/vue/services/auth/user.service.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  info: function () {
+    var _info = _asyncToGenerator(
+    /*#__PURE__*/
+    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(_ref) {
+      var commit, info;
+      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              commit = _ref.commit;
+              _context.next = 3;
+              return _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__["UserService"].getInfo();
+
+            case 3:
+              info = _context.sent;
+              commit("setInfo", info);
+              return _context.abrupt("return", true);
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    function info(_x) {
+      return _info.apply(this, arguments);
+    }
+
+    return info;
+  }()
 });
 
 /***/ }),
@@ -61732,10 +63682,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services/auth/user.service */ "./resources/js/vue/services/auth/user.service.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
 /* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/router */ "./resources/js/vue/router/index.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
-/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
 
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -61750,30 +63699,33 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
     var _login = _asyncToGenerator(
     /*#__PURE__*/
     _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee(_ref, _ref2) {
-      var commit, cell_number, password, token;
+      var commit, dispatch, cell_number, password, token;
       return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              commit = _ref.commit;
+              commit = _ref.commit, dispatch = _ref.dispatch;
               cell_number = _ref2.cell_number, password = _ref2.password;
               commit('loginRequest');
               _context.prev = 3;
               _context.next = 6;
-              return _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__["UserService"].login(cell_number, password);
+              return _services__WEBPACK_IMPORTED_MODULE_1__["UserService"].login(cell_number, password);
 
             case 6:
               token = _context.sent;
               commit('loginSuccess', token); // Redirect the user to the page he first tried to visit or to the home view
 
               _router__WEBPACK_IMPORTED_MODULE_2__["default"].push(_router__WEBPACK_IMPORTED_MODULE_2__["default"].history.current.query.redirect || '/');
+              dispatch('info', {}, {
+                root: true
+              });
               return _context.abrupt("return", true);
 
-            case 12:
-              _context.prev = 12;
+            case 13:
+              _context.prev = 13;
               _context.t0 = _context["catch"](3);
 
-              if (_context.t0 instanceof _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__["AuthenticationError"]) {
+              if (_context.t0 instanceof _services__WEBPACK_IMPORTED_MODULE_1__["AuthenticationError"]) {
                 commit('loginError', {
                   errorCode: _context.t0.errorCode,
                   errorMessage: _context.t0.message
@@ -61782,12 +63734,12 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
               return _context.abrupt("return", false);
 
-            case 16:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[3, 12]]);
+      }, _callee, null, [[3, 13]]);
     }));
 
     function login(_x, _x2) {
@@ -61800,20 +63752,28 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
     var _forgotPassword = _asyncToGenerator(
     /*#__PURE__*/
     _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2(_ref3, _ref4) {
-      var commit, cell_number, result;
+      var commit, form, result;
       return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               commit = _ref3.commit;
-              cell_number = _ref4.cell_number;
+              form = _ref4.form;
               _context2.next = 4;
-              return _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__["UserService"].forgotPassword(cell_number);
+              return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].forgotPassword, form);
 
             case 4:
               result = _context2.sent;
 
-            case 5:
+              if (result && result.status == 200) {
+                commit('modal/changeCurrentModal', {
+                  modal: "modal-auth-verify-code"
+                }, {
+                  root: true
+                });
+              }
+
+            case 6:
             case "end":
               return _context2.stop();
           }
@@ -61831,20 +63791,35 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
     var _verifyCodeSMS = _asyncToGenerator(
     /*#__PURE__*/
     _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3(_ref5, _ref6) {
-      var commit, verifyCode, result;
+      var commit, dispatch, form, response;
       return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              commit = _ref5.commit;
-              verifyCode = _ref6.verifyCode;
+              commit = _ref5.commit, dispatch = _ref5.dispatch;
+              form = _ref6.form;
               _context3.next = 4;
-              return _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__["UserService"].verifyCode(verifyCode);
+              return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].sendVerifyCode, form);
 
             case 4:
-              result = _context3.sent;
+              response = _context3.sent;
 
-            case 5:
+              if (response && response.status == 200 && response.data.access_token) {
+                _services__WEBPACK_IMPORTED_MODULE_1__["TokenService"].saveToken(response.data.access_token);
+                _services__WEBPACK_IMPORTED_MODULE_1__["TokenService"].saveRefreshToken(response.data.refresh_token);
+                _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].setAuthHeader();
+                commit('loginSuccess', response.data.access_token);
+                commit('modal/changeCurrentModal', {
+                  modal: "modal-auth-change-password"
+                }, {
+                  root: true
+                });
+                dispatch('info', {}, {
+                  root: true
+                });
+              }
+
+            case 6:
             case "end":
               return _context3.stop();
           }
@@ -61858,23 +63833,28 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
     return verifyCodeSMS;
   }(),
-  logout: function () {
-    var _logout = _asyncToGenerator(
+  changePassword: function () {
+    var _changePassword = _asyncToGenerator(
     /*#__PURE__*/
-    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4(_ref7) {
-      var commit, result;
+    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee4(_ref7, _ref8) {
+      var commit, form, response;
       return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
               commit = _ref7.commit;
-              _context4.next = 3;
-              return _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__["UserService"].logout();
+              form = _ref8.form;
+              _context4.next = 4;
+              return _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_3__["urls"].changePassword, form);
 
-            case 3:
-              result = _context4.sent;
-              commit('logoutSuccess');
-              _router__WEBPACK_IMPORTED_MODULE_2__["default"].push('/login');
+            case 4:
+              response = _context4.sent;
+
+              if (response && response.status == 200) {
+                commit('modal/closeModal', {}, {
+                  root: true
+                });
+              }
 
             case 6:
             case "end":
@@ -61884,20 +63864,52 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
       }, _callee4);
     }));
 
-    function logout(_x7) {
+    function changePassword(_x7, _x8) {
+      return _changePassword.apply(this, arguments);
+    }
+
+    return changePassword;
+  }(),
+  logout: function () {
+    var _logout = _asyncToGenerator(
+    /*#__PURE__*/
+    _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee5(_ref9) {
+      var commit, result;
+      return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              commit = _ref9.commit;
+              _context5.next = 3;
+              return _services__WEBPACK_IMPORTED_MODULE_1__["UserService"].logout();
+
+            case 3:
+              result = _context5.sent;
+              commit('logoutSuccess');
+              _router__WEBPACK_IMPORTED_MODULE_2__["default"].push('/login');
+
+            case 6:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }));
+
+    function logout(_x9) {
       return _logout.apply(this, arguments);
     }
 
     return logout;
   }(),
-  refreshToken: function refreshToken(_ref8) {
-    var commit = _ref8.commit,
-        state = _ref8.state;
+  refreshToken: function refreshToken(_ref10) {
+    var commit = _ref10.commit,
+        state = _ref10.state;
 
     // If this is the first time the refreshToken has been called, make a request
     // otherwise return the same promise to the caller
     if (!state.refreshTokenPromise) {
-      var p = _services_auth_user_service__WEBPACK_IMPORTED_MODULE_1__["UserService"].refreshToken();
+      var p = _services__WEBPACK_IMPORTED_MODULE_1__["UserService"].refreshToken();
       commit('refreshTokenPromise', p); // Wait for the UserService.refreshToken() to resolve. On success set the token and clear promise
       // Clear the promise on error as well.
 
@@ -62057,6 +64069,9 @@ __webpack_require__.r(__webpack_exports__);
   },
   getModalProperties: function getModalProperties(state) {
     return state.currentModal.properties;
+  },
+  getModalResult: function getModalResult(state) {
+    return state.currentModal.result;
   }
 });
 
@@ -62073,14 +64088,18 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   changeCurrentModal: function changeCurrentModal(state, data) {
+    state.result = '';
     state.currentModal.name = data.modal;
 
     if (data.properties) {
       state.currentModal.properties = data.properties;
     }
   },
+  setResultModal: function setResultModal(state, data) {
+    state.currentModal.result = data;
+  },
   closeModal: function closeModal(state) {
-    state.currentModal.name = '';
+    state.currentModal.name = "";
     state.currentModal.properties = {};
   }
 });
@@ -62099,7 +64118,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   currentModal: {
     name: '',
-    properties: {}
+    properties: {},
+    result: {}
   }
 });
 
@@ -62114,8 +64134,16 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-// https://vuex.vuejs.org/en/mutations.html
-/* harmony default export */ __webpack_exports__["default"] = ({//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  setInfo: function setInfo(state, info) {
+    if (info.user) {
+      state.user = info.user;
+    }
+
+    if (info.roles) {
+      state.roles = info.roles;
+    }
+  }
 });
 
 /***/ }),
@@ -62129,8 +64157,8 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-// https://vuex.vuejs.org/en/state.html
-/* harmony default export */ __webpack_exports__["default"] = ({//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  user: {}
 });
 
 /***/ }),
@@ -62167,97 +64195,89 @@ var toggle = function toggle(property) {
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./AddMedicalCenter.vue": [
-		"./resources/js/vue/views/AddMedicalCenter.vue",
-		5
-	],
-	"./AddNewTest.vue": [
-		"./resources/js/vue/views/AddNewTest.vue",
-		0
-	],
-	"./AllResultTest.vue": [
-		"./resources/js/vue/views/AllResultTest.vue",
+	"./Auth/ForgotPassword.vue": [
+		"./resources/js/vue/views/Auth/ForgotPassword.vue",
 		6
 	],
+	"./Auth/Login.vue": [
+		"./resources/js/vue/views/Auth/Login.vue",
+		7
+	],
+	"./Auth/Register.vue": [
+		"./resources/js/vue/views/Auth/Register.vue",
+		8
+	],
 	"./Dashboard.vue": [
 		"./resources/js/vue/views/Dashboard.vue",
-		7
-	],
-	"./ForgotPassword.vue": [
-		"./resources/js/vue/views/ForgotPassword.vue",
-		8
-	],
-	"./Icons.vue": [
-		"./resources/js/vue/views/Icons.vue",
 		9
 	],
-	"./Login.vue": [
-		"./resources/js/vue/views/Login.vue",
+	"./MedicalCenter/AddEdit.vue": [
+		"./resources/js/vue/views/MedicalCenter/AddEdit.vue",
 		10
 	],
-	"./ManageMedicalCenter.vue": [
-		"./resources/js/vue/views/ManageMedicalCenter.vue",
-		1
+	"./MedicalCenter/List.vue": [
+		"./resources/js/vue/views/MedicalCenter/List.vue",
+		0
 	],
-	"./ManageUsers.vue": [
-		"./resources/js/vue/views/ManageUsers.vue",
+	"./MedicalCenter/OperatorList.vue": [
+		"./resources/js/vue/views/MedicalCenter/OperatorList.vue",
 		11
 	],
-	"./Maps.vue": [
-		"./resources/js/vue/views/Maps.vue",
-		4
+	"./NotWorking/AddNewTest.vue": [
+		"./resources/js/vue/views/NotWorking/AddNewTest.vue",
+		1
 	],
-	"./MyInfo.vue": [
-		"./resources/js/vue/views/MyInfo.vue",
+	"./NotWorking/Icons.vue": [
+		"./resources/js/vue/views/NotWorking/Icons.vue",
 		12
 	],
-	"./Notifications.vue": [
-		"./resources/js/vue/views/Notifications.vue",
+	"./NotWorking/Maps.vue": [
+		"./resources/js/vue/views/NotWorking/Maps.vue",
+		5
+	],
+	"./NotWorking/Notifications.vue": [
+		"./resources/js/vue/views/NotWorking/Notifications.vue",
 		13
 	],
-	"./OperatorList.vue": [
-		"./resources/js/vue/views/OperatorList.vue",
+	"./NotWorking/TableList.vue": [
+		"./resources/js/vue/views/NotWorking/TableList.vue",
 		14
 	],
-	"./Register.vue": [
-		"./resources/js/vue/views/Register.vue",
-		15
-	],
-	"./Role.vue": [
-		"./resources/js/vue/views/Role.vue",
-		16
-	],
-	"./SubmitTestResult.vue": [
-		"./resources/js/vue/views/SubmitTestResult.vue",
-		17
-	],
-	"./SuperVisior/UserInfo.vue": [
-		"./resources/js/vue/views/SuperVisior/UserInfo.vue",
-		18
-	],
-	"./SuperVisior/table.vue": [
-		"./resources/js/vue/views/SuperVisior/table.vue",
-		19
-	],
-	"./TableList.vue": [
-		"./resources/js/vue/views/TableList.vue",
-		20
-	],
-	"./TestCreator.vue": [
-		"./resources/js/vue/views/TestCreator.vue",
+	"./NotWorking/Typography.vue": [
+		"./resources/js/vue/views/NotWorking/Typography.vue",
 		2
 	],
-	"./Typography.vue": [
-		"./resources/js/vue/views/Typography.vue",
+	"./NotWorking/Upgrade.vue": [
+		"./resources/js/vue/views/NotWorking/Upgrade.vue",
+		20
+	],
+	"./NotWorking/UserProfile.vue": [
+		"./resources/js/vue/views/NotWorking/UserProfile.vue",
+		15
+	],
+	"./TestResult/AddEdit.vue": [
+		"./resources/js/vue/views/TestResult/AddEdit.vue",
+		16
+	],
+	"./TestResult/List.vue": [
+		"./resources/js/vue/views/TestResult/List.vue",
+		17
+	],
+	"./TestType/AddEdit.vue": [
+		"./resources/js/vue/views/TestType/AddEdit.vue",
 		3
 	],
-	"./Upgrade.vue": [
-		"./resources/js/vue/views/Upgrade.vue",
-		22
+	"./TestType/List.vue": [
+		"./resources/js/vue/views/TestType/List.vue",
+		4
 	],
-	"./UserProfile.vue": [
-		"./resources/js/vue/views/UserProfile.vue",
-		21
+	"./User/List.vue": [
+		"./resources/js/vue/views/User/List.vue",
+		18
+	],
+	"./User/MyInfo.vue": [
+		"./resources/js/vue/views/User/MyInfo.vue",
+		19
 	]
 };
 function webpackAsyncContext(req) {
diff --git a/public/vue/js/manifest.js b/public/vue/js/manifest.js
new file mode 100644
index 00000000..6daa9195
--- /dev/null
+++ b/public/vue/js/manifest.js
@@ -0,0 +1,219 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// install a JSONP callback for chunk loading
+/******/ 	function webpackJsonpCallback(data) {
+/******/ 		var chunkIds = data[0];
+/******/ 		var moreModules = data[1];
+/******/ 		var executeModules = data[2];
+/******/
+/******/ 		// add "moreModules" to the modules object,
+/******/ 		// then flag all "chunkIds" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0, resolves = [];
+/******/ 		for(;i < chunkIds.length; i++) {
+/******/ 			chunkId = chunkIds[i];
+/******/ 			if(installedChunks[chunkId]) {
+/******/ 				resolves.push(installedChunks[chunkId][0]);
+/******/ 			}
+/******/ 			installedChunks[chunkId] = 0;
+/******/ 		}
+/******/ 		for(moduleId in moreModules) {
+/******/ 			if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
+/******/ 				modules[moduleId] = moreModules[moduleId];
+/******/ 			}
+/******/ 		}
+/******/ 		if(parentJsonpFunction) parentJsonpFunction(data);
+/******/
+/******/ 		while(resolves.length) {
+/******/ 			resolves.shift()();
+/******/ 		}
+/******/
+/******/ 		// add entry modules from loaded chunk to deferred list
+/******/ 		deferredModules.push.apply(deferredModules, executeModules || []);
+/******/
+/******/ 		// run deferred modules when all chunks ready
+/******/ 		return checkDeferredModules();
+/******/ 	};
+/******/ 	function checkDeferredModules() {
+/******/ 		var result;
+/******/ 		for(var i = 0; i < deferredModules.length; i++) {
+/******/ 			var deferredModule = deferredModules[i];
+/******/ 			var fulfilled = true;
+/******/ 			for(var j = 1; j < deferredModule.length; j++) {
+/******/ 				var depId = deferredModule[j];
+/******/ 				if(installedChunks[depId] !== 0) fulfilled = false;
+/******/ 			}
+/******/ 			if(fulfilled) {
+/******/ 				deferredModules.splice(i--, 1);
+/******/ 				result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
+/******/ 			}
+/******/ 		}
+/******/ 		return result;
+/******/ 	}
+/******/
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 	// Promise = chunk loading, 0 = chunk loaded
+/******/ 	var installedChunks = {
+/******/ 		"/vue/js/manifest": 0
+/******/ 	};
+/******/
+/******/ 	var deferredModules = [];
+/******/
+/******/ 	// script path function
+/******/ 	function jsonpScriptSrc(chunkId) {
+/******/ 		return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + ".js"
+/******/ 	}
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/ 	// This file contains only the entry chunk.
+/******/ 	// The chunk loading function for additional chunks
+/******/ 	__webpack_require__.e = function requireEnsure(chunkId) {
+/******/ 		var promises = [];
+/******/
+/******/
+/******/ 		// JSONP chunk loading for javascript
+/******/
+/******/ 		var installedChunkData = installedChunks[chunkId];
+/******/ 		if(installedChunkData !== 0) { // 0 means "already installed".
+/******/
+/******/ 			// a Promise means "currently loading".
+/******/ 			if(installedChunkData) {
+/******/ 				promises.push(installedChunkData[2]);
+/******/ 			} else {
+/******/ 				// setup Promise in chunk cache
+/******/ 				var promise = new Promise(function(resolve, reject) {
+/******/ 					installedChunkData = installedChunks[chunkId] = [resolve, reject];
+/******/ 				});
+/******/ 				promises.push(installedChunkData[2] = promise);
+/******/
+/******/ 				// start chunk loading
+/******/ 				var script = document.createElement('script');
+/******/ 				var onScriptComplete;
+/******/
+/******/ 				script.charset = 'utf-8';
+/******/ 				script.timeout = 120;
+/******/ 				if (__webpack_require__.nc) {
+/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
+/******/ 				}
+/******/ 				script.src = jsonpScriptSrc(chunkId);
+/******/
+/******/ 				onScriptComplete = function (event) {
+/******/ 					// avoid mem leaks in IE.
+/******/ 					script.onerror = script.onload = null;
+/******/ 					clearTimeout(timeout);
+/******/ 					var chunk = installedChunks[chunkId];
+/******/ 					if(chunk !== 0) {
+/******/ 						if(chunk) {
+/******/ 							var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ 							var realSrc = event && event.target && event.target.src;
+/******/ 							var error = new Error('Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')');
+/******/ 							error.type = errorType;
+/******/ 							error.request = realSrc;
+/******/ 							chunk[1](error);
+/******/ 						}
+/******/ 						installedChunks[chunkId] = undefined;
+/******/ 					}
+/******/ 				};
+/******/ 				var timeout = setTimeout(function(){
+/******/ 					onScriptComplete({ type: 'timeout', target: script });
+/******/ 				}, 120000);
+/******/ 				script.onerror = script.onload = onScriptComplete;
+/******/ 				document.head.appendChild(script);
+/******/ 			}
+/******/ 		}
+/******/ 		return Promise.all(promises);
+/******/ 	};
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/ 	// on error function for async loading
+/******/ 	__webpack_require__.oe = function(err) { console.error(err); throw err; };
+/******/
+/******/ 	var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
+/******/ 	var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
+/******/ 	jsonpArray.push = webpackJsonpCallback;
+/******/ 	jsonpArray = jsonpArray.slice();
+/******/ 	for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
+/******/ 	var parentJsonpFunction = oldJsonpFunction;
+/******/
+/******/
+/******/ 	// run deferred modules from other chunks
+/******/ 	checkDeferredModules();
+/******/ })
+/************************************************************************/
+/******/ ([]);
\ No newline at end of file
diff --git a/public/vue/js/vendor.js b/public/vue/js/vendor.js
new file mode 100644
index 00000000..b252f349
--- /dev/null
+++ b/public/vue/js/vendor.js
@@ -0,0 +1,12479 @@
+(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/vue/js/vendor"],{
+
+/***/ "./node_modules/process/browser.js":
+/*!*****************************************!*\
+  !*** ./node_modules/process/browser.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+
+/***/ }),
+
+/***/ "./node_modules/setimmediate/setImmediate.js":
+/*!***************************************************!*\
+  !*** ./node_modules/setimmediate/setImmediate.js ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global, process) {(function (global, undefined) {
+    "use strict";
+
+    if (global.setImmediate) {
+        return;
+    }
+
+    var nextHandle = 1; // Spec says greater than zero
+    var tasksByHandle = {};
+    var currentlyRunningATask = false;
+    var doc = global.document;
+    var registerImmediate;
+
+    function setImmediate(callback) {
+      // Callback can either be a function or a string
+      if (typeof callback !== "function") {
+        callback = new Function("" + callback);
+      }
+      // Copy function arguments
+      var args = new Array(arguments.length - 1);
+      for (var i = 0; i < args.length; i++) {
+          args[i] = arguments[i + 1];
+      }
+      // Store and register the task
+      var task = { callback: callback, args: args };
+      tasksByHandle[nextHandle] = task;
+      registerImmediate(nextHandle);
+      return nextHandle++;
+    }
+
+    function clearImmediate(handle) {
+        delete tasksByHandle[handle];
+    }
+
+    function run(task) {
+        var callback = task.callback;
+        var args = task.args;
+        switch (args.length) {
+        case 0:
+            callback();
+            break;
+        case 1:
+            callback(args[0]);
+            break;
+        case 2:
+            callback(args[0], args[1]);
+            break;
+        case 3:
+            callback(args[0], args[1], args[2]);
+            break;
+        default:
+            callback.apply(undefined, args);
+            break;
+        }
+    }
+
+    function runIfPresent(handle) {
+        // From the spec: "Wait until any invocations of this algorithm started before this one have completed."
+        // So if we're currently running a task, we'll need to delay this invocation.
+        if (currentlyRunningATask) {
+            // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a
+            // "too much recursion" error.
+            setTimeout(runIfPresent, 0, handle);
+        } else {
+            var task = tasksByHandle[handle];
+            if (task) {
+                currentlyRunningATask = true;
+                try {
+                    run(task);
+                } finally {
+                    clearImmediate(handle);
+                    currentlyRunningATask = false;
+                }
+            }
+        }
+    }
+
+    function installNextTickImplementation() {
+        registerImmediate = function(handle) {
+            process.nextTick(function () { runIfPresent(handle); });
+        };
+    }
+
+    function canUsePostMessage() {
+        // The test against `importScripts` prevents this implementation from being installed inside a web worker,
+        // where `global.postMessage` means something completely different and can't be used for this purpose.
+        if (global.postMessage && !global.importScripts) {
+            var postMessageIsAsynchronous = true;
+            var oldOnMessage = global.onmessage;
+            global.onmessage = function() {
+                postMessageIsAsynchronous = false;
+            };
+            global.postMessage("", "*");
+            global.onmessage = oldOnMessage;
+            return postMessageIsAsynchronous;
+        }
+    }
+
+    function installPostMessageImplementation() {
+        // Installs an event handler on `global` for the `message` event: see
+        // * https://developer.mozilla.org/en/DOM/window.postMessage
+        // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages
+
+        var messagePrefix = "setImmediate$" + Math.random() + "$";
+        var onGlobalMessage = function(event) {
+            if (event.source === global &&
+                typeof event.data === "string" &&
+                event.data.indexOf(messagePrefix) === 0) {
+                runIfPresent(+event.data.slice(messagePrefix.length));
+            }
+        };
+
+        if (global.addEventListener) {
+            global.addEventListener("message", onGlobalMessage, false);
+        } else {
+            global.attachEvent("onmessage", onGlobalMessage);
+        }
+
+        registerImmediate = function(handle) {
+            global.postMessage(messagePrefix + handle, "*");
+        };
+    }
+
+    function installMessageChannelImplementation() {
+        var channel = new MessageChannel();
+        channel.port1.onmessage = function(event) {
+            var handle = event.data;
+            runIfPresent(handle);
+        };
+
+        registerImmediate = function(handle) {
+            channel.port2.postMessage(handle);
+        };
+    }
+
+    function installReadyStateChangeImplementation() {
+        var html = doc.documentElement;
+        registerImmediate = function(handle) {
+            // Create a <script> element; its readystatechange event will be fired asynchronously once it is inserted
+            // into the document. Do so, thus queuing up the task. Remember to clean up once it's been called.
+            var script = doc.createElement("script");
+            script.onreadystatechange = function () {
+                runIfPresent(handle);
+                script.onreadystatechange = null;
+                html.removeChild(script);
+                script = null;
+            };
+            html.appendChild(script);
+        };
+    }
+
+    function installSetTimeoutImplementation() {
+        registerImmediate = function(handle) {
+            setTimeout(runIfPresent, 0, handle);
+        };
+    }
+
+    // If supported, we should attach to the prototype of global, since that is where setTimeout et al. live.
+    var attachTo = Object.getPrototypeOf && Object.getPrototypeOf(global);
+    attachTo = attachTo && attachTo.setTimeout ? attachTo : global;
+
+    // Don't get fooled by e.g. browserify environments.
+    if ({}.toString.call(global.process) === "[object process]") {
+        // For Node.js before 0.9
+        installNextTickImplementation();
+
+    } else if (canUsePostMessage()) {
+        // For non-IE10 modern browsers
+        installPostMessageImplementation();
+
+    } else if (global.MessageChannel) {
+        // For web workers, where supported
+        installMessageChannelImplementation();
+
+    } else if (doc && "onreadystatechange" in doc.createElement("script")) {
+        // For IE 6–8
+        installReadyStateChangeImplementation();
+
+    } else {
+        // For older browsers
+        installSetTimeoutImplementation();
+    }
+
+    attachTo.setImmediate = setImmediate;
+    attachTo.clearImmediate = clearImmediate;
+}(typeof self === "undefined" ? typeof global === "undefined" ? this : global : self));
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js"), __webpack_require__(/*! ./../process/browser.js */ "./node_modules/process/browser.js")))
+
+/***/ }),
+
+/***/ "./node_modules/timers-browserify/main.js":
+/*!************************************************!*\
+  !*** ./node_modules/timers-browserify/main.js ***!
+  \************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {var scope = (typeof global !== "undefined" && global) ||
+            (typeof self !== "undefined" && self) ||
+            window;
+var apply = Function.prototype.apply;
+
+// DOM APIs, for completeness
+
+exports.setTimeout = function() {
+  return new Timeout(apply.call(setTimeout, scope, arguments), clearTimeout);
+};
+exports.setInterval = function() {
+  return new Timeout(apply.call(setInterval, scope, arguments), clearInterval);
+};
+exports.clearTimeout =
+exports.clearInterval = function(timeout) {
+  if (timeout) {
+    timeout.close();
+  }
+};
+
+function Timeout(id, clearFn) {
+  this._id = id;
+  this._clearFn = clearFn;
+}
+Timeout.prototype.unref = Timeout.prototype.ref = function() {};
+Timeout.prototype.close = function() {
+  this._clearFn.call(scope, this._id);
+};
+
+// Does not start the time, just sets up the members needed.
+exports.enroll = function(item, msecs) {
+  clearTimeout(item._idleTimeoutId);
+  item._idleTimeout = msecs;
+};
+
+exports.unenroll = function(item) {
+  clearTimeout(item._idleTimeoutId);
+  item._idleTimeout = -1;
+};
+
+exports._unrefActive = exports.active = function(item) {
+  clearTimeout(item._idleTimeoutId);
+
+  var msecs = item._idleTimeout;
+  if (msecs >= 0) {
+    item._idleTimeoutId = setTimeout(function onTimeout() {
+      if (item._onTimeout)
+        item._onTimeout();
+    }, msecs);
+  }
+};
+
+// setimmediate attaches itself to the global object
+__webpack_require__(/*! setimmediate */ "./node_modules/setimmediate/setImmediate.js");
+// On some exotic environments, it's not clear which object `setimmediate` was
+// able to install onto.  Search each possibility in the same order as the
+// `setimmediate` library.
+exports.setImmediate = (typeof self !== "undefined" && self.setImmediate) ||
+                       (typeof global !== "undefined" && global.setImmediate) ||
+                       (this && this.setImmediate);
+exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
+                         (typeof global !== "undefined" && global.clearImmediate) ||
+                         (this && this.clearImmediate);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js")))
+
+/***/ }),
+
+/***/ "./node_modules/vue/dist/vue.common.dev.js":
+/*!*************************************************!*\
+  !*** ./node_modules/vue/dist/vue.common.dev.js ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global, setImmediate) {/*!
+ * Vue.js v2.6.10
+ * (c) 2014-2019 Evan You
+ * Released under the MIT License.
+ */
+
+
+/*  */
+
+var emptyObject = Object.freeze({});
+
+// These helpers produce better VM code in JS engines due to their
+// explicitness and function inlining.
+function isUndef (v) {
+  return v === undefined || v === null
+}
+
+function isDef (v) {
+  return v !== undefined && v !== null
+}
+
+function isTrue (v) {
+  return v === true
+}
+
+function isFalse (v) {
+  return v === false
+}
+
+/**
+ * Check if value is primitive.
+ */
+function isPrimitive (value) {
+  return (
+    typeof value === 'string' ||
+    typeof value === 'number' ||
+    // $flow-disable-line
+    typeof value === 'symbol' ||
+    typeof value === 'boolean'
+  )
+}
+
+/**
+ * Quick object check - this is primarily used to tell
+ * Objects from primitive values when we know the value
+ * is a JSON-compliant type.
+ */
+function isObject (obj) {
+  return obj !== null && typeof obj === 'object'
+}
+
+/**
+ * Get the raw type string of a value, e.g., [object Object].
+ */
+var _toString = Object.prototype.toString;
+
+function toRawType (value) {
+  return _toString.call(value).slice(8, -1)
+}
+
+/**
+ * Strict object type check. Only returns true
+ * for plain JavaScript objects.
+ */
+function isPlainObject (obj) {
+  return _toString.call(obj) === '[object Object]'
+}
+
+function isRegExp (v) {
+  return _toString.call(v) === '[object RegExp]'
+}
+
+/**
+ * Check if val is a valid array index.
+ */
+function isValidArrayIndex (val) {
+  var n = parseFloat(String(val));
+  return n >= 0 && Math.floor(n) === n && isFinite(val)
+}
+
+function isPromise (val) {
+  return (
+    isDef(val) &&
+    typeof val.then === 'function' &&
+    typeof val.catch === 'function'
+  )
+}
+
+/**
+ * Convert a value to a string that is actually rendered.
+ */
+function toString (val) {
+  return val == null
+    ? ''
+    : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString)
+      ? JSON.stringify(val, null, 2)
+      : String(val)
+}
+
+/**
+ * Convert an input value to a number for persistence.
+ * If the conversion fails, return original string.
+ */
+function toNumber (val) {
+  var n = parseFloat(val);
+  return isNaN(n) ? val : n
+}
+
+/**
+ * Make a map and return a function for checking if a key
+ * is in that map.
+ */
+function makeMap (
+  str,
+  expectsLowerCase
+) {
+  var map = Object.create(null);
+  var list = str.split(',');
+  for (var i = 0; i < list.length; i++) {
+    map[list[i]] = true;
+  }
+  return expectsLowerCase
+    ? function (val) { return map[val.toLowerCase()]; }
+    : function (val) { return map[val]; }
+}
+
+/**
+ * Check if a tag is a built-in tag.
+ */
+var isBuiltInTag = makeMap('slot,component', true);
+
+/**
+ * Check if an attribute is a reserved attribute.
+ */
+var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is');
+
+/**
+ * Remove an item from an array.
+ */
+function remove (arr, item) {
+  if (arr.length) {
+    var index = arr.indexOf(item);
+    if (index > -1) {
+      return arr.splice(index, 1)
+    }
+  }
+}
+
+/**
+ * Check whether an object has the property.
+ */
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function hasOwn (obj, key) {
+  return hasOwnProperty.call(obj, key)
+}
+
+/**
+ * Create a cached version of a pure function.
+ */
+function cached (fn) {
+  var cache = Object.create(null);
+  return (function cachedFn (str) {
+    var hit = cache[str];
+    return hit || (cache[str] = fn(str))
+  })
+}
+
+/**
+ * Camelize a hyphen-delimited string.
+ */
+var camelizeRE = /-(\w)/g;
+var camelize = cached(function (str) {
+  return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })
+});
+
+/**
+ * Capitalize a string.
+ */
+var capitalize = cached(function (str) {
+  return str.charAt(0).toUpperCase() + str.slice(1)
+});
+
+/**
+ * Hyphenate a camelCase string.
+ */
+var hyphenateRE = /\B([A-Z])/g;
+var hyphenate = cached(function (str) {
+  return str.replace(hyphenateRE, '-$1').toLowerCase()
+});
+
+/**
+ * Simple bind polyfill for environments that do not support it,
+ * e.g., PhantomJS 1.x. Technically, we don't need this anymore
+ * since native bind is now performant enough in most browsers.
+ * But removing it would mean breaking code that was able to run in
+ * PhantomJS 1.x, so this must be kept for backward compatibility.
+ */
+
+/* istanbul ignore next */
+function polyfillBind (fn, ctx) {
+  function boundFn (a) {
+    var l = arguments.length;
+    return l
+      ? l > 1
+        ? fn.apply(ctx, arguments)
+        : fn.call(ctx, a)
+      : fn.call(ctx)
+  }
+
+  boundFn._length = fn.length;
+  return boundFn
+}
+
+function nativeBind (fn, ctx) {
+  return fn.bind(ctx)
+}
+
+var bind = Function.prototype.bind
+  ? nativeBind
+  : polyfillBind;
+
+/**
+ * Convert an Array-like object to a real Array.
+ */
+function toArray (list, start) {
+  start = start || 0;
+  var i = list.length - start;
+  var ret = new Array(i);
+  while (i--) {
+    ret[i] = list[i + start];
+  }
+  return ret
+}
+
+/**
+ * Mix properties into target object.
+ */
+function extend (to, _from) {
+  for (var key in _from) {
+    to[key] = _from[key];
+  }
+  return to
+}
+
+/**
+ * Merge an Array of Objects into a single Object.
+ */
+function toObject (arr) {
+  var res = {};
+  for (var i = 0; i < arr.length; i++) {
+    if (arr[i]) {
+      extend(res, arr[i]);
+    }
+  }
+  return res
+}
+
+/* eslint-disable no-unused-vars */
+
+/**
+ * Perform no operation.
+ * Stubbing args to make Flow happy without leaving useless transpiled code
+ * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/).
+ */
+function noop (a, b, c) {}
+
+/**
+ * Always return false.
+ */
+var no = function (a, b, c) { return false; };
+
+/* eslint-enable no-unused-vars */
+
+/**
+ * Return the same value.
+ */
+var identity = function (_) { return _; };
+
+/**
+ * Generate a string containing static keys from compiler modules.
+ */
+function genStaticKeys (modules) {
+  return modules.reduce(function (keys, m) {
+    return keys.concat(m.staticKeys || [])
+  }, []).join(',')
+}
+
+/**
+ * Check if two values are loosely equal - that is,
+ * if they are plain objects, do they have the same shape?
+ */
+function looseEqual (a, b) {
+  if (a === b) { return true }
+  var isObjectA = isObject(a);
+  var isObjectB = isObject(b);
+  if (isObjectA && isObjectB) {
+    try {
+      var isArrayA = Array.isArray(a);
+      var isArrayB = Array.isArray(b);
+      if (isArrayA && isArrayB) {
+        return a.length === b.length && a.every(function (e, i) {
+          return looseEqual(e, b[i])
+        })
+      } else if (a instanceof Date && b instanceof Date) {
+        return a.getTime() === b.getTime()
+      } else if (!isArrayA && !isArrayB) {
+        var keysA = Object.keys(a);
+        var keysB = Object.keys(b);
+        return keysA.length === keysB.length && keysA.every(function (key) {
+          return looseEqual(a[key], b[key])
+        })
+      } else {
+        /* istanbul ignore next */
+        return false
+      }
+    } catch (e) {
+      /* istanbul ignore next */
+      return false
+    }
+  } else if (!isObjectA && !isObjectB) {
+    return String(a) === String(b)
+  } else {
+    return false
+  }
+}
+
+/**
+ * Return the first index at which a loosely equal value can be
+ * found in the array (if value is a plain object, the array must
+ * contain an object of the same shape), or -1 if it is not present.
+ */
+function looseIndexOf (arr, val) {
+  for (var i = 0; i < arr.length; i++) {
+    if (looseEqual(arr[i], val)) { return i }
+  }
+  return -1
+}
+
+/**
+ * Ensure a function is called only once.
+ */
+function once (fn) {
+  var called = false;
+  return function () {
+    if (!called) {
+      called = true;
+      fn.apply(this, arguments);
+    }
+  }
+}
+
+var SSR_ATTR = 'data-server-rendered';
+
+var ASSET_TYPES = [
+  'component',
+  'directive',
+  'filter'
+];
+
+var LIFECYCLE_HOOKS = [
+  'beforeCreate',
+  'created',
+  'beforeMount',
+  'mounted',
+  'beforeUpdate',
+  'updated',
+  'beforeDestroy',
+  'destroyed',
+  'activated',
+  'deactivated',
+  'errorCaptured',
+  'serverPrefetch'
+];
+
+/*  */
+
+
+
+var config = ({
+  /**
+   * Option merge strategies (used in core/util/options)
+   */
+  // $flow-disable-line
+  optionMergeStrategies: Object.create(null),
+
+  /**
+   * Whether to suppress warnings.
+   */
+  silent: false,
+
+  /**
+   * Show production mode tip message on boot?
+   */
+  productionTip: "development" !== 'production',
+
+  /**
+   * Whether to enable devtools
+   */
+  devtools: "development" !== 'production',
+
+  /**
+   * Whether to record perf
+   */
+  performance: false,
+
+  /**
+   * Error handler for watcher errors
+   */
+  errorHandler: null,
+
+  /**
+   * Warn handler for watcher warns
+   */
+  warnHandler: null,
+
+  /**
+   * Ignore certain custom elements
+   */
+  ignoredElements: [],
+
+  /**
+   * Custom user key aliases for v-on
+   */
+  // $flow-disable-line
+  keyCodes: Object.create(null),
+
+  /**
+   * Check if a tag is reserved so that it cannot be registered as a
+   * component. This is platform-dependent and may be overwritten.
+   */
+  isReservedTag: no,
+
+  /**
+   * Check if an attribute is reserved so that it cannot be used as a component
+   * prop. This is platform-dependent and may be overwritten.
+   */
+  isReservedAttr: no,
+
+  /**
+   * Check if a tag is an unknown element.
+   * Platform-dependent.
+   */
+  isUnknownElement: no,
+
+  /**
+   * Get the namespace of an element
+   */
+  getTagNamespace: noop,
+
+  /**
+   * Parse the real tag name for the specific platform.
+   */
+  parsePlatformTagName: identity,
+
+  /**
+   * Check if an attribute must be bound using property, e.g. value
+   * Platform-dependent.
+   */
+  mustUseProp: no,
+
+  /**
+   * Perform updates asynchronously. Intended to be used by Vue Test Utils
+   * This will significantly reduce performance if set to false.
+   */
+  async: true,
+
+  /**
+   * Exposed for legacy reasons
+   */
+  _lifecycleHooks: LIFECYCLE_HOOKS
+});
+
+/*  */
+
+/**
+ * unicode letters used for parsing html tags, component names and property paths.
+ * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname
+ * skipping \u10000-\uEFFFF due to it freezing up PhantomJS
+ */
+var unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;
+
+/**
+ * Check if a string starts with $ or _
+ */
+function isReserved (str) {
+  var c = (str + '').charCodeAt(0);
+  return c === 0x24 || c === 0x5F
+}
+
+/**
+ * Define a property.
+ */
+function def (obj, key, val, enumerable) {
+  Object.defineProperty(obj, key, {
+    value: val,
+    enumerable: !!enumerable,
+    writable: true,
+    configurable: true
+  });
+}
+
+/**
+ * Parse simple path.
+ */
+var bailRE = new RegExp(("[^" + (unicodeRegExp.source) + ".$_\\d]"));
+function parsePath (path) {
+  if (bailRE.test(path)) {
+    return
+  }
+  var segments = path.split('.');
+  return function (obj) {
+    for (var i = 0; i < segments.length; i++) {
+      if (!obj) { return }
+      obj = obj[segments[i]];
+    }
+    return obj
+  }
+}
+
+/*  */
+
+// can we use __proto__?
+var hasProto = '__proto__' in {};
+
+// Browser environment sniffing
+var inBrowser = typeof window !== 'undefined';
+var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform;
+var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase();
+var UA = inBrowser && window.navigator.userAgent.toLowerCase();
+var isIE = UA && /msie|trident/.test(UA);
+var isIE9 = UA && UA.indexOf('msie 9.0') > 0;
+var isEdge = UA && UA.indexOf('edge/') > 0;
+var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android');
+var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios');
+var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge;
+var isPhantomJS = UA && /phantomjs/.test(UA);
+var isFF = UA && UA.match(/firefox\/(\d+)/);
+
+// Firefox has a "watch" function on Object.prototype...
+var nativeWatch = ({}).watch;
+
+var supportsPassive = false;
+if (inBrowser) {
+  try {
+    var opts = {};
+    Object.defineProperty(opts, 'passive', ({
+      get: function get () {
+        /* istanbul ignore next */
+        supportsPassive = true;
+      }
+    })); // https://github.com/facebook/flow/issues/285
+    window.addEventListener('test-passive', null, opts);
+  } catch (e) {}
+}
+
+// this needs to be lazy-evaled because vue may be required before
+// vue-server-renderer can set VUE_ENV
+var _isServer;
+var isServerRendering = function () {
+  if (_isServer === undefined) {
+    /* istanbul ignore if */
+    if (!inBrowser && !inWeex && typeof global !== 'undefined') {
+      // detect presence of vue-server-renderer and avoid
+      // Webpack shimming the process
+      _isServer = global['process'] && global['process'].env.VUE_ENV === 'server';
+    } else {
+      _isServer = false;
+    }
+  }
+  return _isServer
+};
+
+// detect devtools
+var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+
+/* istanbul ignore next */
+function isNative (Ctor) {
+  return typeof Ctor === 'function' && /native code/.test(Ctor.toString())
+}
+
+var hasSymbol =
+  typeof Symbol !== 'undefined' && isNative(Symbol) &&
+  typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys);
+
+var _Set;
+/* istanbul ignore if */ // $flow-disable-line
+if (typeof Set !== 'undefined' && isNative(Set)) {
+  // use native Set when available.
+  _Set = Set;
+} else {
+  // a non-standard Set polyfill that only works with primitive keys.
+  _Set = /*@__PURE__*/(function () {
+    function Set () {
+      this.set = Object.create(null);
+    }
+    Set.prototype.has = function has (key) {
+      return this.set[key] === true
+    };
+    Set.prototype.add = function add (key) {
+      this.set[key] = true;
+    };
+    Set.prototype.clear = function clear () {
+      this.set = Object.create(null);
+    };
+
+    return Set;
+  }());
+}
+
+/*  */
+
+var warn = noop;
+var tip = noop;
+var generateComponentTrace = (noop); // work around flow check
+var formatComponentName = (noop);
+
+{
+  var hasConsole = typeof console !== 'undefined';
+  var classifyRE = /(?:^|[-_])(\w)/g;
+  var classify = function (str) { return str
+    .replace(classifyRE, function (c) { return c.toUpperCase(); })
+    .replace(/[-_]/g, ''); };
+
+  warn = function (msg, vm) {
+    var trace = vm ? generateComponentTrace(vm) : '';
+
+    if (config.warnHandler) {
+      config.warnHandler.call(null, msg, vm, trace);
+    } else if (hasConsole && (!config.silent)) {
+      console.error(("[Vue warn]: " + msg + trace));
+    }
+  };
+
+  tip = function (msg, vm) {
+    if (hasConsole && (!config.silent)) {
+      console.warn("[Vue tip]: " + msg + (
+        vm ? generateComponentTrace(vm) : ''
+      ));
+    }
+  };
+
+  formatComponentName = function (vm, includeFile) {
+    if (vm.$root === vm) {
+      return '<Root>'
+    }
+    var options = typeof vm === 'function' && vm.cid != null
+      ? vm.options
+      : vm._isVue
+        ? vm.$options || vm.constructor.options
+        : vm;
+    var name = options.name || options._componentTag;
+    var file = options.__file;
+    if (!name && file) {
+      var match = file.match(/([^/\\]+)\.vue$/);
+      name = match && match[1];
+    }
+
+    return (
+      (name ? ("<" + (classify(name)) + ">") : "<Anonymous>") +
+      (file && includeFile !== false ? (" at " + file) : '')
+    )
+  };
+
+  var repeat = function (str, n) {
+    var res = '';
+    while (n) {
+      if (n % 2 === 1) { res += str; }
+      if (n > 1) { str += str; }
+      n >>= 1;
+    }
+    return res
+  };
+
+  generateComponentTrace = function (vm) {
+    if (vm._isVue && vm.$parent) {
+      var tree = [];
+      var currentRecursiveSequence = 0;
+      while (vm) {
+        if (tree.length > 0) {
+          var last = tree[tree.length - 1];
+          if (last.constructor === vm.constructor) {
+            currentRecursiveSequence++;
+            vm = vm.$parent;
+            continue
+          } else if (currentRecursiveSequence > 0) {
+            tree[tree.length - 1] = [last, currentRecursiveSequence];
+            currentRecursiveSequence = 0;
+          }
+        }
+        tree.push(vm);
+        vm = vm.$parent;
+      }
+      return '\n\nfound in\n\n' + tree
+        .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm)
+            ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)")
+            : formatComponentName(vm))); })
+        .join('\n')
+    } else {
+      return ("\n\n(found in " + (formatComponentName(vm)) + ")")
+    }
+  };
+}
+
+/*  */
+
+var uid = 0;
+
+/**
+ * A dep is an observable that can have multiple
+ * directives subscribing to it.
+ */
+var Dep = function Dep () {
+  this.id = uid++;
+  this.subs = [];
+};
+
+Dep.prototype.addSub = function addSub (sub) {
+  this.subs.push(sub);
+};
+
+Dep.prototype.removeSub = function removeSub (sub) {
+  remove(this.subs, sub);
+};
+
+Dep.prototype.depend = function depend () {
+  if (Dep.target) {
+    Dep.target.addDep(this);
+  }
+};
+
+Dep.prototype.notify = function notify () {
+  // stabilize the subscriber list first
+  var subs = this.subs.slice();
+  if (!config.async) {
+    // subs aren't sorted in scheduler if not running async
+    // we need to sort them now to make sure they fire in correct
+    // order
+    subs.sort(function (a, b) { return a.id - b.id; });
+  }
+  for (var i = 0, l = subs.length; i < l; i++) {
+    subs[i].update();
+  }
+};
+
+// The current target watcher being evaluated.
+// This is globally unique because only one watcher
+// can be evaluated at a time.
+Dep.target = null;
+var targetStack = [];
+
+function pushTarget (target) {
+  targetStack.push(target);
+  Dep.target = target;
+}
+
+function popTarget () {
+  targetStack.pop();
+  Dep.target = targetStack[targetStack.length - 1];
+}
+
+/*  */
+
+var VNode = function VNode (
+  tag,
+  data,
+  children,
+  text,
+  elm,
+  context,
+  componentOptions,
+  asyncFactory
+) {
+  this.tag = tag;
+  this.data = data;
+  this.children = children;
+  this.text = text;
+  this.elm = elm;
+  this.ns = undefined;
+  this.context = context;
+  this.fnContext = undefined;
+  this.fnOptions = undefined;
+  this.fnScopeId = undefined;
+  this.key = data && data.key;
+  this.componentOptions = componentOptions;
+  this.componentInstance = undefined;
+  this.parent = undefined;
+  this.raw = false;
+  this.isStatic = false;
+  this.isRootInsert = true;
+  this.isComment = false;
+  this.isCloned = false;
+  this.isOnce = false;
+  this.asyncFactory = asyncFactory;
+  this.asyncMeta = undefined;
+  this.isAsyncPlaceholder = false;
+};
+
+var prototypeAccessors = { child: { configurable: true } };
+
+// DEPRECATED: alias for componentInstance for backwards compat.
+/* istanbul ignore next */
+prototypeAccessors.child.get = function () {
+  return this.componentInstance
+};
+
+Object.defineProperties( VNode.prototype, prototypeAccessors );
+
+var createEmptyVNode = function (text) {
+  if ( text === void 0 ) text = '';
+
+  var node = new VNode();
+  node.text = text;
+  node.isComment = true;
+  return node
+};
+
+function createTextVNode (val) {
+  return new VNode(undefined, undefined, undefined, String(val))
+}
+
+// optimized shallow clone
+// used for static nodes and slot nodes because they may be reused across
+// multiple renders, cloning them avoids errors when DOM manipulations rely
+// on their elm reference.
+function cloneVNode (vnode) {
+  var cloned = new VNode(
+    vnode.tag,
+    vnode.data,
+    // #7975
+    // clone children array to avoid mutating original in case of cloning
+    // a child.
+    vnode.children && vnode.children.slice(),
+    vnode.text,
+    vnode.elm,
+    vnode.context,
+    vnode.componentOptions,
+    vnode.asyncFactory
+  );
+  cloned.ns = vnode.ns;
+  cloned.isStatic = vnode.isStatic;
+  cloned.key = vnode.key;
+  cloned.isComment = vnode.isComment;
+  cloned.fnContext = vnode.fnContext;
+  cloned.fnOptions = vnode.fnOptions;
+  cloned.fnScopeId = vnode.fnScopeId;
+  cloned.asyncMeta = vnode.asyncMeta;
+  cloned.isCloned = true;
+  return cloned
+}
+
+/*
+ * not type checking this file because flow doesn't play well with
+ * dynamically accessing methods on Array prototype
+ */
+
+var arrayProto = Array.prototype;
+var arrayMethods = Object.create(arrayProto);
+
+var methodsToPatch = [
+  'push',
+  'pop',
+  'shift',
+  'unshift',
+  'splice',
+  'sort',
+  'reverse'
+];
+
+/**
+ * Intercept mutating methods and emit events
+ */
+methodsToPatch.forEach(function (method) {
+  // cache original method
+  var original = arrayProto[method];
+  def(arrayMethods, method, function mutator () {
+    var args = [], len = arguments.length;
+    while ( len-- ) args[ len ] = arguments[ len ];
+
+    var result = original.apply(this, args);
+    var ob = this.__ob__;
+    var inserted;
+    switch (method) {
+      case 'push':
+      case 'unshift':
+        inserted = args;
+        break
+      case 'splice':
+        inserted = args.slice(2);
+        break
+    }
+    if (inserted) { ob.observeArray(inserted); }
+    // notify change
+    ob.dep.notify();
+    return result
+  });
+});
+
+/*  */
+
+var arrayKeys = Object.getOwnPropertyNames(arrayMethods);
+
+/**
+ * In some cases we may want to disable observation inside a component's
+ * update computation.
+ */
+var shouldObserve = true;
+
+function toggleObserving (value) {
+  shouldObserve = value;
+}
+
+/**
+ * Observer class that is attached to each observed
+ * object. Once attached, the observer converts the target
+ * object's property keys into getter/setters that
+ * collect dependencies and dispatch updates.
+ */
+var Observer = function Observer (value) {
+  this.value = value;
+  this.dep = new Dep();
+  this.vmCount = 0;
+  def(value, '__ob__', this);
+  if (Array.isArray(value)) {
+    if (hasProto) {
+      protoAugment(value, arrayMethods);
+    } else {
+      copyAugment(value, arrayMethods, arrayKeys);
+    }
+    this.observeArray(value);
+  } else {
+    this.walk(value);
+  }
+};
+
+/**
+ * Walk through all properties and convert them into
+ * getter/setters. This method should only be called when
+ * value type is Object.
+ */
+Observer.prototype.walk = function walk (obj) {
+  var keys = Object.keys(obj);
+  for (var i = 0; i < keys.length; i++) {
+    defineReactive$$1(obj, keys[i]);
+  }
+};
+
+/**
+ * Observe a list of Array items.
+ */
+Observer.prototype.observeArray = function observeArray (items) {
+  for (var i = 0, l = items.length; i < l; i++) {
+    observe(items[i]);
+  }
+};
+
+// helpers
+
+/**
+ * Augment a target Object or Array by intercepting
+ * the prototype chain using __proto__
+ */
+function protoAugment (target, src) {
+  /* eslint-disable no-proto */
+  target.__proto__ = src;
+  /* eslint-enable no-proto */
+}
+
+/**
+ * Augment a target Object or Array by defining
+ * hidden properties.
+ */
+/* istanbul ignore next */
+function copyAugment (target, src, keys) {
+  for (var i = 0, l = keys.length; i < l; i++) {
+    var key = keys[i];
+    def(target, key, src[key]);
+  }
+}
+
+/**
+ * Attempt to create an observer instance for a value,
+ * returns the new observer if successfully observed,
+ * or the existing observer if the value already has one.
+ */
+function observe (value, asRootData) {
+  if (!isObject(value) || value instanceof VNode) {
+    return
+  }
+  var ob;
+  if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
+    ob = value.__ob__;
+  } else if (
+    shouldObserve &&
+    !isServerRendering() &&
+    (Array.isArray(value) || isPlainObject(value)) &&
+    Object.isExtensible(value) &&
+    !value._isVue
+  ) {
+    ob = new Observer(value);
+  }
+  if (asRootData && ob) {
+    ob.vmCount++;
+  }
+  return ob
+}
+
+/**
+ * Define a reactive property on an Object.
+ */
+function defineReactive$$1 (
+  obj,
+  key,
+  val,
+  customSetter,
+  shallow
+) {
+  var dep = new Dep();
+
+  var property = Object.getOwnPropertyDescriptor(obj, key);
+  if (property && property.configurable === false) {
+    return
+  }
+
+  // cater for pre-defined getter/setters
+  var getter = property && property.get;
+  var setter = property && property.set;
+  if ((!getter || setter) && arguments.length === 2) {
+    val = obj[key];
+  }
+
+  var childOb = !shallow && observe(val);
+  Object.defineProperty(obj, key, {
+    enumerable: true,
+    configurable: true,
+    get: function reactiveGetter () {
+      var value = getter ? getter.call(obj) : val;
+      if (Dep.target) {
+        dep.depend();
+        if (childOb) {
+          childOb.dep.depend();
+          if (Array.isArray(value)) {
+            dependArray(value);
+          }
+        }
+      }
+      return value
+    },
+    set: function reactiveSetter (newVal) {
+      var value = getter ? getter.call(obj) : val;
+      /* eslint-disable no-self-compare */
+      if (newVal === value || (newVal !== newVal && value !== value)) {
+        return
+      }
+      /* eslint-enable no-self-compare */
+      if (customSetter) {
+        customSetter();
+      }
+      // #7981: for accessor properties without setter
+      if (getter && !setter) { return }
+      if (setter) {
+        setter.call(obj, newVal);
+      } else {
+        val = newVal;
+      }
+      childOb = !shallow && observe(newVal);
+      dep.notify();
+    }
+  });
+}
+
+/**
+ * Set a property on an object. Adds the new property and
+ * triggers change notification if the property doesn't
+ * already exist.
+ */
+function set (target, key, val) {
+  if (isUndef(target) || isPrimitive(target)
+  ) {
+    warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target))));
+  }
+  if (Array.isArray(target) && isValidArrayIndex(key)) {
+    target.length = Math.max(target.length, key);
+    target.splice(key, 1, val);
+    return val
+  }
+  if (key in target && !(key in Object.prototype)) {
+    target[key] = val;
+    return val
+  }
+  var ob = (target).__ob__;
+  if (target._isVue || (ob && ob.vmCount)) {
+    warn(
+      'Avoid adding reactive properties to a Vue instance or its root $data ' +
+      'at runtime - declare it upfront in the data option.'
+    );
+    return val
+  }
+  if (!ob) {
+    target[key] = val;
+    return val
+  }
+  defineReactive$$1(ob.value, key, val);
+  ob.dep.notify();
+  return val
+}
+
+/**
+ * Delete a property and trigger change if necessary.
+ */
+function del (target, key) {
+  if (isUndef(target) || isPrimitive(target)
+  ) {
+    warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target))));
+  }
+  if (Array.isArray(target) && isValidArrayIndex(key)) {
+    target.splice(key, 1);
+    return
+  }
+  var ob = (target).__ob__;
+  if (target._isVue || (ob && ob.vmCount)) {
+    warn(
+      'Avoid deleting properties on a Vue instance or its root $data ' +
+      '- just set it to null.'
+    );
+    return
+  }
+  if (!hasOwn(target, key)) {
+    return
+  }
+  delete target[key];
+  if (!ob) {
+    return
+  }
+  ob.dep.notify();
+}
+
+/**
+ * Collect dependencies on array elements when the array is touched, since
+ * we cannot intercept array element access like property getters.
+ */
+function dependArray (value) {
+  for (var e = (void 0), i = 0, l = value.length; i < l; i++) {
+    e = value[i];
+    e && e.__ob__ && e.__ob__.dep.depend();
+    if (Array.isArray(e)) {
+      dependArray(e);
+    }
+  }
+}
+
+/*  */
+
+/**
+ * Option overwriting strategies are functions that handle
+ * how to merge a parent option value and a child option
+ * value into the final value.
+ */
+var strats = config.optionMergeStrategies;
+
+/**
+ * Options with restrictions
+ */
+{
+  strats.el = strats.propsData = function (parent, child, vm, key) {
+    if (!vm) {
+      warn(
+        "option \"" + key + "\" can only be used during instance " +
+        'creation with the `new` keyword.'
+      );
+    }
+    return defaultStrat(parent, child)
+  };
+}
+
+/**
+ * Helper that recursively merges two data objects together.
+ */
+function mergeData (to, from) {
+  if (!from) { return to }
+  var key, toVal, fromVal;
+
+  var keys = hasSymbol
+    ? Reflect.ownKeys(from)
+    : Object.keys(from);
+
+  for (var i = 0; i < keys.length; i++) {
+    key = keys[i];
+    // in case the object is already observed...
+    if (key === '__ob__') { continue }
+    toVal = to[key];
+    fromVal = from[key];
+    if (!hasOwn(to, key)) {
+      set(to, key, fromVal);
+    } else if (
+      toVal !== fromVal &&
+      isPlainObject(toVal) &&
+      isPlainObject(fromVal)
+    ) {
+      mergeData(toVal, fromVal);
+    }
+  }
+  return to
+}
+
+/**
+ * Data
+ */
+function mergeDataOrFn (
+  parentVal,
+  childVal,
+  vm
+) {
+  if (!vm) {
+    // in a Vue.extend merge, both should be functions
+    if (!childVal) {
+      return parentVal
+    }
+    if (!parentVal) {
+      return childVal
+    }
+    // when parentVal & childVal are both present,
+    // we need to return a function that returns the
+    // merged result of both functions... no need to
+    // check if parentVal is a function here because
+    // it has to be a function to pass previous merges.
+    return function mergedDataFn () {
+      return mergeData(
+        typeof childVal === 'function' ? childVal.call(this, this) : childVal,
+        typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal
+      )
+    }
+  } else {
+    return function mergedInstanceDataFn () {
+      // instance merge
+      var instanceData = typeof childVal === 'function'
+        ? childVal.call(vm, vm)
+        : childVal;
+      var defaultData = typeof parentVal === 'function'
+        ? parentVal.call(vm, vm)
+        : parentVal;
+      if (instanceData) {
+        return mergeData(instanceData, defaultData)
+      } else {
+        return defaultData
+      }
+    }
+  }
+}
+
+strats.data = function (
+  parentVal,
+  childVal,
+  vm
+) {
+  if (!vm) {
+    if (childVal && typeof childVal !== 'function') {
+      warn(
+        'The "data" option should be a function ' +
+        'that returns a per-instance value in component ' +
+        'definitions.',
+        vm
+      );
+
+      return parentVal
+    }
+    return mergeDataOrFn(parentVal, childVal)
+  }
+
+  return mergeDataOrFn(parentVal, childVal, vm)
+};
+
+/**
+ * Hooks and props are merged as arrays.
+ */
+function mergeHook (
+  parentVal,
+  childVal
+) {
+  var res = childVal
+    ? parentVal
+      ? parentVal.concat(childVal)
+      : Array.isArray(childVal)
+        ? childVal
+        : [childVal]
+    : parentVal;
+  return res
+    ? dedupeHooks(res)
+    : res
+}
+
+function dedupeHooks (hooks) {
+  var res = [];
+  for (var i = 0; i < hooks.length; i++) {
+    if (res.indexOf(hooks[i]) === -1) {
+      res.push(hooks[i]);
+    }
+  }
+  return res
+}
+
+LIFECYCLE_HOOKS.forEach(function (hook) {
+  strats[hook] = mergeHook;
+});
+
+/**
+ * Assets
+ *
+ * When a vm is present (instance creation), we need to do
+ * a three-way merge between constructor options, instance
+ * options and parent options.
+ */
+function mergeAssets (
+  parentVal,
+  childVal,
+  vm,
+  key
+) {
+  var res = Object.create(parentVal || null);
+  if (childVal) {
+    assertObjectType(key, childVal, vm);
+    return extend(res, childVal)
+  } else {
+    return res
+  }
+}
+
+ASSET_TYPES.forEach(function (type) {
+  strats[type + 's'] = mergeAssets;
+});
+
+/**
+ * Watchers.
+ *
+ * Watchers hashes should not overwrite one
+ * another, so we merge them as arrays.
+ */
+strats.watch = function (
+  parentVal,
+  childVal,
+  vm,
+  key
+) {
+  // work around Firefox's Object.prototype.watch...
+  if (parentVal === nativeWatch) { parentVal = undefined; }
+  if (childVal === nativeWatch) { childVal = undefined; }
+  /* istanbul ignore if */
+  if (!childVal) { return Object.create(parentVal || null) }
+  {
+    assertObjectType(key, childVal, vm);
+  }
+  if (!parentVal) { return childVal }
+  var ret = {};
+  extend(ret, parentVal);
+  for (var key$1 in childVal) {
+    var parent = ret[key$1];
+    var child = childVal[key$1];
+    if (parent && !Array.isArray(parent)) {
+      parent = [parent];
+    }
+    ret[key$1] = parent
+      ? parent.concat(child)
+      : Array.isArray(child) ? child : [child];
+  }
+  return ret
+};
+
+/**
+ * Other object hashes.
+ */
+strats.props =
+strats.methods =
+strats.inject =
+strats.computed = function (
+  parentVal,
+  childVal,
+  vm,
+  key
+) {
+  if (childVal && "development" !== 'production') {
+    assertObjectType(key, childVal, vm);
+  }
+  if (!parentVal) { return childVal }
+  var ret = Object.create(null);
+  extend(ret, parentVal);
+  if (childVal) { extend(ret, childVal); }
+  return ret
+};
+strats.provide = mergeDataOrFn;
+
+/**
+ * Default strategy.
+ */
+var defaultStrat = function (parentVal, childVal) {
+  return childVal === undefined
+    ? parentVal
+    : childVal
+};
+
+/**
+ * Validate component names
+ */
+function checkComponents (options) {
+  for (var key in options.components) {
+    validateComponentName(key);
+  }
+}
+
+function validateComponentName (name) {
+  if (!new RegExp(("^[a-zA-Z][\\-\\.0-9_" + (unicodeRegExp.source) + "]*$")).test(name)) {
+    warn(
+      'Invalid component name: "' + name + '". Component names ' +
+      'should conform to valid custom element name in html5 specification.'
+    );
+  }
+  if (isBuiltInTag(name) || config.isReservedTag(name)) {
+    warn(
+      'Do not use built-in or reserved HTML elements as component ' +
+      'id: ' + name
+    );
+  }
+}
+
+/**
+ * Ensure all props option syntax are normalized into the
+ * Object-based format.
+ */
+function normalizeProps (options, vm) {
+  var props = options.props;
+  if (!props) { return }
+  var res = {};
+  var i, val, name;
+  if (Array.isArray(props)) {
+    i = props.length;
+    while (i--) {
+      val = props[i];
+      if (typeof val === 'string') {
+        name = camelize(val);
+        res[name] = { type: null };
+      } else {
+        warn('props must be strings when using array syntax.');
+      }
+    }
+  } else if (isPlainObject(props)) {
+    for (var key in props) {
+      val = props[key];
+      name = camelize(key);
+      res[name] = isPlainObject(val)
+        ? val
+        : { type: val };
+    }
+  } else {
+    warn(
+      "Invalid value for option \"props\": expected an Array or an Object, " +
+      "but got " + (toRawType(props)) + ".",
+      vm
+    );
+  }
+  options.props = res;
+}
+
+/**
+ * Normalize all injections into Object-based format
+ */
+function normalizeInject (options, vm) {
+  var inject = options.inject;
+  if (!inject) { return }
+  var normalized = options.inject = {};
+  if (Array.isArray(inject)) {
+    for (var i = 0; i < inject.length; i++) {
+      normalized[inject[i]] = { from: inject[i] };
+    }
+  } else if (isPlainObject(inject)) {
+    for (var key in inject) {
+      var val = inject[key];
+      normalized[key] = isPlainObject(val)
+        ? extend({ from: key }, val)
+        : { from: val };
+    }
+  } else {
+    warn(
+      "Invalid value for option \"inject\": expected an Array or an Object, " +
+      "but got " + (toRawType(inject)) + ".",
+      vm
+    );
+  }
+}
+
+/**
+ * Normalize raw function directives into object format.
+ */
+function normalizeDirectives (options) {
+  var dirs = options.directives;
+  if (dirs) {
+    for (var key in dirs) {
+      var def$$1 = dirs[key];
+      if (typeof def$$1 === 'function') {
+        dirs[key] = { bind: def$$1, update: def$$1 };
+      }
+    }
+  }
+}
+
+function assertObjectType (name, value, vm) {
+  if (!isPlainObject(value)) {
+    warn(
+      "Invalid value for option \"" + name + "\": expected an Object, " +
+      "but got " + (toRawType(value)) + ".",
+      vm
+    );
+  }
+}
+
+/**
+ * Merge two option objects into a new one.
+ * Core utility used in both instantiation and inheritance.
+ */
+function mergeOptions (
+  parent,
+  child,
+  vm
+) {
+  {
+    checkComponents(child);
+  }
+
+  if (typeof child === 'function') {
+    child = child.options;
+  }
+
+  normalizeProps(child, vm);
+  normalizeInject(child, vm);
+  normalizeDirectives(child);
+
+  // Apply extends and mixins on the child options,
+  // but only if it is a raw options object that isn't
+  // the result of another mergeOptions call.
+  // Only merged options has the _base property.
+  if (!child._base) {
+    if (child.extends) {
+      parent = mergeOptions(parent, child.extends, vm);
+    }
+    if (child.mixins) {
+      for (var i = 0, l = child.mixins.length; i < l; i++) {
+        parent = mergeOptions(parent, child.mixins[i], vm);
+      }
+    }
+  }
+
+  var options = {};
+  var key;
+  for (key in parent) {
+    mergeField(key);
+  }
+  for (key in child) {
+    if (!hasOwn(parent, key)) {
+      mergeField(key);
+    }
+  }
+  function mergeField (key) {
+    var strat = strats[key] || defaultStrat;
+    options[key] = strat(parent[key], child[key], vm, key);
+  }
+  return options
+}
+
+/**
+ * Resolve an asset.
+ * This function is used because child instances need access
+ * to assets defined in its ancestor chain.
+ */
+function resolveAsset (
+  options,
+  type,
+  id,
+  warnMissing
+) {
+  /* istanbul ignore if */
+  if (typeof id !== 'string') {
+    return
+  }
+  var assets = options[type];
+  // check local registration variations first
+  if (hasOwn(assets, id)) { return assets[id] }
+  var camelizedId = camelize(id);
+  if (hasOwn(assets, camelizedId)) { return assets[camelizedId] }
+  var PascalCaseId = capitalize(camelizedId);
+  if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] }
+  // fallback to prototype chain
+  var res = assets[id] || assets[camelizedId] || assets[PascalCaseId];
+  if (warnMissing && !res) {
+    warn(
+      'Failed to resolve ' + type.slice(0, -1) + ': ' + id,
+      options
+    );
+  }
+  return res
+}
+
+/*  */
+
+
+
+function validateProp (
+  key,
+  propOptions,
+  propsData,
+  vm
+) {
+  var prop = propOptions[key];
+  var absent = !hasOwn(propsData, key);
+  var value = propsData[key];
+  // boolean casting
+  var booleanIndex = getTypeIndex(Boolean, prop.type);
+  if (booleanIndex > -1) {
+    if (absent && !hasOwn(prop, 'default')) {
+      value = false;
+    } else if (value === '' || value === hyphenate(key)) {
+      // only cast empty string / same name to boolean if
+      // boolean has higher priority
+      var stringIndex = getTypeIndex(String, prop.type);
+      if (stringIndex < 0 || booleanIndex < stringIndex) {
+        value = true;
+      }
+    }
+  }
+  // check default value
+  if (value === undefined) {
+    value = getPropDefaultValue(vm, prop, key);
+    // since the default value is a fresh copy,
+    // make sure to observe it.
+    var prevShouldObserve = shouldObserve;
+    toggleObserving(true);
+    observe(value);
+    toggleObserving(prevShouldObserve);
+  }
+  {
+    assertProp(prop, key, value, vm, absent);
+  }
+  return value
+}
+
+/**
+ * Get the default value of a prop.
+ */
+function getPropDefaultValue (vm, prop, key) {
+  // no default, return undefined
+  if (!hasOwn(prop, 'default')) {
+    return undefined
+  }
+  var def = prop.default;
+  // warn against non-factory defaults for Object & Array
+  if (isObject(def)) {
+    warn(
+      'Invalid default value for prop "' + key + '": ' +
+      'Props with type Object/Array must use a factory function ' +
+      'to return the default value.',
+      vm
+    );
+  }
+  // the raw prop value was also undefined from previous render,
+  // return previous default value to avoid unnecessary watcher trigger
+  if (vm && vm.$options.propsData &&
+    vm.$options.propsData[key] === undefined &&
+    vm._props[key] !== undefined
+  ) {
+    return vm._props[key]
+  }
+  // call factory function for non-Function types
+  // a value is Function if its prototype is function even across different execution context
+  return typeof def === 'function' && getType(prop.type) !== 'Function'
+    ? def.call(vm)
+    : def
+}
+
+/**
+ * Assert whether a prop is valid.
+ */
+function assertProp (
+  prop,
+  name,
+  value,
+  vm,
+  absent
+) {
+  if (prop.required && absent) {
+    warn(
+      'Missing required prop: "' + name + '"',
+      vm
+    );
+    return
+  }
+  if (value == null && !prop.required) {
+    return
+  }
+  var type = prop.type;
+  var valid = !type || type === true;
+  var expectedTypes = [];
+  if (type) {
+    if (!Array.isArray(type)) {
+      type = [type];
+    }
+    for (var i = 0; i < type.length && !valid; i++) {
+      var assertedType = assertType(value, type[i]);
+      expectedTypes.push(assertedType.expectedType || '');
+      valid = assertedType.valid;
+    }
+  }
+
+  if (!valid) {
+    warn(
+      getInvalidTypeMessage(name, value, expectedTypes),
+      vm
+    );
+    return
+  }
+  var validator = prop.validator;
+  if (validator) {
+    if (!validator(value)) {
+      warn(
+        'Invalid prop: custom validator check failed for prop "' + name + '".',
+        vm
+      );
+    }
+  }
+}
+
+var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/;
+
+function assertType (value, type) {
+  var valid;
+  var expectedType = getType(type);
+  if (simpleCheckRE.test(expectedType)) {
+    var t = typeof value;
+    valid = t === expectedType.toLowerCase();
+    // for primitive wrapper objects
+    if (!valid && t === 'object') {
+      valid = value instanceof type;
+    }
+  } else if (expectedType === 'Object') {
+    valid = isPlainObject(value);
+  } else if (expectedType === 'Array') {
+    valid = Array.isArray(value);
+  } else {
+    valid = value instanceof type;
+  }
+  return {
+    valid: valid,
+    expectedType: expectedType
+  }
+}
+
+/**
+ * Use function string name to check built-in types,
+ * because a simple equality check will fail when running
+ * across different vms / iframes.
+ */
+function getType (fn) {
+  var match = fn && fn.toString().match(/^\s*function (\w+)/);
+  return match ? match[1] : ''
+}
+
+function isSameType (a, b) {
+  return getType(a) === getType(b)
+}
+
+function getTypeIndex (type, expectedTypes) {
+  if (!Array.isArray(expectedTypes)) {
+    return isSameType(expectedTypes, type) ? 0 : -1
+  }
+  for (var i = 0, len = expectedTypes.length; i < len; i++) {
+    if (isSameType(expectedTypes[i], type)) {
+      return i
+    }
+  }
+  return -1
+}
+
+function getInvalidTypeMessage (name, value, expectedTypes) {
+  var message = "Invalid prop: type check failed for prop \"" + name + "\"." +
+    " Expected " + (expectedTypes.map(capitalize).join(', '));
+  var expectedType = expectedTypes[0];
+  var receivedType = toRawType(value);
+  var expectedValue = styleValue(value, expectedType);
+  var receivedValue = styleValue(value, receivedType);
+  // check if we need to specify expected value
+  if (expectedTypes.length === 1 &&
+      isExplicable(expectedType) &&
+      !isBoolean(expectedType, receivedType)) {
+    message += " with value " + expectedValue;
+  }
+  message += ", got " + receivedType + " ";
+  // check if we need to specify received value
+  if (isExplicable(receivedType)) {
+    message += "with value " + receivedValue + ".";
+  }
+  return message
+}
+
+function styleValue (value, type) {
+  if (type === 'String') {
+    return ("\"" + value + "\"")
+  } else if (type === 'Number') {
+    return ("" + (Number(value)))
+  } else {
+    return ("" + value)
+  }
+}
+
+function isExplicable (value) {
+  var explicitTypes = ['string', 'number', 'boolean'];
+  return explicitTypes.some(function (elem) { return value.toLowerCase() === elem; })
+}
+
+function isBoolean () {
+  var args = [], len = arguments.length;
+  while ( len-- ) args[ len ] = arguments[ len ];
+
+  return args.some(function (elem) { return elem.toLowerCase() === 'boolean'; })
+}
+
+/*  */
+
+function handleError (err, vm, info) {
+  // Deactivate deps tracking while processing error handler to avoid possible infinite rendering.
+  // See: https://github.com/vuejs/vuex/issues/1505
+  pushTarget();
+  try {
+    if (vm) {
+      var cur = vm;
+      while ((cur = cur.$parent)) {
+        var hooks = cur.$options.errorCaptured;
+        if (hooks) {
+          for (var i = 0; i < hooks.length; i++) {
+            try {
+              var capture = hooks[i].call(cur, err, vm, info) === false;
+              if (capture) { return }
+            } catch (e) {
+              globalHandleError(e, cur, 'errorCaptured hook');
+            }
+          }
+        }
+      }
+    }
+    globalHandleError(err, vm, info);
+  } finally {
+    popTarget();
+  }
+}
+
+function invokeWithErrorHandling (
+  handler,
+  context,
+  args,
+  vm,
+  info
+) {
+  var res;
+  try {
+    res = args ? handler.apply(context, args) : handler.call(context);
+    if (res && !res._isVue && isPromise(res) && !res._handled) {
+      res.catch(function (e) { return handleError(e, vm, info + " (Promise/async)"); });
+      // issue #9511
+      // avoid catch triggering multiple times when nested calls
+      res._handled = true;
+    }
+  } catch (e) {
+    handleError(e, vm, info);
+  }
+  return res
+}
+
+function globalHandleError (err, vm, info) {
+  if (config.errorHandler) {
+    try {
+      return config.errorHandler.call(null, err, vm, info)
+    } catch (e) {
+      // if the user intentionally throws the original error in the handler,
+      // do not log it twice
+      if (e !== err) {
+        logError(e, null, 'config.errorHandler');
+      }
+    }
+  }
+  logError(err, vm, info);
+}
+
+function logError (err, vm, info) {
+  {
+    warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm);
+  }
+  /* istanbul ignore else */
+  if ((inBrowser || inWeex) && typeof console !== 'undefined') {
+    console.error(err);
+  } else {
+    throw err
+  }
+}
+
+/*  */
+
+var isUsingMicroTask = false;
+
+var callbacks = [];
+var pending = false;
+
+function flushCallbacks () {
+  pending = false;
+  var copies = callbacks.slice(0);
+  callbacks.length = 0;
+  for (var i = 0; i < copies.length; i++) {
+    copies[i]();
+  }
+}
+
+// Here we have async deferring wrappers using microtasks.
+// In 2.5 we used (macro) tasks (in combination with microtasks).
+// However, it has subtle problems when state is changed right before repaint
+// (e.g. #6813, out-in transitions).
+// Also, using (macro) tasks in event handler would cause some weird behaviors
+// that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109).
+// So we now use microtasks everywhere, again.
+// A major drawback of this tradeoff is that there are some scenarios
+// where microtasks have too high a priority and fire in between supposedly
+// sequential events (e.g. #4521, #6690, which have workarounds)
+// or even between bubbling of the same event (#6566).
+var timerFunc;
+
+// The nextTick behavior leverages the microtask queue, which can be accessed
+// via either native Promise.then or MutationObserver.
+// MutationObserver has wider support, however it is seriously bugged in
+// UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It
+// completely stops working after triggering a few times... so, if native
+// Promise is available, we will use it:
+/* istanbul ignore next, $flow-disable-line */
+if (typeof Promise !== 'undefined' && isNative(Promise)) {
+  var p = Promise.resolve();
+  timerFunc = function () {
+    p.then(flushCallbacks);
+    // In problematic UIWebViews, Promise.then doesn't completely break, but
+    // it can get stuck in a weird state where callbacks are pushed into the
+    // microtask queue but the queue isn't being flushed, until the browser
+    // needs to do some other work, e.g. handle a timer. Therefore we can
+    // "force" the microtask queue to be flushed by adding an empty timer.
+    if (isIOS) { setTimeout(noop); }
+  };
+  isUsingMicroTask = true;
+} else if (!isIE && typeof MutationObserver !== 'undefined' && (
+  isNative(MutationObserver) ||
+  // PhantomJS and iOS 7.x
+  MutationObserver.toString() === '[object MutationObserverConstructor]'
+)) {
+  // Use MutationObserver where native Promise is not available,
+  // e.g. PhantomJS, iOS7, Android 4.4
+  // (#6466 MutationObserver is unreliable in IE11)
+  var counter = 1;
+  var observer = new MutationObserver(flushCallbacks);
+  var textNode = document.createTextNode(String(counter));
+  observer.observe(textNode, {
+    characterData: true
+  });
+  timerFunc = function () {
+    counter = (counter + 1) % 2;
+    textNode.data = String(counter);
+  };
+  isUsingMicroTask = true;
+} else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
+  // Fallback to setImmediate.
+  // Techinically it leverages the (macro) task queue,
+  // but it is still a better choice than setTimeout.
+  timerFunc = function () {
+    setImmediate(flushCallbacks);
+  };
+} else {
+  // Fallback to setTimeout.
+  timerFunc = function () {
+    setTimeout(flushCallbacks, 0);
+  };
+}
+
+function nextTick (cb, ctx) {
+  var _resolve;
+  callbacks.push(function () {
+    if (cb) {
+      try {
+        cb.call(ctx);
+      } catch (e) {
+        handleError(e, ctx, 'nextTick');
+      }
+    } else if (_resolve) {
+      _resolve(ctx);
+    }
+  });
+  if (!pending) {
+    pending = true;
+    timerFunc();
+  }
+  // $flow-disable-line
+  if (!cb && typeof Promise !== 'undefined') {
+    return new Promise(function (resolve) {
+      _resolve = resolve;
+    })
+  }
+}
+
+/*  */
+
+var mark;
+var measure;
+
+{
+  var perf = inBrowser && window.performance;
+  /* istanbul ignore if */
+  if (
+    perf &&
+    perf.mark &&
+    perf.measure &&
+    perf.clearMarks &&
+    perf.clearMeasures
+  ) {
+    mark = function (tag) { return perf.mark(tag); };
+    measure = function (name, startTag, endTag) {
+      perf.measure(name, startTag, endTag);
+      perf.clearMarks(startTag);
+      perf.clearMarks(endTag);
+      // perf.clearMeasures(name)
+    };
+  }
+}
+
+/* not type checking this file because flow doesn't play well with Proxy */
+
+var initProxy;
+
+{
+  var allowedGlobals = makeMap(
+    'Infinity,undefined,NaN,isFinite,isNaN,' +
+    'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +
+    'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' +
+    'require' // for Webpack/Browserify
+  );
+
+  var warnNonPresent = function (target, key) {
+    warn(
+      "Property or method \"" + key + "\" is not defined on the instance but " +
+      'referenced during render. Make sure that this property is reactive, ' +
+      'either in the data option, or for class-based components, by ' +
+      'initializing the property. ' +
+      'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.',
+      target
+    );
+  };
+
+  var warnReservedPrefix = function (target, key) {
+    warn(
+      "Property \"" + key + "\" must be accessed with \"$data." + key + "\" because " +
+      'properties starting with "$" or "_" are not proxied in the Vue instance to ' +
+      'prevent conflicts with Vue internals' +
+      'See: https://vuejs.org/v2/api/#data',
+      target
+    );
+  };
+
+  var hasProxy =
+    typeof Proxy !== 'undefined' && isNative(Proxy);
+
+  if (hasProxy) {
+    var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact');
+    config.keyCodes = new Proxy(config.keyCodes, {
+      set: function set (target, key, value) {
+        if (isBuiltInModifier(key)) {
+          warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key));
+          return false
+        } else {
+          target[key] = value;
+          return true
+        }
+      }
+    });
+  }
+
+  var hasHandler = {
+    has: function has (target, key) {
+      var has = key in target;
+      var isAllowed = allowedGlobals(key) ||
+        (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data));
+      if (!has && !isAllowed) {
+        if (key in target.$data) { warnReservedPrefix(target, key); }
+        else { warnNonPresent(target, key); }
+      }
+      return has || !isAllowed
+    }
+  };
+
+  var getHandler = {
+    get: function get (target, key) {
+      if (typeof key === 'string' && !(key in target)) {
+        if (key in target.$data) { warnReservedPrefix(target, key); }
+        else { warnNonPresent(target, key); }
+      }
+      return target[key]
+    }
+  };
+
+  initProxy = function initProxy (vm) {
+    if (hasProxy) {
+      // determine which proxy handler to use
+      var options = vm.$options;
+      var handlers = options.render && options.render._withStripped
+        ? getHandler
+        : hasHandler;
+      vm._renderProxy = new Proxy(vm, handlers);
+    } else {
+      vm._renderProxy = vm;
+    }
+  };
+}
+
+/*  */
+
+var seenObjects = new _Set();
+
+/**
+ * Recursively traverse an object to evoke all converted
+ * getters, so that every nested property inside the object
+ * is collected as a "deep" dependency.
+ */
+function traverse (val) {
+  _traverse(val, seenObjects);
+  seenObjects.clear();
+}
+
+function _traverse (val, seen) {
+  var i, keys;
+  var isA = Array.isArray(val);
+  if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) {
+    return
+  }
+  if (val.__ob__) {
+    var depId = val.__ob__.dep.id;
+    if (seen.has(depId)) {
+      return
+    }
+    seen.add(depId);
+  }
+  if (isA) {
+    i = val.length;
+    while (i--) { _traverse(val[i], seen); }
+  } else {
+    keys = Object.keys(val);
+    i = keys.length;
+    while (i--) { _traverse(val[keys[i]], seen); }
+  }
+}
+
+/*  */
+
+var normalizeEvent = cached(function (name) {
+  var passive = name.charAt(0) === '&';
+  name = passive ? name.slice(1) : name;
+  var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first
+  name = once$$1 ? name.slice(1) : name;
+  var capture = name.charAt(0) === '!';
+  name = capture ? name.slice(1) : name;
+  return {
+    name: name,
+    once: once$$1,
+    capture: capture,
+    passive: passive
+  }
+});
+
+function createFnInvoker (fns, vm) {
+  function invoker () {
+    var arguments$1 = arguments;
+
+    var fns = invoker.fns;
+    if (Array.isArray(fns)) {
+      var cloned = fns.slice();
+      for (var i = 0; i < cloned.length; i++) {
+        invokeWithErrorHandling(cloned[i], null, arguments$1, vm, "v-on handler");
+      }
+    } else {
+      // return handler return value for single handlers
+      return invokeWithErrorHandling(fns, null, arguments, vm, "v-on handler")
+    }
+  }
+  invoker.fns = fns;
+  return invoker
+}
+
+function updateListeners (
+  on,
+  oldOn,
+  add,
+  remove$$1,
+  createOnceHandler,
+  vm
+) {
+  var name, def$$1, cur, old, event;
+  for (name in on) {
+    def$$1 = cur = on[name];
+    old = oldOn[name];
+    event = normalizeEvent(name);
+    if (isUndef(cur)) {
+      warn(
+        "Invalid handler for event \"" + (event.name) + "\": got " + String(cur),
+        vm
+      );
+    } else if (isUndef(old)) {
+      if (isUndef(cur.fns)) {
+        cur = on[name] = createFnInvoker(cur, vm);
+      }
+      if (isTrue(event.once)) {
+        cur = on[name] = createOnceHandler(event.name, cur, event.capture);
+      }
+      add(event.name, cur, event.capture, event.passive, event.params);
+    } else if (cur !== old) {
+      old.fns = cur;
+      on[name] = old;
+    }
+  }
+  for (name in oldOn) {
+    if (isUndef(on[name])) {
+      event = normalizeEvent(name);
+      remove$$1(event.name, oldOn[name], event.capture);
+    }
+  }
+}
+
+/*  */
+
+function mergeVNodeHook (def, hookKey, hook) {
+  if (def instanceof VNode) {
+    def = def.data.hook || (def.data.hook = {});
+  }
+  var invoker;
+  var oldHook = def[hookKey];
+
+  function wrappedHook () {
+    hook.apply(this, arguments);
+    // important: remove merged hook to ensure it's called only once
+    // and prevent memory leak
+    remove(invoker.fns, wrappedHook);
+  }
+
+  if (isUndef(oldHook)) {
+    // no existing hook
+    invoker = createFnInvoker([wrappedHook]);
+  } else {
+    /* istanbul ignore if */
+    if (isDef(oldHook.fns) && isTrue(oldHook.merged)) {
+      // already a merged invoker
+      invoker = oldHook;
+      invoker.fns.push(wrappedHook);
+    } else {
+      // existing plain hook
+      invoker = createFnInvoker([oldHook, wrappedHook]);
+    }
+  }
+
+  invoker.merged = true;
+  def[hookKey] = invoker;
+}
+
+/*  */
+
+function extractPropsFromVNodeData (
+  data,
+  Ctor,
+  tag
+) {
+  // we are only extracting raw values here.
+  // validation and default values are handled in the child
+  // component itself.
+  var propOptions = Ctor.options.props;
+  if (isUndef(propOptions)) {
+    return
+  }
+  var res = {};
+  var attrs = data.attrs;
+  var props = data.props;
+  if (isDef(attrs) || isDef(props)) {
+    for (var key in propOptions) {
+      var altKey = hyphenate(key);
+      {
+        var keyInLowerCase = key.toLowerCase();
+        if (
+          key !== keyInLowerCase &&
+          attrs && hasOwn(attrs, keyInLowerCase)
+        ) {
+          tip(
+            "Prop \"" + keyInLowerCase + "\" is passed to component " +
+            (formatComponentName(tag || Ctor)) + ", but the declared prop name is" +
+            " \"" + key + "\". " +
+            "Note that HTML attributes are case-insensitive and camelCased " +
+            "props need to use their kebab-case equivalents when using in-DOM " +
+            "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"."
+          );
+        }
+      }
+      checkProp(res, props, key, altKey, true) ||
+      checkProp(res, attrs, key, altKey, false);
+    }
+  }
+  return res
+}
+
+function checkProp (
+  res,
+  hash,
+  key,
+  altKey,
+  preserve
+) {
+  if (isDef(hash)) {
+    if (hasOwn(hash, key)) {
+      res[key] = hash[key];
+      if (!preserve) {
+        delete hash[key];
+      }
+      return true
+    } else if (hasOwn(hash, altKey)) {
+      res[key] = hash[altKey];
+      if (!preserve) {
+        delete hash[altKey];
+      }
+      return true
+    }
+  }
+  return false
+}
+
+/*  */
+
+// The template compiler attempts to minimize the need for normalization by
+// statically analyzing the template at compile time.
+//
+// For plain HTML markup, normalization can be completely skipped because the
+// generated render function is guaranteed to return Array<VNode>. There are
+// two cases where extra normalization is needed:
+
+// 1. When the children contains components - because a functional component
+// may return an Array instead of a single root. In this case, just a simple
+// normalization is needed - if any child is an Array, we flatten the whole
+// thing with Array.prototype.concat. It is guaranteed to be only 1-level deep
+// because functional components already normalize their own children.
+function simpleNormalizeChildren (children) {
+  for (var i = 0; i < children.length; i++) {
+    if (Array.isArray(children[i])) {
+      return Array.prototype.concat.apply([], children)
+    }
+  }
+  return children
+}
+
+// 2. When the children contains constructs that always generated nested Arrays,
+// e.g. <template>, <slot>, v-for, or when the children is provided by user
+// with hand-written render functions / JSX. In such cases a full normalization
+// is needed to cater to all possible types of children values.
+function normalizeChildren (children) {
+  return isPrimitive(children)
+    ? [createTextVNode(children)]
+    : Array.isArray(children)
+      ? normalizeArrayChildren(children)
+      : undefined
+}
+
+function isTextNode (node) {
+  return isDef(node) && isDef(node.text) && isFalse(node.isComment)
+}
+
+function normalizeArrayChildren (children, nestedIndex) {
+  var res = [];
+  var i, c, lastIndex, last;
+  for (i = 0; i < children.length; i++) {
+    c = children[i];
+    if (isUndef(c) || typeof c === 'boolean') { continue }
+    lastIndex = res.length - 1;
+    last = res[lastIndex];
+    //  nested
+    if (Array.isArray(c)) {
+      if (c.length > 0) {
+        c = normalizeArrayChildren(c, ((nestedIndex || '') + "_" + i));
+        // merge adjacent text nodes
+        if (isTextNode(c[0]) && isTextNode(last)) {
+          res[lastIndex] = createTextVNode(last.text + (c[0]).text);
+          c.shift();
+        }
+        res.push.apply(res, c);
+      }
+    } else if (isPrimitive(c)) {
+      if (isTextNode(last)) {
+        // merge adjacent text nodes
+        // this is necessary for SSR hydration because text nodes are
+        // essentially merged when rendered to HTML strings
+        res[lastIndex] = createTextVNode(last.text + c);
+      } else if (c !== '') {
+        // convert primitive to vnode
+        res.push(createTextVNode(c));
+      }
+    } else {
+      if (isTextNode(c) && isTextNode(last)) {
+        // merge adjacent text nodes
+        res[lastIndex] = createTextVNode(last.text + c.text);
+      } else {
+        // default key for nested array children (likely generated by v-for)
+        if (isTrue(children._isVList) &&
+          isDef(c.tag) &&
+          isUndef(c.key) &&
+          isDef(nestedIndex)) {
+          c.key = "__vlist" + nestedIndex + "_" + i + "__";
+        }
+        res.push(c);
+      }
+    }
+  }
+  return res
+}
+
+/*  */
+
+function initProvide (vm) {
+  var provide = vm.$options.provide;
+  if (provide) {
+    vm._provided = typeof provide === 'function'
+      ? provide.call(vm)
+      : provide;
+  }
+}
+
+function initInjections (vm) {
+  var result = resolveInject(vm.$options.inject, vm);
+  if (result) {
+    toggleObserving(false);
+    Object.keys(result).forEach(function (key) {
+      /* istanbul ignore else */
+      {
+        defineReactive$$1(vm, key, result[key], function () {
+          warn(
+            "Avoid mutating an injected value directly since the changes will be " +
+            "overwritten whenever the provided component re-renders. " +
+            "injection being mutated: \"" + key + "\"",
+            vm
+          );
+        });
+      }
+    });
+    toggleObserving(true);
+  }
+}
+
+function resolveInject (inject, vm) {
+  if (inject) {
+    // inject is :any because flow is not smart enough to figure out cached
+    var result = Object.create(null);
+    var keys = hasSymbol
+      ? Reflect.ownKeys(inject)
+      : Object.keys(inject);
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+      // #6574 in case the inject object is observed...
+      if (key === '__ob__') { continue }
+      var provideKey = inject[key].from;
+      var source = vm;
+      while (source) {
+        if (source._provided && hasOwn(source._provided, provideKey)) {
+          result[key] = source._provided[provideKey];
+          break
+        }
+        source = source.$parent;
+      }
+      if (!source) {
+        if ('default' in inject[key]) {
+          var provideDefault = inject[key].default;
+          result[key] = typeof provideDefault === 'function'
+            ? provideDefault.call(vm)
+            : provideDefault;
+        } else {
+          warn(("Injection \"" + key + "\" not found"), vm);
+        }
+      }
+    }
+    return result
+  }
+}
+
+/*  */
+
+
+
+/**
+ * Runtime helper for resolving raw children VNodes into a slot object.
+ */
+function resolveSlots (
+  children,
+  context
+) {
+  if (!children || !children.length) {
+    return {}
+  }
+  var slots = {};
+  for (var i = 0, l = children.length; i < l; i++) {
+    var child = children[i];
+    var data = child.data;
+    // remove slot attribute if the node is resolved as a Vue slot node
+    if (data && data.attrs && data.attrs.slot) {
+      delete data.attrs.slot;
+    }
+    // named slots should only be respected if the vnode was rendered in the
+    // same context.
+    if ((child.context === context || child.fnContext === context) &&
+      data && data.slot != null
+    ) {
+      var name = data.slot;
+      var slot = (slots[name] || (slots[name] = []));
+      if (child.tag === 'template') {
+        slot.push.apply(slot, child.children || []);
+      } else {
+        slot.push(child);
+      }
+    } else {
+      (slots.default || (slots.default = [])).push(child);
+    }
+  }
+  // ignore slots that contains only whitespace
+  for (var name$1 in slots) {
+    if (slots[name$1].every(isWhitespace)) {
+      delete slots[name$1];
+    }
+  }
+  return slots
+}
+
+function isWhitespace (node) {
+  return (node.isComment && !node.asyncFactory) || node.text === ' '
+}
+
+/*  */
+
+function normalizeScopedSlots (
+  slots,
+  normalSlots,
+  prevSlots
+) {
+  var res;
+  var hasNormalSlots = Object.keys(normalSlots).length > 0;
+  var isStable = slots ? !!slots.$stable : !hasNormalSlots;
+  var key = slots && slots.$key;
+  if (!slots) {
+    res = {};
+  } else if (slots._normalized) {
+    // fast path 1: child component re-render only, parent did not change
+    return slots._normalized
+  } else if (
+    isStable &&
+    prevSlots &&
+    prevSlots !== emptyObject &&
+    key === prevSlots.$key &&
+    !hasNormalSlots &&
+    !prevSlots.$hasNormal
+  ) {
+    // fast path 2: stable scoped slots w/ no normal slots to proxy,
+    // only need to normalize once
+    return prevSlots
+  } else {
+    res = {};
+    for (var key$1 in slots) {
+      if (slots[key$1] && key$1[0] !== '$') {
+        res[key$1] = normalizeScopedSlot(normalSlots, key$1, slots[key$1]);
+      }
+    }
+  }
+  // expose normal slots on scopedSlots
+  for (var key$2 in normalSlots) {
+    if (!(key$2 in res)) {
+      res[key$2] = proxyNormalSlot(normalSlots, key$2);
+    }
+  }
+  // avoriaz seems to mock a non-extensible $scopedSlots object
+  // and when that is passed down this would cause an error
+  if (slots && Object.isExtensible(slots)) {
+    (slots)._normalized = res;
+  }
+  def(res, '$stable', isStable);
+  def(res, '$key', key);
+  def(res, '$hasNormal', hasNormalSlots);
+  return res
+}
+
+function normalizeScopedSlot(normalSlots, key, fn) {
+  var normalized = function () {
+    var res = arguments.length ? fn.apply(null, arguments) : fn({});
+    res = res && typeof res === 'object' && !Array.isArray(res)
+      ? [res] // single vnode
+      : normalizeChildren(res);
+    return res && (
+      res.length === 0 ||
+      (res.length === 1 && res[0].isComment) // #9658
+    ) ? undefined
+      : res
+  };
+  // this is a slot using the new v-slot syntax without scope. although it is
+  // compiled as a scoped slot, render fn users would expect it to be present
+  // on this.$slots because the usage is semantically a normal slot.
+  if (fn.proxy) {
+    Object.defineProperty(normalSlots, key, {
+      get: normalized,
+      enumerable: true,
+      configurable: true
+    });
+  }
+  return normalized
+}
+
+function proxyNormalSlot(slots, key) {
+  return function () { return slots[key]; }
+}
+
+/*  */
+
+/**
+ * Runtime helper for rendering v-for lists.
+ */
+function renderList (
+  val,
+  render
+) {
+  var ret, i, l, keys, key;
+  if (Array.isArray(val) || typeof val === 'string') {
+    ret = new Array(val.length);
+    for (i = 0, l = val.length; i < l; i++) {
+      ret[i] = render(val[i], i);
+    }
+  } else if (typeof val === 'number') {
+    ret = new Array(val);
+    for (i = 0; i < val; i++) {
+      ret[i] = render(i + 1, i);
+    }
+  } else if (isObject(val)) {
+    if (hasSymbol && val[Symbol.iterator]) {
+      ret = [];
+      var iterator = val[Symbol.iterator]();
+      var result = iterator.next();
+      while (!result.done) {
+        ret.push(render(result.value, ret.length));
+        result = iterator.next();
+      }
+    } else {
+      keys = Object.keys(val);
+      ret = new Array(keys.length);
+      for (i = 0, l = keys.length; i < l; i++) {
+        key = keys[i];
+        ret[i] = render(val[key], key, i);
+      }
+    }
+  }
+  if (!isDef(ret)) {
+    ret = [];
+  }
+  (ret)._isVList = true;
+  return ret
+}
+
+/*  */
+
+/**
+ * Runtime helper for rendering <slot>
+ */
+function renderSlot (
+  name,
+  fallback,
+  props,
+  bindObject
+) {
+  var scopedSlotFn = this.$scopedSlots[name];
+  var nodes;
+  if (scopedSlotFn) { // scoped slot
+    props = props || {};
+    if (bindObject) {
+      if (!isObject(bindObject)) {
+        warn(
+          'slot v-bind without argument expects an Object',
+          this
+        );
+      }
+      props = extend(extend({}, bindObject), props);
+    }
+    nodes = scopedSlotFn(props) || fallback;
+  } else {
+    nodes = this.$slots[name] || fallback;
+  }
+
+  var target = props && props.slot;
+  if (target) {
+    return this.$createElement('template', { slot: target }, nodes)
+  } else {
+    return nodes
+  }
+}
+
+/*  */
+
+/**
+ * Runtime helper for resolving filters
+ */
+function resolveFilter (id) {
+  return resolveAsset(this.$options, 'filters', id, true) || identity
+}
+
+/*  */
+
+function isKeyNotMatch (expect, actual) {
+  if (Array.isArray(expect)) {
+    return expect.indexOf(actual) === -1
+  } else {
+    return expect !== actual
+  }
+}
+
+/**
+ * Runtime helper for checking keyCodes from config.
+ * exposed as Vue.prototype._k
+ * passing in eventKeyName as last argument separately for backwards compat
+ */
+function checkKeyCodes (
+  eventKeyCode,
+  key,
+  builtInKeyCode,
+  eventKeyName,
+  builtInKeyName
+) {
+  var mappedKeyCode = config.keyCodes[key] || builtInKeyCode;
+  if (builtInKeyName && eventKeyName && !config.keyCodes[key]) {
+    return isKeyNotMatch(builtInKeyName, eventKeyName)
+  } else if (mappedKeyCode) {
+    return isKeyNotMatch(mappedKeyCode, eventKeyCode)
+  } else if (eventKeyName) {
+    return hyphenate(eventKeyName) !== key
+  }
+}
+
+/*  */
+
+/**
+ * Runtime helper for merging v-bind="object" into a VNode's data.
+ */
+function bindObjectProps (
+  data,
+  tag,
+  value,
+  asProp,
+  isSync
+) {
+  if (value) {
+    if (!isObject(value)) {
+      warn(
+        'v-bind without argument expects an Object or Array value',
+        this
+      );
+    } else {
+      if (Array.isArray(value)) {
+        value = toObject(value);
+      }
+      var hash;
+      var loop = function ( key ) {
+        if (
+          key === 'class' ||
+          key === 'style' ||
+          isReservedAttribute(key)
+        ) {
+          hash = data;
+        } else {
+          var type = data.attrs && data.attrs.type;
+          hash = asProp || config.mustUseProp(tag, type, key)
+            ? data.domProps || (data.domProps = {})
+            : data.attrs || (data.attrs = {});
+        }
+        var camelizedKey = camelize(key);
+        var hyphenatedKey = hyphenate(key);
+        if (!(camelizedKey in hash) && !(hyphenatedKey in hash)) {
+          hash[key] = value[key];
+
+          if (isSync) {
+            var on = data.on || (data.on = {});
+            on[("update:" + key)] = function ($event) {
+              value[key] = $event;
+            };
+          }
+        }
+      };
+
+      for (var key in value) loop( key );
+    }
+  }
+  return data
+}
+
+/*  */
+
+/**
+ * Runtime helper for rendering static trees.
+ */
+function renderStatic (
+  index,
+  isInFor
+) {
+  var cached = this._staticTrees || (this._staticTrees = []);
+  var tree = cached[index];
+  // if has already-rendered static tree and not inside v-for,
+  // we can reuse the same tree.
+  if (tree && !isInFor) {
+    return tree
+  }
+  // otherwise, render a fresh tree.
+  tree = cached[index] = this.$options.staticRenderFns[index].call(
+    this._renderProxy,
+    null,
+    this // for render fns generated for functional component templates
+  );
+  markStatic(tree, ("__static__" + index), false);
+  return tree
+}
+
+/**
+ * Runtime helper for v-once.
+ * Effectively it means marking the node as static with a unique key.
+ */
+function markOnce (
+  tree,
+  index,
+  key
+) {
+  markStatic(tree, ("__once__" + index + (key ? ("_" + key) : "")), true);
+  return tree
+}
+
+function markStatic (
+  tree,
+  key,
+  isOnce
+) {
+  if (Array.isArray(tree)) {
+    for (var i = 0; i < tree.length; i++) {
+      if (tree[i] && typeof tree[i] !== 'string') {
+        markStaticNode(tree[i], (key + "_" + i), isOnce);
+      }
+    }
+  } else {
+    markStaticNode(tree, key, isOnce);
+  }
+}
+
+function markStaticNode (node, key, isOnce) {
+  node.isStatic = true;
+  node.key = key;
+  node.isOnce = isOnce;
+}
+
+/*  */
+
+function bindObjectListeners (data, value) {
+  if (value) {
+    if (!isPlainObject(value)) {
+      warn(
+        'v-on without argument expects an Object value',
+        this
+      );
+    } else {
+      var on = data.on = data.on ? extend({}, data.on) : {};
+      for (var key in value) {
+        var existing = on[key];
+        var ours = value[key];
+        on[key] = existing ? [].concat(existing, ours) : ours;
+      }
+    }
+  }
+  return data
+}
+
+/*  */
+
+function resolveScopedSlots (
+  fns, // see flow/vnode
+  res,
+  // the following are added in 2.6
+  hasDynamicKeys,
+  contentHashKey
+) {
+  res = res || { $stable: !hasDynamicKeys };
+  for (var i = 0; i < fns.length; i++) {
+    var slot = fns[i];
+    if (Array.isArray(slot)) {
+      resolveScopedSlots(slot, res, hasDynamicKeys);
+    } else if (slot) {
+      // marker for reverse proxying v-slot without scope on this.$slots
+      if (slot.proxy) {
+        slot.fn.proxy = true;
+      }
+      res[slot.key] = slot.fn;
+    }
+  }
+  if (contentHashKey) {
+    (res).$key = contentHashKey;
+  }
+  return res
+}
+
+/*  */
+
+function bindDynamicKeys (baseObj, values) {
+  for (var i = 0; i < values.length; i += 2) {
+    var key = values[i];
+    if (typeof key === 'string' && key) {
+      baseObj[values[i]] = values[i + 1];
+    } else if (key !== '' && key !== null) {
+      // null is a speical value for explicitly removing a binding
+      warn(
+        ("Invalid value for dynamic directive argument (expected string or null): " + key),
+        this
+      );
+    }
+  }
+  return baseObj
+}
+
+// helper to dynamically append modifier runtime markers to event names.
+// ensure only append when value is already string, otherwise it will be cast
+// to string and cause the type check to miss.
+function prependModifier (value, symbol) {
+  return typeof value === 'string' ? symbol + value : value
+}
+
+/*  */
+
+function installRenderHelpers (target) {
+  target._o = markOnce;
+  target._n = toNumber;
+  target._s = toString;
+  target._l = renderList;
+  target._t = renderSlot;
+  target._q = looseEqual;
+  target._i = looseIndexOf;
+  target._m = renderStatic;
+  target._f = resolveFilter;
+  target._k = checkKeyCodes;
+  target._b = bindObjectProps;
+  target._v = createTextVNode;
+  target._e = createEmptyVNode;
+  target._u = resolveScopedSlots;
+  target._g = bindObjectListeners;
+  target._d = bindDynamicKeys;
+  target._p = prependModifier;
+}
+
+/*  */
+
+function FunctionalRenderContext (
+  data,
+  props,
+  children,
+  parent,
+  Ctor
+) {
+  var this$1 = this;
+
+  var options = Ctor.options;
+  // ensure the createElement function in functional components
+  // gets a unique context - this is necessary for correct named slot check
+  var contextVm;
+  if (hasOwn(parent, '_uid')) {
+    contextVm = Object.create(parent);
+    // $flow-disable-line
+    contextVm._original = parent;
+  } else {
+    // the context vm passed in is a functional context as well.
+    // in this case we want to make sure we are able to get a hold to the
+    // real context instance.
+    contextVm = parent;
+    // $flow-disable-line
+    parent = parent._original;
+  }
+  var isCompiled = isTrue(options._compiled);
+  var needNormalization = !isCompiled;
+
+  this.data = data;
+  this.props = props;
+  this.children = children;
+  this.parent = parent;
+  this.listeners = data.on || emptyObject;
+  this.injections = resolveInject(options.inject, parent);
+  this.slots = function () {
+    if (!this$1.$slots) {
+      normalizeScopedSlots(
+        data.scopedSlots,
+        this$1.$slots = resolveSlots(children, parent)
+      );
+    }
+    return this$1.$slots
+  };
+
+  Object.defineProperty(this, 'scopedSlots', ({
+    enumerable: true,
+    get: function get () {
+      return normalizeScopedSlots(data.scopedSlots, this.slots())
+    }
+  }));
+
+  // support for compiled functional template
+  if (isCompiled) {
+    // exposing $options for renderStatic()
+    this.$options = options;
+    // pre-resolve slots for renderSlot()
+    this.$slots = this.slots();
+    this.$scopedSlots = normalizeScopedSlots(data.scopedSlots, this.$slots);
+  }
+
+  if (options._scopeId) {
+    this._c = function (a, b, c, d) {
+      var vnode = createElement(contextVm, a, b, c, d, needNormalization);
+      if (vnode && !Array.isArray(vnode)) {
+        vnode.fnScopeId = options._scopeId;
+        vnode.fnContext = parent;
+      }
+      return vnode
+    };
+  } else {
+    this._c = function (a, b, c, d) { return createElement(contextVm, a, b, c, d, needNormalization); };
+  }
+}
+
+installRenderHelpers(FunctionalRenderContext.prototype);
+
+function createFunctionalComponent (
+  Ctor,
+  propsData,
+  data,
+  contextVm,
+  children
+) {
+  var options = Ctor.options;
+  var props = {};
+  var propOptions = options.props;
+  if (isDef(propOptions)) {
+    for (var key in propOptions) {
+      props[key] = validateProp(key, propOptions, propsData || emptyObject);
+    }
+  } else {
+    if (isDef(data.attrs)) { mergeProps(props, data.attrs); }
+    if (isDef(data.props)) { mergeProps(props, data.props); }
+  }
+
+  var renderContext = new FunctionalRenderContext(
+    data,
+    props,
+    children,
+    contextVm,
+    Ctor
+  );
+
+  var vnode = options.render.call(null, renderContext._c, renderContext);
+
+  if (vnode instanceof VNode) {
+    return cloneAndMarkFunctionalResult(vnode, data, renderContext.parent, options, renderContext)
+  } else if (Array.isArray(vnode)) {
+    var vnodes = normalizeChildren(vnode) || [];
+    var res = new Array(vnodes.length);
+    for (var i = 0; i < vnodes.length; i++) {
+      res[i] = cloneAndMarkFunctionalResult(vnodes[i], data, renderContext.parent, options, renderContext);
+    }
+    return res
+  }
+}
+
+function cloneAndMarkFunctionalResult (vnode, data, contextVm, options, renderContext) {
+  // #7817 clone node before setting fnContext, otherwise if the node is reused
+  // (e.g. it was from a cached normal slot) the fnContext causes named slots
+  // that should not be matched to match.
+  var clone = cloneVNode(vnode);
+  clone.fnContext = contextVm;
+  clone.fnOptions = options;
+  {
+    (clone.devtoolsMeta = clone.devtoolsMeta || {}).renderContext = renderContext;
+  }
+  if (data.slot) {
+    (clone.data || (clone.data = {})).slot = data.slot;
+  }
+  return clone
+}
+
+function mergeProps (to, from) {
+  for (var key in from) {
+    to[camelize(key)] = from[key];
+  }
+}
+
+/*  */
+
+/*  */
+
+/*  */
+
+/*  */
+
+// inline hooks to be invoked on component VNodes during patch
+var componentVNodeHooks = {
+  init: function init (vnode, hydrating) {
+    if (
+      vnode.componentInstance &&
+      !vnode.componentInstance._isDestroyed &&
+      vnode.data.keepAlive
+    ) {
+      // kept-alive components, treat as a patch
+      var mountedNode = vnode; // work around flow
+      componentVNodeHooks.prepatch(mountedNode, mountedNode);
+    } else {
+      var child = vnode.componentInstance = createComponentInstanceForVnode(
+        vnode,
+        activeInstance
+      );
+      child.$mount(hydrating ? vnode.elm : undefined, hydrating);
+    }
+  },
+
+  prepatch: function prepatch (oldVnode, vnode) {
+    var options = vnode.componentOptions;
+    var child = vnode.componentInstance = oldVnode.componentInstance;
+    updateChildComponent(
+      child,
+      options.propsData, // updated props
+      options.listeners, // updated listeners
+      vnode, // new parent vnode
+      options.children // new children
+    );
+  },
+
+  insert: function insert (vnode) {
+    var context = vnode.context;
+    var componentInstance = vnode.componentInstance;
+    if (!componentInstance._isMounted) {
+      componentInstance._isMounted = true;
+      callHook(componentInstance, 'mounted');
+    }
+    if (vnode.data.keepAlive) {
+      if (context._isMounted) {
+        // vue-router#1212
+        // During updates, a kept-alive component's child components may
+        // change, so directly walking the tree here may call activated hooks
+        // on incorrect children. Instead we push them into a queue which will
+        // be processed after the whole patch process ended.
+        queueActivatedComponent(componentInstance);
+      } else {
+        activateChildComponent(componentInstance, true /* direct */);
+      }
+    }
+  },
+
+  destroy: function destroy (vnode) {
+    var componentInstance = vnode.componentInstance;
+    if (!componentInstance._isDestroyed) {
+      if (!vnode.data.keepAlive) {
+        componentInstance.$destroy();
+      } else {
+        deactivateChildComponent(componentInstance, true /* direct */);
+      }
+    }
+  }
+};
+
+var hooksToMerge = Object.keys(componentVNodeHooks);
+
+function createComponent (
+  Ctor,
+  data,
+  context,
+  children,
+  tag
+) {
+  if (isUndef(Ctor)) {
+    return
+  }
+
+  var baseCtor = context.$options._base;
+
+  // plain options object: turn it into a constructor
+  if (isObject(Ctor)) {
+    Ctor = baseCtor.extend(Ctor);
+  }
+
+  // if at this stage it's not a constructor or an async component factory,
+  // reject.
+  if (typeof Ctor !== 'function') {
+    {
+      warn(("Invalid Component definition: " + (String(Ctor))), context);
+    }
+    return
+  }
+
+  // async component
+  var asyncFactory;
+  if (isUndef(Ctor.cid)) {
+    asyncFactory = Ctor;
+    Ctor = resolveAsyncComponent(asyncFactory, baseCtor);
+    if (Ctor === undefined) {
+      // return a placeholder node for async component, which is rendered
+      // as a comment node but preserves all the raw information for the node.
+      // the information will be used for async server-rendering and hydration.
+      return createAsyncPlaceholder(
+        asyncFactory,
+        data,
+        context,
+        children,
+        tag
+      )
+    }
+  }
+
+  data = data || {};
+
+  // resolve constructor options in case global mixins are applied after
+  // component constructor creation
+  resolveConstructorOptions(Ctor);
+
+  // transform component v-model data into props & events
+  if (isDef(data.model)) {
+    transformModel(Ctor.options, data);
+  }
+
+  // extract props
+  var propsData = extractPropsFromVNodeData(data, Ctor, tag);
+
+  // functional component
+  if (isTrue(Ctor.options.functional)) {
+    return createFunctionalComponent(Ctor, propsData, data, context, children)
+  }
+
+  // extract listeners, since these needs to be treated as
+  // child component listeners instead of DOM listeners
+  var listeners = data.on;
+  // replace with listeners with .native modifier
+  // so it gets processed during parent component patch.
+  data.on = data.nativeOn;
+
+  if (isTrue(Ctor.options.abstract)) {
+    // abstract components do not keep anything
+    // other than props & listeners & slot
+
+    // work around flow
+    var slot = data.slot;
+    data = {};
+    if (slot) {
+      data.slot = slot;
+    }
+  }
+
+  // install component management hooks onto the placeholder node
+  installComponentHooks(data);
+
+  // return a placeholder vnode
+  var name = Ctor.options.name || tag;
+  var vnode = new VNode(
+    ("vue-component-" + (Ctor.cid) + (name ? ("-" + name) : '')),
+    data, undefined, undefined, undefined, context,
+    { Ctor: Ctor, propsData: propsData, listeners: listeners, tag: tag, children: children },
+    asyncFactory
+  );
+
+  return vnode
+}
+
+function createComponentInstanceForVnode (
+  vnode, // we know it's MountedComponentVNode but flow doesn't
+  parent // activeInstance in lifecycle state
+) {
+  var options = {
+    _isComponent: true,
+    _parentVnode: vnode,
+    parent: parent
+  };
+  // check inline-template render functions
+  var inlineTemplate = vnode.data.inlineTemplate;
+  if (isDef(inlineTemplate)) {
+    options.render = inlineTemplate.render;
+    options.staticRenderFns = inlineTemplate.staticRenderFns;
+  }
+  return new vnode.componentOptions.Ctor(options)
+}
+
+function installComponentHooks (data) {
+  var hooks = data.hook || (data.hook = {});
+  for (var i = 0; i < hooksToMerge.length; i++) {
+    var key = hooksToMerge[i];
+    var existing = hooks[key];
+    var toMerge = componentVNodeHooks[key];
+    if (existing !== toMerge && !(existing && existing._merged)) {
+      hooks[key] = existing ? mergeHook$1(toMerge, existing) : toMerge;
+    }
+  }
+}
+
+function mergeHook$1 (f1, f2) {
+  var merged = function (a, b) {
+    // flow complains about extra args which is why we use any
+    f1(a, b);
+    f2(a, b);
+  };
+  merged._merged = true;
+  return merged
+}
+
+// transform component v-model info (value and callback) into
+// prop and event handler respectively.
+function transformModel (options, data) {
+  var prop = (options.model && options.model.prop) || 'value';
+  var event = (options.model && options.model.event) || 'input'
+  ;(data.attrs || (data.attrs = {}))[prop] = data.model.value;
+  var on = data.on || (data.on = {});
+  var existing = on[event];
+  var callback = data.model.callback;
+  if (isDef(existing)) {
+    if (
+      Array.isArray(existing)
+        ? existing.indexOf(callback) === -1
+        : existing !== callback
+    ) {
+      on[event] = [callback].concat(existing);
+    }
+  } else {
+    on[event] = callback;
+  }
+}
+
+/*  */
+
+var SIMPLE_NORMALIZE = 1;
+var ALWAYS_NORMALIZE = 2;
+
+// wrapper function for providing a more flexible interface
+// without getting yelled at by flow
+function createElement (
+  context,
+  tag,
+  data,
+  children,
+  normalizationType,
+  alwaysNormalize
+) {
+  if (Array.isArray(data) || isPrimitive(data)) {
+    normalizationType = children;
+    children = data;
+    data = undefined;
+  }
+  if (isTrue(alwaysNormalize)) {
+    normalizationType = ALWAYS_NORMALIZE;
+  }
+  return _createElement(context, tag, data, children, normalizationType)
+}
+
+function _createElement (
+  context,
+  tag,
+  data,
+  children,
+  normalizationType
+) {
+  if (isDef(data) && isDef((data).__ob__)) {
+    warn(
+      "Avoid using observed data object as vnode data: " + (JSON.stringify(data)) + "\n" +
+      'Always create fresh vnode data objects in each render!',
+      context
+    );
+    return createEmptyVNode()
+  }
+  // object syntax in v-bind
+  if (isDef(data) && isDef(data.is)) {
+    tag = data.is;
+  }
+  if (!tag) {
+    // in case of component :is set to falsy value
+    return createEmptyVNode()
+  }
+  // warn against non-primitive key
+  if (isDef(data) && isDef(data.key) && !isPrimitive(data.key)
+  ) {
+    {
+      warn(
+        'Avoid using non-primitive value as key, ' +
+        'use string/number value instead.',
+        context
+      );
+    }
+  }
+  // support single function children as default scoped slot
+  if (Array.isArray(children) &&
+    typeof children[0] === 'function'
+  ) {
+    data = data || {};
+    data.scopedSlots = { default: children[0] };
+    children.length = 0;
+  }
+  if (normalizationType === ALWAYS_NORMALIZE) {
+    children = normalizeChildren(children);
+  } else if (normalizationType === SIMPLE_NORMALIZE) {
+    children = simpleNormalizeChildren(children);
+  }
+  var vnode, ns;
+  if (typeof tag === 'string') {
+    var Ctor;
+    ns = (context.$vnode && context.$vnode.ns) || config.getTagNamespace(tag);
+    if (config.isReservedTag(tag)) {
+      // platform built-in elements
+      vnode = new VNode(
+        config.parsePlatformTagName(tag), data, children,
+        undefined, undefined, context
+      );
+    } else if ((!data || !data.pre) && isDef(Ctor = resolveAsset(context.$options, 'components', tag))) {
+      // component
+      vnode = createComponent(Ctor, data, context, children, tag);
+    } else {
+      // unknown or unlisted namespaced elements
+      // check at runtime because it may get assigned a namespace when its
+      // parent normalizes children
+      vnode = new VNode(
+        tag, data, children,
+        undefined, undefined, context
+      );
+    }
+  } else {
+    // direct component options / constructor
+    vnode = createComponent(tag, data, context, children);
+  }
+  if (Array.isArray(vnode)) {
+    return vnode
+  } else if (isDef(vnode)) {
+    if (isDef(ns)) { applyNS(vnode, ns); }
+    if (isDef(data)) { registerDeepBindings(data); }
+    return vnode
+  } else {
+    return createEmptyVNode()
+  }
+}
+
+function applyNS (vnode, ns, force) {
+  vnode.ns = ns;
+  if (vnode.tag === 'foreignObject') {
+    // use default namespace inside foreignObject
+    ns = undefined;
+    force = true;
+  }
+  if (isDef(vnode.children)) {
+    for (var i = 0, l = vnode.children.length; i < l; i++) {
+      var child = vnode.children[i];
+      if (isDef(child.tag) && (
+        isUndef(child.ns) || (isTrue(force) && child.tag !== 'svg'))) {
+        applyNS(child, ns, force);
+      }
+    }
+  }
+}
+
+// ref #5318
+// necessary to ensure parent re-render when deep bindings like :style and
+// :class are used on slot nodes
+function registerDeepBindings (data) {
+  if (isObject(data.style)) {
+    traverse(data.style);
+  }
+  if (isObject(data.class)) {
+    traverse(data.class);
+  }
+}
+
+/*  */
+
+function initRender (vm) {
+  vm._vnode = null; // the root of the child tree
+  vm._staticTrees = null; // v-once cached trees
+  var options = vm.$options;
+  var parentVnode = vm.$vnode = options._parentVnode; // the placeholder node in parent tree
+  var renderContext = parentVnode && parentVnode.context;
+  vm.$slots = resolveSlots(options._renderChildren, renderContext);
+  vm.$scopedSlots = emptyObject;
+  // bind the createElement fn to this instance
+  // so that we get proper render context inside it.
+  // args order: tag, data, children, normalizationType, alwaysNormalize
+  // internal version is used by render functions compiled from templates
+  vm._c = function (a, b, c, d) { return createElement(vm, a, b, c, d, false); };
+  // normalization is always applied for the public version, used in
+  // user-written render functions.
+  vm.$createElement = function (a, b, c, d) { return createElement(vm, a, b, c, d, true); };
+
+  // $attrs & $listeners are exposed for easier HOC creation.
+  // they need to be reactive so that HOCs using them are always updated
+  var parentData = parentVnode && parentVnode.data;
+
+  /* istanbul ignore else */
+  {
+    defineReactive$$1(vm, '$attrs', parentData && parentData.attrs || emptyObject, function () {
+      !isUpdatingChildComponent && warn("$attrs is readonly.", vm);
+    }, true);
+    defineReactive$$1(vm, '$listeners', options._parentListeners || emptyObject, function () {
+      !isUpdatingChildComponent && warn("$listeners is readonly.", vm);
+    }, true);
+  }
+}
+
+var currentRenderingInstance = null;
+
+function renderMixin (Vue) {
+  // install runtime convenience helpers
+  installRenderHelpers(Vue.prototype);
+
+  Vue.prototype.$nextTick = function (fn) {
+    return nextTick(fn, this)
+  };
+
+  Vue.prototype._render = function () {
+    var vm = this;
+    var ref = vm.$options;
+    var render = ref.render;
+    var _parentVnode = ref._parentVnode;
+
+    if (_parentVnode) {
+      vm.$scopedSlots = normalizeScopedSlots(
+        _parentVnode.data.scopedSlots,
+        vm.$slots,
+        vm.$scopedSlots
+      );
+    }
+
+    // set parent vnode. this allows render functions to have access
+    // to the data on the placeholder node.
+    vm.$vnode = _parentVnode;
+    // render self
+    var vnode;
+    try {
+      // There's no need to maintain a stack becaues all render fns are called
+      // separately from one another. Nested component's render fns are called
+      // when parent component is patched.
+      currentRenderingInstance = vm;
+      vnode = render.call(vm._renderProxy, vm.$createElement);
+    } catch (e) {
+      handleError(e, vm, "render");
+      // return error render result,
+      // or previous vnode to prevent render error causing blank component
+      /* istanbul ignore else */
+      if (vm.$options.renderError) {
+        try {
+          vnode = vm.$options.renderError.call(vm._renderProxy, vm.$createElement, e);
+        } catch (e) {
+          handleError(e, vm, "renderError");
+          vnode = vm._vnode;
+        }
+      } else {
+        vnode = vm._vnode;
+      }
+    } finally {
+      currentRenderingInstance = null;
+    }
+    // if the returned array contains only a single node, allow it
+    if (Array.isArray(vnode) && vnode.length === 1) {
+      vnode = vnode[0];
+    }
+    // return empty vnode in case the render function errored out
+    if (!(vnode instanceof VNode)) {
+      if (Array.isArray(vnode)) {
+        warn(
+          'Multiple root nodes returned from render function. Render function ' +
+          'should return a single root node.',
+          vm
+        );
+      }
+      vnode = createEmptyVNode();
+    }
+    // set parent
+    vnode.parent = _parentVnode;
+    return vnode
+  };
+}
+
+/*  */
+
+function ensureCtor (comp, base) {
+  if (
+    comp.__esModule ||
+    (hasSymbol && comp[Symbol.toStringTag] === 'Module')
+  ) {
+    comp = comp.default;
+  }
+  return isObject(comp)
+    ? base.extend(comp)
+    : comp
+}
+
+function createAsyncPlaceholder (
+  factory,
+  data,
+  context,
+  children,
+  tag
+) {
+  var node = createEmptyVNode();
+  node.asyncFactory = factory;
+  node.asyncMeta = { data: data, context: context, children: children, tag: tag };
+  return node
+}
+
+function resolveAsyncComponent (
+  factory,
+  baseCtor
+) {
+  if (isTrue(factory.error) && isDef(factory.errorComp)) {
+    return factory.errorComp
+  }
+
+  if (isDef(factory.resolved)) {
+    return factory.resolved
+  }
+
+  var owner = currentRenderingInstance;
+  if (owner && isDef(factory.owners) && factory.owners.indexOf(owner) === -1) {
+    // already pending
+    factory.owners.push(owner);
+  }
+
+  if (isTrue(factory.loading) && isDef(factory.loadingComp)) {
+    return factory.loadingComp
+  }
+
+  if (owner && !isDef(factory.owners)) {
+    var owners = factory.owners = [owner];
+    var sync = true;
+    var timerLoading = null;
+    var timerTimeout = null
+
+    ;(owner).$on('hook:destroyed', function () { return remove(owners, owner); });
+
+    var forceRender = function (renderCompleted) {
+      for (var i = 0, l = owners.length; i < l; i++) {
+        (owners[i]).$forceUpdate();
+      }
+
+      if (renderCompleted) {
+        owners.length = 0;
+        if (timerLoading !== null) {
+          clearTimeout(timerLoading);
+          timerLoading = null;
+        }
+        if (timerTimeout !== null) {
+          clearTimeout(timerTimeout);
+          timerTimeout = null;
+        }
+      }
+    };
+
+    var resolve = once(function (res) {
+      // cache resolved
+      factory.resolved = ensureCtor(res, baseCtor);
+      // invoke callbacks only if this is not a synchronous resolve
+      // (async resolves are shimmed as synchronous during SSR)
+      if (!sync) {
+        forceRender(true);
+      } else {
+        owners.length = 0;
+      }
+    });
+
+    var reject = once(function (reason) {
+      warn(
+        "Failed to resolve async component: " + (String(factory)) +
+        (reason ? ("\nReason: " + reason) : '')
+      );
+      if (isDef(factory.errorComp)) {
+        factory.error = true;
+        forceRender(true);
+      }
+    });
+
+    var res = factory(resolve, reject);
+
+    if (isObject(res)) {
+      if (isPromise(res)) {
+        // () => Promise
+        if (isUndef(factory.resolved)) {
+          res.then(resolve, reject);
+        }
+      } else if (isPromise(res.component)) {
+        res.component.then(resolve, reject);
+
+        if (isDef(res.error)) {
+          factory.errorComp = ensureCtor(res.error, baseCtor);
+        }
+
+        if (isDef(res.loading)) {
+          factory.loadingComp = ensureCtor(res.loading, baseCtor);
+          if (res.delay === 0) {
+            factory.loading = true;
+          } else {
+            timerLoading = setTimeout(function () {
+              timerLoading = null;
+              if (isUndef(factory.resolved) && isUndef(factory.error)) {
+                factory.loading = true;
+                forceRender(false);
+              }
+            }, res.delay || 200);
+          }
+        }
+
+        if (isDef(res.timeout)) {
+          timerTimeout = setTimeout(function () {
+            timerTimeout = null;
+            if (isUndef(factory.resolved)) {
+              reject(
+                "timeout (" + (res.timeout) + "ms)"
+              );
+            }
+          }, res.timeout);
+        }
+      }
+    }
+
+    sync = false;
+    // return in case resolved synchronously
+    return factory.loading
+      ? factory.loadingComp
+      : factory.resolved
+  }
+}
+
+/*  */
+
+function isAsyncPlaceholder (node) {
+  return node.isComment && node.asyncFactory
+}
+
+/*  */
+
+function getFirstComponentChild (children) {
+  if (Array.isArray(children)) {
+    for (var i = 0; i < children.length; i++) {
+      var c = children[i];
+      if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {
+        return c
+      }
+    }
+  }
+}
+
+/*  */
+
+/*  */
+
+function initEvents (vm) {
+  vm._events = Object.create(null);
+  vm._hasHookEvent = false;
+  // init parent attached events
+  var listeners = vm.$options._parentListeners;
+  if (listeners) {
+    updateComponentListeners(vm, listeners);
+  }
+}
+
+var target;
+
+function add (event, fn) {
+  target.$on(event, fn);
+}
+
+function remove$1 (event, fn) {
+  target.$off(event, fn);
+}
+
+function createOnceHandler (event, fn) {
+  var _target = target;
+  return function onceHandler () {
+    var res = fn.apply(null, arguments);
+    if (res !== null) {
+      _target.$off(event, onceHandler);
+    }
+  }
+}
+
+function updateComponentListeners (
+  vm,
+  listeners,
+  oldListeners
+) {
+  target = vm;
+  updateListeners(listeners, oldListeners || {}, add, remove$1, createOnceHandler, vm);
+  target = undefined;
+}
+
+function eventsMixin (Vue) {
+  var hookRE = /^hook:/;
+  Vue.prototype.$on = function (event, fn) {
+    var vm = this;
+    if (Array.isArray(event)) {
+      for (var i = 0, l = event.length; i < l; i++) {
+        vm.$on(event[i], fn);
+      }
+    } else {
+      (vm._events[event] || (vm._events[event] = [])).push(fn);
+      // optimize hook:event cost by using a boolean flag marked at registration
+      // instead of a hash lookup
+      if (hookRE.test(event)) {
+        vm._hasHookEvent = true;
+      }
+    }
+    return vm
+  };
+
+  Vue.prototype.$once = function (event, fn) {
+    var vm = this;
+    function on () {
+      vm.$off(event, on);
+      fn.apply(vm, arguments);
+    }
+    on.fn = fn;
+    vm.$on(event, on);
+    return vm
+  };
+
+  Vue.prototype.$off = function (event, fn) {
+    var vm = this;
+    // all
+    if (!arguments.length) {
+      vm._events = Object.create(null);
+      return vm
+    }
+    // array of events
+    if (Array.isArray(event)) {
+      for (var i$1 = 0, l = event.length; i$1 < l; i$1++) {
+        vm.$off(event[i$1], fn);
+      }
+      return vm
+    }
+    // specific event
+    var cbs = vm._events[event];
+    if (!cbs) {
+      return vm
+    }
+    if (!fn) {
+      vm._events[event] = null;
+      return vm
+    }
+    // specific handler
+    var cb;
+    var i = cbs.length;
+    while (i--) {
+      cb = cbs[i];
+      if (cb === fn || cb.fn === fn) {
+        cbs.splice(i, 1);
+        break
+      }
+    }
+    return vm
+  };
+
+  Vue.prototype.$emit = function (event) {
+    var vm = this;
+    {
+      var lowerCaseEvent = event.toLowerCase();
+      if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) {
+        tip(
+          "Event \"" + lowerCaseEvent + "\" is emitted in component " +
+          (formatComponentName(vm)) + " but the handler is registered for \"" + event + "\". " +
+          "Note that HTML attributes are case-insensitive and you cannot use " +
+          "v-on to listen to camelCase events when using in-DOM templates. " +
+          "You should probably use \"" + (hyphenate(event)) + "\" instead of \"" + event + "\"."
+        );
+      }
+    }
+    var cbs = vm._events[event];
+    if (cbs) {
+      cbs = cbs.length > 1 ? toArray(cbs) : cbs;
+      var args = toArray(arguments, 1);
+      var info = "event handler for \"" + event + "\"";
+      for (var i = 0, l = cbs.length; i < l; i++) {
+        invokeWithErrorHandling(cbs[i], vm, args, vm, info);
+      }
+    }
+    return vm
+  };
+}
+
+/*  */
+
+var activeInstance = null;
+var isUpdatingChildComponent = false;
+
+function setActiveInstance(vm) {
+  var prevActiveInstance = activeInstance;
+  activeInstance = vm;
+  return function () {
+    activeInstance = prevActiveInstance;
+  }
+}
+
+function initLifecycle (vm) {
+  var options = vm.$options;
+
+  // locate first non-abstract parent
+  var parent = options.parent;
+  if (parent && !options.abstract) {
+    while (parent.$options.abstract && parent.$parent) {
+      parent = parent.$parent;
+    }
+    parent.$children.push(vm);
+  }
+
+  vm.$parent = parent;
+  vm.$root = parent ? parent.$root : vm;
+
+  vm.$children = [];
+  vm.$refs = {};
+
+  vm._watcher = null;
+  vm._inactive = null;
+  vm._directInactive = false;
+  vm._isMounted = false;
+  vm._isDestroyed = false;
+  vm._isBeingDestroyed = false;
+}
+
+function lifecycleMixin (Vue) {
+  Vue.prototype._update = function (vnode, hydrating) {
+    var vm = this;
+    var prevEl = vm.$el;
+    var prevVnode = vm._vnode;
+    var restoreActiveInstance = setActiveInstance(vm);
+    vm._vnode = vnode;
+    // Vue.prototype.__patch__ is injected in entry points
+    // based on the rendering backend used.
+    if (!prevVnode) {
+      // initial render
+      vm.$el = vm.__patch__(vm.$el, vnode, hydrating, false /* removeOnly */);
+    } else {
+      // updates
+      vm.$el = vm.__patch__(prevVnode, vnode);
+    }
+    restoreActiveInstance();
+    // update __vue__ reference
+    if (prevEl) {
+      prevEl.__vue__ = null;
+    }
+    if (vm.$el) {
+      vm.$el.__vue__ = vm;
+    }
+    // if parent is an HOC, update its $el as well
+    if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) {
+      vm.$parent.$el = vm.$el;
+    }
+    // updated hook is called by the scheduler to ensure that children are
+    // updated in a parent's updated hook.
+  };
+
+  Vue.prototype.$forceUpdate = function () {
+    var vm = this;
+    if (vm._watcher) {
+      vm._watcher.update();
+    }
+  };
+
+  Vue.prototype.$destroy = function () {
+    var vm = this;
+    if (vm._isBeingDestroyed) {
+      return
+    }
+    callHook(vm, 'beforeDestroy');
+    vm._isBeingDestroyed = true;
+    // remove self from parent
+    var parent = vm.$parent;
+    if (parent && !parent._isBeingDestroyed && !vm.$options.abstract) {
+      remove(parent.$children, vm);
+    }
+    // teardown watchers
+    if (vm._watcher) {
+      vm._watcher.teardown();
+    }
+    var i = vm._watchers.length;
+    while (i--) {
+      vm._watchers[i].teardown();
+    }
+    // remove reference from data ob
+    // frozen object may not have observer.
+    if (vm._data.__ob__) {
+      vm._data.__ob__.vmCount--;
+    }
+    // call the last hook...
+    vm._isDestroyed = true;
+    // invoke destroy hooks on current rendered tree
+    vm.__patch__(vm._vnode, null);
+    // fire destroyed hook
+    callHook(vm, 'destroyed');
+    // turn off all instance listeners.
+    vm.$off();
+    // remove __vue__ reference
+    if (vm.$el) {
+      vm.$el.__vue__ = null;
+    }
+    // release circular reference (#6759)
+    if (vm.$vnode) {
+      vm.$vnode.parent = null;
+    }
+  };
+}
+
+function mountComponent (
+  vm,
+  el,
+  hydrating
+) {
+  vm.$el = el;
+  if (!vm.$options.render) {
+    vm.$options.render = createEmptyVNode;
+    {
+      /* istanbul ignore if */
+      if ((vm.$options.template && vm.$options.template.charAt(0) !== '#') ||
+        vm.$options.el || el) {
+        warn(
+          'You are using the runtime-only build of Vue where the template ' +
+          'compiler is not available. Either pre-compile the templates into ' +
+          'render functions, or use the compiler-included build.',
+          vm
+        );
+      } else {
+        warn(
+          'Failed to mount component: template or render function not defined.',
+          vm
+        );
+      }
+    }
+  }
+  callHook(vm, 'beforeMount');
+
+  var updateComponent;
+  /* istanbul ignore if */
+  if (config.performance && mark) {
+    updateComponent = function () {
+      var name = vm._name;
+      var id = vm._uid;
+      var startTag = "vue-perf-start:" + id;
+      var endTag = "vue-perf-end:" + id;
+
+      mark(startTag);
+      var vnode = vm._render();
+      mark(endTag);
+      measure(("vue " + name + " render"), startTag, endTag);
+
+      mark(startTag);
+      vm._update(vnode, hydrating);
+      mark(endTag);
+      measure(("vue " + name + " patch"), startTag, endTag);
+    };
+  } else {
+    updateComponent = function () {
+      vm._update(vm._render(), hydrating);
+    };
+  }
+
+  // we set this to vm._watcher inside the watcher's constructor
+  // since the watcher's initial patch may call $forceUpdate (e.g. inside child
+  // component's mounted hook), which relies on vm._watcher being already defined
+  new Watcher(vm, updateComponent, noop, {
+    before: function before () {
+      if (vm._isMounted && !vm._isDestroyed) {
+        callHook(vm, 'beforeUpdate');
+      }
+    }
+  }, true /* isRenderWatcher */);
+  hydrating = false;
+
+  // manually mounted instance, call mounted on self
+  // mounted is called for render-created child components in its inserted hook
+  if (vm.$vnode == null) {
+    vm._isMounted = true;
+    callHook(vm, 'mounted');
+  }
+  return vm
+}
+
+function updateChildComponent (
+  vm,
+  propsData,
+  listeners,
+  parentVnode,
+  renderChildren
+) {
+  {
+    isUpdatingChildComponent = true;
+  }
+
+  // determine whether component has slot children
+  // we need to do this before overwriting $options._renderChildren.
+
+  // check if there are dynamic scopedSlots (hand-written or compiled but with
+  // dynamic slot names). Static scoped slots compiled from template has the
+  // "$stable" marker.
+  var newScopedSlots = parentVnode.data.scopedSlots;
+  var oldScopedSlots = vm.$scopedSlots;
+  var hasDynamicScopedSlot = !!(
+    (newScopedSlots && !newScopedSlots.$stable) ||
+    (oldScopedSlots !== emptyObject && !oldScopedSlots.$stable) ||
+    (newScopedSlots && vm.$scopedSlots.$key !== newScopedSlots.$key)
+  );
+
+  // Any static slot children from the parent may have changed during parent's
+  // update. Dynamic scoped slots may also have changed. In such cases, a forced
+  // update is necessary to ensure correctness.
+  var needsForceUpdate = !!(
+    renderChildren ||               // has new static slots
+    vm.$options._renderChildren ||  // has old static slots
+    hasDynamicScopedSlot
+  );
+
+  vm.$options._parentVnode = parentVnode;
+  vm.$vnode = parentVnode; // update vm's placeholder node without re-render
+
+  if (vm._vnode) { // update child tree's parent
+    vm._vnode.parent = parentVnode;
+  }
+  vm.$options._renderChildren = renderChildren;
+
+  // update $attrs and $listeners hash
+  // these are also reactive so they may trigger child update if the child
+  // used them during render
+  vm.$attrs = parentVnode.data.attrs || emptyObject;
+  vm.$listeners = listeners || emptyObject;
+
+  // update props
+  if (propsData && vm.$options.props) {
+    toggleObserving(false);
+    var props = vm._props;
+    var propKeys = vm.$options._propKeys || [];
+    for (var i = 0; i < propKeys.length; i++) {
+      var key = propKeys[i];
+      var propOptions = vm.$options.props; // wtf flow?
+      props[key] = validateProp(key, propOptions, propsData, vm);
+    }
+    toggleObserving(true);
+    // keep a copy of raw propsData
+    vm.$options.propsData = propsData;
+  }
+
+  // update listeners
+  listeners = listeners || emptyObject;
+  var oldListeners = vm.$options._parentListeners;
+  vm.$options._parentListeners = listeners;
+  updateComponentListeners(vm, listeners, oldListeners);
+
+  // resolve slots + force update if has children
+  if (needsForceUpdate) {
+    vm.$slots = resolveSlots(renderChildren, parentVnode.context);
+    vm.$forceUpdate();
+  }
+
+  {
+    isUpdatingChildComponent = false;
+  }
+}
+
+function isInInactiveTree (vm) {
+  while (vm && (vm = vm.$parent)) {
+    if (vm._inactive) { return true }
+  }
+  return false
+}
+
+function activateChildComponent (vm, direct) {
+  if (direct) {
+    vm._directInactive = false;
+    if (isInInactiveTree(vm)) {
+      return
+    }
+  } else if (vm._directInactive) {
+    return
+  }
+  if (vm._inactive || vm._inactive === null) {
+    vm._inactive = false;
+    for (var i = 0; i < vm.$children.length; i++) {
+      activateChildComponent(vm.$children[i]);
+    }
+    callHook(vm, 'activated');
+  }
+}
+
+function deactivateChildComponent (vm, direct) {
+  if (direct) {
+    vm._directInactive = true;
+    if (isInInactiveTree(vm)) {
+      return
+    }
+  }
+  if (!vm._inactive) {
+    vm._inactive = true;
+    for (var i = 0; i < vm.$children.length; i++) {
+      deactivateChildComponent(vm.$children[i]);
+    }
+    callHook(vm, 'deactivated');
+  }
+}
+
+function callHook (vm, hook) {
+  // #7573 disable dep collection when invoking lifecycle hooks
+  pushTarget();
+  var handlers = vm.$options[hook];
+  var info = hook + " hook";
+  if (handlers) {
+    for (var i = 0, j = handlers.length; i < j; i++) {
+      invokeWithErrorHandling(handlers[i], vm, null, vm, info);
+    }
+  }
+  if (vm._hasHookEvent) {
+    vm.$emit('hook:' + hook);
+  }
+  popTarget();
+}
+
+/*  */
+
+var MAX_UPDATE_COUNT = 100;
+
+var queue = [];
+var activatedChildren = [];
+var has = {};
+var circular = {};
+var waiting = false;
+var flushing = false;
+var index = 0;
+
+/**
+ * Reset the scheduler's state.
+ */
+function resetSchedulerState () {
+  index = queue.length = activatedChildren.length = 0;
+  has = {};
+  {
+    circular = {};
+  }
+  waiting = flushing = false;
+}
+
+// Async edge case #6566 requires saving the timestamp when event listeners are
+// attached. However, calling performance.now() has a perf overhead especially
+// if the page has thousands of event listeners. Instead, we take a timestamp
+// every time the scheduler flushes and use that for all event listeners
+// attached during that flush.
+var currentFlushTimestamp = 0;
+
+// Async edge case fix requires storing an event listener's attach timestamp.
+var getNow = Date.now;
+
+// Determine what event timestamp the browser is using. Annoyingly, the
+// timestamp can either be hi-res (relative to page load) or low-res
+// (relative to UNIX epoch), so in order to compare time we have to use the
+// same timestamp type when saving the flush timestamp.
+// All IE versions use low-res event timestamps, and have problematic clock
+// implementations (#9632)
+if (inBrowser && !isIE) {
+  var performance = window.performance;
+  if (
+    performance &&
+    typeof performance.now === 'function' &&
+    getNow() > document.createEvent('Event').timeStamp
+  ) {
+    // if the event timestamp, although evaluated AFTER the Date.now(), is
+    // smaller than it, it means the event is using a hi-res timestamp,
+    // and we need to use the hi-res version for event listener timestamps as
+    // well.
+    getNow = function () { return performance.now(); };
+  }
+}
+
+/**
+ * Flush both queues and run the watchers.
+ */
+function flushSchedulerQueue () {
+  currentFlushTimestamp = getNow();
+  flushing = true;
+  var watcher, id;
+
+  // Sort queue before flush.
+  // This ensures that:
+  // 1. Components are updated from parent to child. (because parent is always
+  //    created before the child)
+  // 2. A component's user watchers are run before its render watcher (because
+  //    user watchers are created before the render watcher)
+  // 3. If a component is destroyed during a parent component's watcher run,
+  //    its watchers can be skipped.
+  queue.sort(function (a, b) { return a.id - b.id; });
+
+  // do not cache length because more watchers might be pushed
+  // as we run existing watchers
+  for (index = 0; index < queue.length; index++) {
+    watcher = queue[index];
+    if (watcher.before) {
+      watcher.before();
+    }
+    id = watcher.id;
+    has[id] = null;
+    watcher.run();
+    // in dev build, check and stop circular updates.
+    if (has[id] != null) {
+      circular[id] = (circular[id] || 0) + 1;
+      if (circular[id] > MAX_UPDATE_COUNT) {
+        warn(
+          'You may have an infinite update loop ' + (
+            watcher.user
+              ? ("in watcher with expression \"" + (watcher.expression) + "\"")
+              : "in a component render function."
+          ),
+          watcher.vm
+        );
+        break
+      }
+    }
+  }
+
+  // keep copies of post queues before resetting state
+  var activatedQueue = activatedChildren.slice();
+  var updatedQueue = queue.slice();
+
+  resetSchedulerState();
+
+  // call component updated and activated hooks
+  callActivatedHooks(activatedQueue);
+  callUpdatedHooks(updatedQueue);
+
+  // devtool hook
+  /* istanbul ignore if */
+  if (devtools && config.devtools) {
+    devtools.emit('flush');
+  }
+}
+
+function callUpdatedHooks (queue) {
+  var i = queue.length;
+  while (i--) {
+    var watcher = queue[i];
+    var vm = watcher.vm;
+    if (vm._watcher === watcher && vm._isMounted && !vm._isDestroyed) {
+      callHook(vm, 'updated');
+    }
+  }
+}
+
+/**
+ * Queue a kept-alive component that was activated during patch.
+ * The queue will be processed after the entire tree has been patched.
+ */
+function queueActivatedComponent (vm) {
+  // setting _inactive to false here so that a render function can
+  // rely on checking whether it's in an inactive tree (e.g. router-view)
+  vm._inactive = false;
+  activatedChildren.push(vm);
+}
+
+function callActivatedHooks (queue) {
+  for (var i = 0; i < queue.length; i++) {
+    queue[i]._inactive = true;
+    activateChildComponent(queue[i], true /* true */);
+  }
+}
+
+/**
+ * Push a watcher into the watcher queue.
+ * Jobs with duplicate IDs will be skipped unless it's
+ * pushed when the queue is being flushed.
+ */
+function queueWatcher (watcher) {
+  var id = watcher.id;
+  if (has[id] == null) {
+    has[id] = true;
+    if (!flushing) {
+      queue.push(watcher);
+    } else {
+      // if already flushing, splice the watcher based on its id
+      // if already past its id, it will be run next immediately.
+      var i = queue.length - 1;
+      while (i > index && queue[i].id > watcher.id) {
+        i--;
+      }
+      queue.splice(i + 1, 0, watcher);
+    }
+    // queue the flush
+    if (!waiting) {
+      waiting = true;
+
+      if (!config.async) {
+        flushSchedulerQueue();
+        return
+      }
+      nextTick(flushSchedulerQueue);
+    }
+  }
+}
+
+/*  */
+
+
+
+var uid$2 = 0;
+
+/**
+ * A watcher parses an expression, collects dependencies,
+ * and fires callback when the expression value changes.
+ * This is used for both the $watch() api and directives.
+ */
+var Watcher = function Watcher (
+  vm,
+  expOrFn,
+  cb,
+  options,
+  isRenderWatcher
+) {
+  this.vm = vm;
+  if (isRenderWatcher) {
+    vm._watcher = this;
+  }
+  vm._watchers.push(this);
+  // options
+  if (options) {
+    this.deep = !!options.deep;
+    this.user = !!options.user;
+    this.lazy = !!options.lazy;
+    this.sync = !!options.sync;
+    this.before = options.before;
+  } else {
+    this.deep = this.user = this.lazy = this.sync = false;
+  }
+  this.cb = cb;
+  this.id = ++uid$2; // uid for batching
+  this.active = true;
+  this.dirty = this.lazy; // for lazy watchers
+  this.deps = [];
+  this.newDeps = [];
+  this.depIds = new _Set();
+  this.newDepIds = new _Set();
+  this.expression = expOrFn.toString();
+  // parse expression for getter
+  if (typeof expOrFn === 'function') {
+    this.getter = expOrFn;
+  } else {
+    this.getter = parsePath(expOrFn);
+    if (!this.getter) {
+      this.getter = noop;
+      warn(
+        "Failed watching path: \"" + expOrFn + "\" " +
+        'Watcher only accepts simple dot-delimited paths. ' +
+        'For full control, use a function instead.',
+        vm
+      );
+    }
+  }
+  this.value = this.lazy
+    ? undefined
+    : this.get();
+};
+
+/**
+ * Evaluate the getter, and re-collect dependencies.
+ */
+Watcher.prototype.get = function get () {
+  pushTarget(this);
+  var value;
+  var vm = this.vm;
+  try {
+    value = this.getter.call(vm, vm);
+  } catch (e) {
+    if (this.user) {
+      handleError(e, vm, ("getter for watcher \"" + (this.expression) + "\""));
+    } else {
+      throw e
+    }
+  } finally {
+    // "touch" every property so they are all tracked as
+    // dependencies for deep watching
+    if (this.deep) {
+      traverse(value);
+    }
+    popTarget();
+    this.cleanupDeps();
+  }
+  return value
+};
+
+/**
+ * Add a dependency to this directive.
+ */
+Watcher.prototype.addDep = function addDep (dep) {
+  var id = dep.id;
+  if (!this.newDepIds.has(id)) {
+    this.newDepIds.add(id);
+    this.newDeps.push(dep);
+    if (!this.depIds.has(id)) {
+      dep.addSub(this);
+    }
+  }
+};
+
+/**
+ * Clean up for dependency collection.
+ */
+Watcher.prototype.cleanupDeps = function cleanupDeps () {
+  var i = this.deps.length;
+  while (i--) {
+    var dep = this.deps[i];
+    if (!this.newDepIds.has(dep.id)) {
+      dep.removeSub(this);
+    }
+  }
+  var tmp = this.depIds;
+  this.depIds = this.newDepIds;
+  this.newDepIds = tmp;
+  this.newDepIds.clear();
+  tmp = this.deps;
+  this.deps = this.newDeps;
+  this.newDeps = tmp;
+  this.newDeps.length = 0;
+};
+
+/**
+ * Subscriber interface.
+ * Will be called when a dependency changes.
+ */
+Watcher.prototype.update = function update () {
+  /* istanbul ignore else */
+  if (this.lazy) {
+    this.dirty = true;
+  } else if (this.sync) {
+    this.run();
+  } else {
+    queueWatcher(this);
+  }
+};
+
+/**
+ * Scheduler job interface.
+ * Will be called by the scheduler.
+ */
+Watcher.prototype.run = function run () {
+  if (this.active) {
+    var value = this.get();
+    if (
+      value !== this.value ||
+      // Deep watchers and watchers on Object/Arrays should fire even
+      // when the value is the same, because the value may
+      // have mutated.
+      isObject(value) ||
+      this.deep
+    ) {
+      // set new value
+      var oldValue = this.value;
+      this.value = value;
+      if (this.user) {
+        try {
+          this.cb.call(this.vm, value, oldValue);
+        } catch (e) {
+          handleError(e, this.vm, ("callback for watcher \"" + (this.expression) + "\""));
+        }
+      } else {
+        this.cb.call(this.vm, value, oldValue);
+      }
+    }
+  }
+};
+
+/**
+ * Evaluate the value of the watcher.
+ * This only gets called for lazy watchers.
+ */
+Watcher.prototype.evaluate = function evaluate () {
+  this.value = this.get();
+  this.dirty = false;
+};
+
+/**
+ * Depend on all deps collected by this watcher.
+ */
+Watcher.prototype.depend = function depend () {
+  var i = this.deps.length;
+  while (i--) {
+    this.deps[i].depend();
+  }
+};
+
+/**
+ * Remove self from all dependencies' subscriber list.
+ */
+Watcher.prototype.teardown = function teardown () {
+  if (this.active) {
+    // remove self from vm's watcher list
+    // this is a somewhat expensive operation so we skip it
+    // if the vm is being destroyed.
+    if (!this.vm._isBeingDestroyed) {
+      remove(this.vm._watchers, this);
+    }
+    var i = this.deps.length;
+    while (i--) {
+      this.deps[i].removeSub(this);
+    }
+    this.active = false;
+  }
+};
+
+/*  */
+
+var sharedPropertyDefinition = {
+  enumerable: true,
+  configurable: true,
+  get: noop,
+  set: noop
+};
+
+function proxy (target, sourceKey, key) {
+  sharedPropertyDefinition.get = function proxyGetter () {
+    return this[sourceKey][key]
+  };
+  sharedPropertyDefinition.set = function proxySetter (val) {
+    this[sourceKey][key] = val;
+  };
+  Object.defineProperty(target, key, sharedPropertyDefinition);
+}
+
+function initState (vm) {
+  vm._watchers = [];
+  var opts = vm.$options;
+  if (opts.props) { initProps(vm, opts.props); }
+  if (opts.methods) { initMethods(vm, opts.methods); }
+  if (opts.data) {
+    initData(vm);
+  } else {
+    observe(vm._data = {}, true /* asRootData */);
+  }
+  if (opts.computed) { initComputed(vm, opts.computed); }
+  if (opts.watch && opts.watch !== nativeWatch) {
+    initWatch(vm, opts.watch);
+  }
+}
+
+function initProps (vm, propsOptions) {
+  var propsData = vm.$options.propsData || {};
+  var props = vm._props = {};
+  // cache prop keys so that future props updates can iterate using Array
+  // instead of dynamic object key enumeration.
+  var keys = vm.$options._propKeys = [];
+  var isRoot = !vm.$parent;
+  // root instance props should be converted
+  if (!isRoot) {
+    toggleObserving(false);
+  }
+  var loop = function ( key ) {
+    keys.push(key);
+    var value = validateProp(key, propsOptions, propsData, vm);
+    /* istanbul ignore else */
+    {
+      var hyphenatedKey = hyphenate(key);
+      if (isReservedAttribute(hyphenatedKey) ||
+          config.isReservedAttr(hyphenatedKey)) {
+        warn(
+          ("\"" + hyphenatedKey + "\" is a reserved attribute and cannot be used as component prop."),
+          vm
+        );
+      }
+      defineReactive$$1(props, key, value, function () {
+        if (!isRoot && !isUpdatingChildComponent) {
+          warn(
+            "Avoid mutating a prop directly since the value will be " +
+            "overwritten whenever the parent component re-renders. " +
+            "Instead, use a data or computed property based on the prop's " +
+            "value. Prop being mutated: \"" + key + "\"",
+            vm
+          );
+        }
+      });
+    }
+    // static props are already proxied on the component's prototype
+    // during Vue.extend(). We only need to proxy props defined at
+    // instantiation here.
+    if (!(key in vm)) {
+      proxy(vm, "_props", key);
+    }
+  };
+
+  for (var key in propsOptions) loop( key );
+  toggleObserving(true);
+}
+
+function initData (vm) {
+  var data = vm.$options.data;
+  data = vm._data = typeof data === 'function'
+    ? getData(data, vm)
+    : data || {};
+  if (!isPlainObject(data)) {
+    data = {};
+    warn(
+      'data functions should return an object:\n' +
+      'https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function',
+      vm
+    );
+  }
+  // proxy data on instance
+  var keys = Object.keys(data);
+  var props = vm.$options.props;
+  var methods = vm.$options.methods;
+  var i = keys.length;
+  while (i--) {
+    var key = keys[i];
+    {
+      if (methods && hasOwn(methods, key)) {
+        warn(
+          ("Method \"" + key + "\" has already been defined as a data property."),
+          vm
+        );
+      }
+    }
+    if (props && hasOwn(props, key)) {
+      warn(
+        "The data property \"" + key + "\" is already declared as a prop. " +
+        "Use prop default value instead.",
+        vm
+      );
+    } else if (!isReserved(key)) {
+      proxy(vm, "_data", key);
+    }
+  }
+  // observe data
+  observe(data, true /* asRootData */);
+}
+
+function getData (data, vm) {
+  // #7573 disable dep collection when invoking data getters
+  pushTarget();
+  try {
+    return data.call(vm, vm)
+  } catch (e) {
+    handleError(e, vm, "data()");
+    return {}
+  } finally {
+    popTarget();
+  }
+}
+
+var computedWatcherOptions = { lazy: true };
+
+function initComputed (vm, computed) {
+  // $flow-disable-line
+  var watchers = vm._computedWatchers = Object.create(null);
+  // computed properties are just getters during SSR
+  var isSSR = isServerRendering();
+
+  for (var key in computed) {
+    var userDef = computed[key];
+    var getter = typeof userDef === 'function' ? userDef : userDef.get;
+    if (getter == null) {
+      warn(
+        ("Getter is missing for computed property \"" + key + "\"."),
+        vm
+      );
+    }
+
+    if (!isSSR) {
+      // create internal watcher for the computed property.
+      watchers[key] = new Watcher(
+        vm,
+        getter || noop,
+        noop,
+        computedWatcherOptions
+      );
+    }
+
+    // component-defined computed properties are already defined on the
+    // component prototype. We only need to define computed properties defined
+    // at instantiation here.
+    if (!(key in vm)) {
+      defineComputed(vm, key, userDef);
+    } else {
+      if (key in vm.$data) {
+        warn(("The computed property \"" + key + "\" is already defined in data."), vm);
+      } else if (vm.$options.props && key in vm.$options.props) {
+        warn(("The computed property \"" + key + "\" is already defined as a prop."), vm);
+      }
+    }
+  }
+}
+
+function defineComputed (
+  target,
+  key,
+  userDef
+) {
+  var shouldCache = !isServerRendering();
+  if (typeof userDef === 'function') {
+    sharedPropertyDefinition.get = shouldCache
+      ? createComputedGetter(key)
+      : createGetterInvoker(userDef);
+    sharedPropertyDefinition.set = noop;
+  } else {
+    sharedPropertyDefinition.get = userDef.get
+      ? shouldCache && userDef.cache !== false
+        ? createComputedGetter(key)
+        : createGetterInvoker(userDef.get)
+      : noop;
+    sharedPropertyDefinition.set = userDef.set || noop;
+  }
+  if (sharedPropertyDefinition.set === noop) {
+    sharedPropertyDefinition.set = function () {
+      warn(
+        ("Computed property \"" + key + "\" was assigned to but it has no setter."),
+        this
+      );
+    };
+  }
+  Object.defineProperty(target, key, sharedPropertyDefinition);
+}
+
+function createComputedGetter (key) {
+  return function computedGetter () {
+    var watcher = this._computedWatchers && this._computedWatchers[key];
+    if (watcher) {
+      if (watcher.dirty) {
+        watcher.evaluate();
+      }
+      if (Dep.target) {
+        watcher.depend();
+      }
+      return watcher.value
+    }
+  }
+}
+
+function createGetterInvoker(fn) {
+  return function computedGetter () {
+    return fn.call(this, this)
+  }
+}
+
+function initMethods (vm, methods) {
+  var props = vm.$options.props;
+  for (var key in methods) {
+    {
+      if (typeof methods[key] !== 'function') {
+        warn(
+          "Method \"" + key + "\" has type \"" + (typeof methods[key]) + "\" in the component definition. " +
+          "Did you reference the function correctly?",
+          vm
+        );
+      }
+      if (props && hasOwn(props, key)) {
+        warn(
+          ("Method \"" + key + "\" has already been defined as a prop."),
+          vm
+        );
+      }
+      if ((key in vm) && isReserved(key)) {
+        warn(
+          "Method \"" + key + "\" conflicts with an existing Vue instance method. " +
+          "Avoid defining component methods that start with _ or $."
+        );
+      }
+    }
+    vm[key] = typeof methods[key] !== 'function' ? noop : bind(methods[key], vm);
+  }
+}
+
+function initWatch (vm, watch) {
+  for (var key in watch) {
+    var handler = watch[key];
+    if (Array.isArray(handler)) {
+      for (var i = 0; i < handler.length; i++) {
+        createWatcher(vm, key, handler[i]);
+      }
+    } else {
+      createWatcher(vm, key, handler);
+    }
+  }
+}
+
+function createWatcher (
+  vm,
+  expOrFn,
+  handler,
+  options
+) {
+  if (isPlainObject(handler)) {
+    options = handler;
+    handler = handler.handler;
+  }
+  if (typeof handler === 'string') {
+    handler = vm[handler];
+  }
+  return vm.$watch(expOrFn, handler, options)
+}
+
+function stateMixin (Vue) {
+  // flow somehow has problems with directly declared definition object
+  // when using Object.defineProperty, so we have to procedurally build up
+  // the object here.
+  var dataDef = {};
+  dataDef.get = function () { return this._data };
+  var propsDef = {};
+  propsDef.get = function () { return this._props };
+  {
+    dataDef.set = function () {
+      warn(
+        'Avoid replacing instance root $data. ' +
+        'Use nested data properties instead.',
+        this
+      );
+    };
+    propsDef.set = function () {
+      warn("$props is readonly.", this);
+    };
+  }
+  Object.defineProperty(Vue.prototype, '$data', dataDef);
+  Object.defineProperty(Vue.prototype, '$props', propsDef);
+
+  Vue.prototype.$set = set;
+  Vue.prototype.$delete = del;
+
+  Vue.prototype.$watch = function (
+    expOrFn,
+    cb,
+    options
+  ) {
+    var vm = this;
+    if (isPlainObject(cb)) {
+      return createWatcher(vm, expOrFn, cb, options)
+    }
+    options = options || {};
+    options.user = true;
+    var watcher = new Watcher(vm, expOrFn, cb, options);
+    if (options.immediate) {
+      try {
+        cb.call(vm, watcher.value);
+      } catch (error) {
+        handleError(error, vm, ("callback for immediate watcher \"" + (watcher.expression) + "\""));
+      }
+    }
+    return function unwatchFn () {
+      watcher.teardown();
+    }
+  };
+}
+
+/*  */
+
+var uid$3 = 0;
+
+function initMixin (Vue) {
+  Vue.prototype._init = function (options) {
+    var vm = this;
+    // a uid
+    vm._uid = uid$3++;
+
+    var startTag, endTag;
+    /* istanbul ignore if */
+    if (config.performance && mark) {
+      startTag = "vue-perf-start:" + (vm._uid);
+      endTag = "vue-perf-end:" + (vm._uid);
+      mark(startTag);
+    }
+
+    // a flag to avoid this being observed
+    vm._isVue = true;
+    // merge options
+    if (options && options._isComponent) {
+      // optimize internal component instantiation
+      // since dynamic options merging is pretty slow, and none of the
+      // internal component options needs special treatment.
+      initInternalComponent(vm, options);
+    } else {
+      vm.$options = mergeOptions(
+        resolveConstructorOptions(vm.constructor),
+        options || {},
+        vm
+      );
+    }
+    /* istanbul ignore else */
+    {
+      initProxy(vm);
+    }
+    // expose real self
+    vm._self = vm;
+    initLifecycle(vm);
+    initEvents(vm);
+    initRender(vm);
+    callHook(vm, 'beforeCreate');
+    initInjections(vm); // resolve injections before data/props
+    initState(vm);
+    initProvide(vm); // resolve provide after data/props
+    callHook(vm, 'created');
+
+    /* istanbul ignore if */
+    if (config.performance && mark) {
+      vm._name = formatComponentName(vm, false);
+      mark(endTag);
+      measure(("vue " + (vm._name) + " init"), startTag, endTag);
+    }
+
+    if (vm.$options.el) {
+      vm.$mount(vm.$options.el);
+    }
+  };
+}
+
+function initInternalComponent (vm, options) {
+  var opts = vm.$options = Object.create(vm.constructor.options);
+  // doing this because it's faster than dynamic enumeration.
+  var parentVnode = options._parentVnode;
+  opts.parent = options.parent;
+  opts._parentVnode = parentVnode;
+
+  var vnodeComponentOptions = parentVnode.componentOptions;
+  opts.propsData = vnodeComponentOptions.propsData;
+  opts._parentListeners = vnodeComponentOptions.listeners;
+  opts._renderChildren = vnodeComponentOptions.children;
+  opts._componentTag = vnodeComponentOptions.tag;
+
+  if (options.render) {
+    opts.render = options.render;
+    opts.staticRenderFns = options.staticRenderFns;
+  }
+}
+
+function resolveConstructorOptions (Ctor) {
+  var options = Ctor.options;
+  if (Ctor.super) {
+    var superOptions = resolveConstructorOptions(Ctor.super);
+    var cachedSuperOptions = Ctor.superOptions;
+    if (superOptions !== cachedSuperOptions) {
+      // super option changed,
+      // need to resolve new options.
+      Ctor.superOptions = superOptions;
+      // check if there are any late-modified/attached options (#4976)
+      var modifiedOptions = resolveModifiedOptions(Ctor);
+      // update base extend options
+      if (modifiedOptions) {
+        extend(Ctor.extendOptions, modifiedOptions);
+      }
+      options = Ctor.options = mergeOptions(superOptions, Ctor.extendOptions);
+      if (options.name) {
+        options.components[options.name] = Ctor;
+      }
+    }
+  }
+  return options
+}
+
+function resolveModifiedOptions (Ctor) {
+  var modified;
+  var latest = Ctor.options;
+  var sealed = Ctor.sealedOptions;
+  for (var key in latest) {
+    if (latest[key] !== sealed[key]) {
+      if (!modified) { modified = {}; }
+      modified[key] = latest[key];
+    }
+  }
+  return modified
+}
+
+function Vue (options) {
+  if (!(this instanceof Vue)
+  ) {
+    warn('Vue is a constructor and should be called with the `new` keyword');
+  }
+  this._init(options);
+}
+
+initMixin(Vue);
+stateMixin(Vue);
+eventsMixin(Vue);
+lifecycleMixin(Vue);
+renderMixin(Vue);
+
+/*  */
+
+function initUse (Vue) {
+  Vue.use = function (plugin) {
+    var installedPlugins = (this._installedPlugins || (this._installedPlugins = []));
+    if (installedPlugins.indexOf(plugin) > -1) {
+      return this
+    }
+
+    // additional parameters
+    var args = toArray(arguments, 1);
+    args.unshift(this);
+    if (typeof plugin.install === 'function') {
+      plugin.install.apply(plugin, args);
+    } else if (typeof plugin === 'function') {
+      plugin.apply(null, args);
+    }
+    installedPlugins.push(plugin);
+    return this
+  };
+}
+
+/*  */
+
+function initMixin$1 (Vue) {
+  Vue.mixin = function (mixin) {
+    this.options = mergeOptions(this.options, mixin);
+    return this
+  };
+}
+
+/*  */
+
+function initExtend (Vue) {
+  /**
+   * Each instance constructor, including Vue, has a unique
+   * cid. This enables us to create wrapped "child
+   * constructors" for prototypal inheritance and cache them.
+   */
+  Vue.cid = 0;
+  var cid = 1;
+
+  /**
+   * Class inheritance
+   */
+  Vue.extend = function (extendOptions) {
+    extendOptions = extendOptions || {};
+    var Super = this;
+    var SuperId = Super.cid;
+    var cachedCtors = extendOptions._Ctor || (extendOptions._Ctor = {});
+    if (cachedCtors[SuperId]) {
+      return cachedCtors[SuperId]
+    }
+
+    var name = extendOptions.name || Super.options.name;
+    if (name) {
+      validateComponentName(name);
+    }
+
+    var Sub = function VueComponent (options) {
+      this._init(options);
+    };
+    Sub.prototype = Object.create(Super.prototype);
+    Sub.prototype.constructor = Sub;
+    Sub.cid = cid++;
+    Sub.options = mergeOptions(
+      Super.options,
+      extendOptions
+    );
+    Sub['super'] = Super;
+
+    // For props and computed properties, we define the proxy getters on
+    // the Vue instances at extension time, on the extended prototype. This
+    // avoids Object.defineProperty calls for each instance created.
+    if (Sub.options.props) {
+      initProps$1(Sub);
+    }
+    if (Sub.options.computed) {
+      initComputed$1(Sub);
+    }
+
+    // allow further extension/mixin/plugin usage
+    Sub.extend = Super.extend;
+    Sub.mixin = Super.mixin;
+    Sub.use = Super.use;
+
+    // create asset registers, so extended classes
+    // can have their private assets too.
+    ASSET_TYPES.forEach(function (type) {
+      Sub[type] = Super[type];
+    });
+    // enable recursive self-lookup
+    if (name) {
+      Sub.options.components[name] = Sub;
+    }
+
+    // keep a reference to the super options at extension time.
+    // later at instantiation we can check if Super's options have
+    // been updated.
+    Sub.superOptions = Super.options;
+    Sub.extendOptions = extendOptions;
+    Sub.sealedOptions = extend({}, Sub.options);
+
+    // cache constructor
+    cachedCtors[SuperId] = Sub;
+    return Sub
+  };
+}
+
+function initProps$1 (Comp) {
+  var props = Comp.options.props;
+  for (var key in props) {
+    proxy(Comp.prototype, "_props", key);
+  }
+}
+
+function initComputed$1 (Comp) {
+  var computed = Comp.options.computed;
+  for (var key in computed) {
+    defineComputed(Comp.prototype, key, computed[key]);
+  }
+}
+
+/*  */
+
+function initAssetRegisters (Vue) {
+  /**
+   * Create asset registration methods.
+   */
+  ASSET_TYPES.forEach(function (type) {
+    Vue[type] = function (
+      id,
+      definition
+    ) {
+      if (!definition) {
+        return this.options[type + 's'][id]
+      } else {
+        /* istanbul ignore if */
+        if (type === 'component') {
+          validateComponentName(id);
+        }
+        if (type === 'component' && isPlainObject(definition)) {
+          definition.name = definition.name || id;
+          definition = this.options._base.extend(definition);
+        }
+        if (type === 'directive' && typeof definition === 'function') {
+          definition = { bind: definition, update: definition };
+        }
+        this.options[type + 's'][id] = definition;
+        return definition
+      }
+    };
+  });
+}
+
+/*  */
+
+
+
+function getComponentName (opts) {
+  return opts && (opts.Ctor.options.name || opts.tag)
+}
+
+function matches (pattern, name) {
+  if (Array.isArray(pattern)) {
+    return pattern.indexOf(name) > -1
+  } else if (typeof pattern === 'string') {
+    return pattern.split(',').indexOf(name) > -1
+  } else if (isRegExp(pattern)) {
+    return pattern.test(name)
+  }
+  /* istanbul ignore next */
+  return false
+}
+
+function pruneCache (keepAliveInstance, filter) {
+  var cache = keepAliveInstance.cache;
+  var keys = keepAliveInstance.keys;
+  var _vnode = keepAliveInstance._vnode;
+  for (var key in cache) {
+    var cachedNode = cache[key];
+    if (cachedNode) {
+      var name = getComponentName(cachedNode.componentOptions);
+      if (name && !filter(name)) {
+        pruneCacheEntry(cache, key, keys, _vnode);
+      }
+    }
+  }
+}
+
+function pruneCacheEntry (
+  cache,
+  key,
+  keys,
+  current
+) {
+  var cached$$1 = cache[key];
+  if (cached$$1 && (!current || cached$$1.tag !== current.tag)) {
+    cached$$1.componentInstance.$destroy();
+  }
+  cache[key] = null;
+  remove(keys, key);
+}
+
+var patternTypes = [String, RegExp, Array];
+
+var KeepAlive = {
+  name: 'keep-alive',
+  abstract: true,
+
+  props: {
+    include: patternTypes,
+    exclude: patternTypes,
+    max: [String, Number]
+  },
+
+  created: function created () {
+    this.cache = Object.create(null);
+    this.keys = [];
+  },
+
+  destroyed: function destroyed () {
+    for (var key in this.cache) {
+      pruneCacheEntry(this.cache, key, this.keys);
+    }
+  },
+
+  mounted: function mounted () {
+    var this$1 = this;
+
+    this.$watch('include', function (val) {
+      pruneCache(this$1, function (name) { return matches(val, name); });
+    });
+    this.$watch('exclude', function (val) {
+      pruneCache(this$1, function (name) { return !matches(val, name); });
+    });
+  },
+
+  render: function render () {
+    var slot = this.$slots.default;
+    var vnode = getFirstComponentChild(slot);
+    var componentOptions = vnode && vnode.componentOptions;
+    if (componentOptions) {
+      // check pattern
+      var name = getComponentName(componentOptions);
+      var ref = this;
+      var include = ref.include;
+      var exclude = ref.exclude;
+      if (
+        // not included
+        (include && (!name || !matches(include, name))) ||
+        // excluded
+        (exclude && name && matches(exclude, name))
+      ) {
+        return vnode
+      }
+
+      var ref$1 = this;
+      var cache = ref$1.cache;
+      var keys = ref$1.keys;
+      var key = vnode.key == null
+        // same constructor may get registered as different local components
+        // so cid alone is not enough (#3269)
+        ? componentOptions.Ctor.cid + (componentOptions.tag ? ("::" + (componentOptions.tag)) : '')
+        : vnode.key;
+      if (cache[key]) {
+        vnode.componentInstance = cache[key].componentInstance;
+        // make current key freshest
+        remove(keys, key);
+        keys.push(key);
+      } else {
+        cache[key] = vnode;
+        keys.push(key);
+        // prune oldest entry
+        if (this.max && keys.length > parseInt(this.max)) {
+          pruneCacheEntry(cache, keys[0], keys, this._vnode);
+        }
+      }
+
+      vnode.data.keepAlive = true;
+    }
+    return vnode || (slot && slot[0])
+  }
+};
+
+var builtInComponents = {
+  KeepAlive: KeepAlive
+};
+
+/*  */
+
+function initGlobalAPI (Vue) {
+  // config
+  var configDef = {};
+  configDef.get = function () { return config; };
+  {
+    configDef.set = function () {
+      warn(
+        'Do not replace the Vue.config object, set individual fields instead.'
+      );
+    };
+  }
+  Object.defineProperty(Vue, 'config', configDef);
+
+  // exposed util methods.
+  // NOTE: these are not considered part of the public API - avoid relying on
+  // them unless you are aware of the risk.
+  Vue.util = {
+    warn: warn,
+    extend: extend,
+    mergeOptions: mergeOptions,
+    defineReactive: defineReactive$$1
+  };
+
+  Vue.set = set;
+  Vue.delete = del;
+  Vue.nextTick = nextTick;
+
+  // 2.6 explicit observable API
+  Vue.observable = function (obj) {
+    observe(obj);
+    return obj
+  };
+
+  Vue.options = Object.create(null);
+  ASSET_TYPES.forEach(function (type) {
+    Vue.options[type + 's'] = Object.create(null);
+  });
+
+  // this is used to identify the "base" constructor to extend all plain-object
+  // components with in Weex's multi-instance scenarios.
+  Vue.options._base = Vue;
+
+  extend(Vue.options.components, builtInComponents);
+
+  initUse(Vue);
+  initMixin$1(Vue);
+  initExtend(Vue);
+  initAssetRegisters(Vue);
+}
+
+initGlobalAPI(Vue);
+
+Object.defineProperty(Vue.prototype, '$isServer', {
+  get: isServerRendering
+});
+
+Object.defineProperty(Vue.prototype, '$ssrContext', {
+  get: function get () {
+    /* istanbul ignore next */
+    return this.$vnode && this.$vnode.ssrContext
+  }
+});
+
+// expose FunctionalRenderContext for ssr runtime helper installation
+Object.defineProperty(Vue, 'FunctionalRenderContext', {
+  value: FunctionalRenderContext
+});
+
+Vue.version = '2.6.10';
+
+/*  */
+
+// these are reserved for web because they are directly compiled away
+// during template compilation
+var isReservedAttr = makeMap('style,class');
+
+// attributes that should be using props for binding
+var acceptValue = makeMap('input,textarea,option,select,progress');
+var mustUseProp = function (tag, type, attr) {
+  return (
+    (attr === 'value' && acceptValue(tag)) && type !== 'button' ||
+    (attr === 'selected' && tag === 'option') ||
+    (attr === 'checked' && tag === 'input') ||
+    (attr === 'muted' && tag === 'video')
+  )
+};
+
+var isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck');
+
+var isValidContentEditableValue = makeMap('events,caret,typing,plaintext-only');
+
+var convertEnumeratedValue = function (key, value) {
+  return isFalsyAttrValue(value) || value === 'false'
+    ? 'false'
+    // allow arbitrary string value for contenteditable
+    : key === 'contenteditable' && isValidContentEditableValue(value)
+      ? value
+      : 'true'
+};
+
+var isBooleanAttr = makeMap(
+  'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' +
+  'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' +
+  'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' +
+  'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' +
+  'required,reversed,scoped,seamless,selected,sortable,translate,' +
+  'truespeed,typemustmatch,visible'
+);
+
+var xlinkNS = 'http://www.w3.org/1999/xlink';
+
+var isXlink = function (name) {
+  return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink'
+};
+
+var getXlinkProp = function (name) {
+  return isXlink(name) ? name.slice(6, name.length) : ''
+};
+
+var isFalsyAttrValue = function (val) {
+  return val == null || val === false
+};
+
+/*  */
+
+function genClassForVnode (vnode) {
+  var data = vnode.data;
+  var parentNode = vnode;
+  var childNode = vnode;
+  while (isDef(childNode.componentInstance)) {
+    childNode = childNode.componentInstance._vnode;
+    if (childNode && childNode.data) {
+      data = mergeClassData(childNode.data, data);
+    }
+  }
+  while (isDef(parentNode = parentNode.parent)) {
+    if (parentNode && parentNode.data) {
+      data = mergeClassData(data, parentNode.data);
+    }
+  }
+  return renderClass(data.staticClass, data.class)
+}
+
+function mergeClassData (child, parent) {
+  return {
+    staticClass: concat(child.staticClass, parent.staticClass),
+    class: isDef(child.class)
+      ? [child.class, parent.class]
+      : parent.class
+  }
+}
+
+function renderClass (
+  staticClass,
+  dynamicClass
+) {
+  if (isDef(staticClass) || isDef(dynamicClass)) {
+    return concat(staticClass, stringifyClass(dynamicClass))
+  }
+  /* istanbul ignore next */
+  return ''
+}
+
+function concat (a, b) {
+  return a ? b ? (a + ' ' + b) : a : (b || '')
+}
+
+function stringifyClass (value) {
+  if (Array.isArray(value)) {
+    return stringifyArray(value)
+  }
+  if (isObject(value)) {
+    return stringifyObject(value)
+  }
+  if (typeof value === 'string') {
+    return value
+  }
+  /* istanbul ignore next */
+  return ''
+}
+
+function stringifyArray (value) {
+  var res = '';
+  var stringified;
+  for (var i = 0, l = value.length; i < l; i++) {
+    if (isDef(stringified = stringifyClass(value[i])) && stringified !== '') {
+      if (res) { res += ' '; }
+      res += stringified;
+    }
+  }
+  return res
+}
+
+function stringifyObject (value) {
+  var res = '';
+  for (var key in value) {
+    if (value[key]) {
+      if (res) { res += ' '; }
+      res += key;
+    }
+  }
+  return res
+}
+
+/*  */
+
+var namespaceMap = {
+  svg: 'http://www.w3.org/2000/svg',
+  math: 'http://www.w3.org/1998/Math/MathML'
+};
+
+var isHTMLTag = makeMap(
+  'html,body,base,head,link,meta,style,title,' +
+  'address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' +
+  'div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,' +
+  'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' +
+  's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' +
+  'embed,object,param,source,canvas,script,noscript,del,ins,' +
+  'caption,col,colgroup,table,thead,tbody,td,th,tr,' +
+  'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' +
+  'output,progress,select,textarea,' +
+  'details,dialog,menu,menuitem,summary,' +
+  'content,element,shadow,template,blockquote,iframe,tfoot'
+);
+
+// this map is intentionally selective, only covering SVG elements that may
+// contain child elements.
+var isSVG = makeMap(
+  'svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,' +
+  'foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,' +
+  'polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view',
+  true
+);
+
+var isPreTag = function (tag) { return tag === 'pre'; };
+
+var isReservedTag = function (tag) {
+  return isHTMLTag(tag) || isSVG(tag)
+};
+
+function getTagNamespace (tag) {
+  if (isSVG(tag)) {
+    return 'svg'
+  }
+  // basic support for MathML
+  // note it doesn't support other MathML elements being component roots
+  if (tag === 'math') {
+    return 'math'
+  }
+}
+
+var unknownElementCache = Object.create(null);
+function isUnknownElement (tag) {
+  /* istanbul ignore if */
+  if (!inBrowser) {
+    return true
+  }
+  if (isReservedTag(tag)) {
+    return false
+  }
+  tag = tag.toLowerCase();
+  /* istanbul ignore if */
+  if (unknownElementCache[tag] != null) {
+    return unknownElementCache[tag]
+  }
+  var el = document.createElement(tag);
+  if (tag.indexOf('-') > -1) {
+    // http://stackoverflow.com/a/28210364/1070244
+    return (unknownElementCache[tag] = (
+      el.constructor === window.HTMLUnknownElement ||
+      el.constructor === window.HTMLElement
+    ))
+  } else {
+    return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString()))
+  }
+}
+
+var isTextInputType = makeMap('text,number,password,search,email,tel,url');
+
+/*  */
+
+/**
+ * Query an element selector if it's not an element already.
+ */
+function query (el) {
+  if (typeof el === 'string') {
+    var selected = document.querySelector(el);
+    if (!selected) {
+      warn(
+        'Cannot find element: ' + el
+      );
+      return document.createElement('div')
+    }
+    return selected
+  } else {
+    return el
+  }
+}
+
+/*  */
+
+function createElement$1 (tagName, vnode) {
+  var elm = document.createElement(tagName);
+  if (tagName !== 'select') {
+    return elm
+  }
+  // false or null will remove the attribute but undefined will not
+  if (vnode.data && vnode.data.attrs && vnode.data.attrs.multiple !== undefined) {
+    elm.setAttribute('multiple', 'multiple');
+  }
+  return elm
+}
+
+function createElementNS (namespace, tagName) {
+  return document.createElementNS(namespaceMap[namespace], tagName)
+}
+
+function createTextNode (text) {
+  return document.createTextNode(text)
+}
+
+function createComment (text) {
+  return document.createComment(text)
+}
+
+function insertBefore (parentNode, newNode, referenceNode) {
+  parentNode.insertBefore(newNode, referenceNode);
+}
+
+function removeChild (node, child) {
+  node.removeChild(child);
+}
+
+function appendChild (node, child) {
+  node.appendChild(child);
+}
+
+function parentNode (node) {
+  return node.parentNode
+}
+
+function nextSibling (node) {
+  return node.nextSibling
+}
+
+function tagName (node) {
+  return node.tagName
+}
+
+function setTextContent (node, text) {
+  node.textContent = text;
+}
+
+function setStyleScope (node, scopeId) {
+  node.setAttribute(scopeId, '');
+}
+
+var nodeOps = /*#__PURE__*/Object.freeze({
+  createElement: createElement$1,
+  createElementNS: createElementNS,
+  createTextNode: createTextNode,
+  createComment: createComment,
+  insertBefore: insertBefore,
+  removeChild: removeChild,
+  appendChild: appendChild,
+  parentNode: parentNode,
+  nextSibling: nextSibling,
+  tagName: tagName,
+  setTextContent: setTextContent,
+  setStyleScope: setStyleScope
+});
+
+/*  */
+
+var ref = {
+  create: function create (_, vnode) {
+    registerRef(vnode);
+  },
+  update: function update (oldVnode, vnode) {
+    if (oldVnode.data.ref !== vnode.data.ref) {
+      registerRef(oldVnode, true);
+      registerRef(vnode);
+    }
+  },
+  destroy: function destroy (vnode) {
+    registerRef(vnode, true);
+  }
+};
+
+function registerRef (vnode, isRemoval) {
+  var key = vnode.data.ref;
+  if (!isDef(key)) { return }
+
+  var vm = vnode.context;
+  var ref = vnode.componentInstance || vnode.elm;
+  var refs = vm.$refs;
+  if (isRemoval) {
+    if (Array.isArray(refs[key])) {
+      remove(refs[key], ref);
+    } else if (refs[key] === ref) {
+      refs[key] = undefined;
+    }
+  } else {
+    if (vnode.data.refInFor) {
+      if (!Array.isArray(refs[key])) {
+        refs[key] = [ref];
+      } else if (refs[key].indexOf(ref) < 0) {
+        // $flow-disable-line
+        refs[key].push(ref);
+      }
+    } else {
+      refs[key] = ref;
+    }
+  }
+}
+
+/**
+ * Virtual DOM patching algorithm based on Snabbdom by
+ * Simon Friis Vindum (@paldepind)
+ * Licensed under the MIT License
+ * https://github.com/paldepind/snabbdom/blob/master/LICENSE
+ *
+ * modified by Evan You (@yyx990803)
+ *
+ * Not type-checking this because this file is perf-critical and the cost
+ * of making flow understand it is not worth it.
+ */
+
+var emptyNode = new VNode('', {}, []);
+
+var hooks = ['create', 'activate', 'update', 'remove', 'destroy'];
+
+function sameVnode (a, b) {
+  return (
+    a.key === b.key && (
+      (
+        a.tag === b.tag &&
+        a.isComment === b.isComment &&
+        isDef(a.data) === isDef(b.data) &&
+        sameInputType(a, b)
+      ) || (
+        isTrue(a.isAsyncPlaceholder) &&
+        a.asyncFactory === b.asyncFactory &&
+        isUndef(b.asyncFactory.error)
+      )
+    )
+  )
+}
+
+function sameInputType (a, b) {
+  if (a.tag !== 'input') { return true }
+  var i;
+  var typeA = isDef(i = a.data) && isDef(i = i.attrs) && i.type;
+  var typeB = isDef(i = b.data) && isDef(i = i.attrs) && i.type;
+  return typeA === typeB || isTextInputType(typeA) && isTextInputType(typeB)
+}
+
+function createKeyToOldIdx (children, beginIdx, endIdx) {
+  var i, key;
+  var map = {};
+  for (i = beginIdx; i <= endIdx; ++i) {
+    key = children[i].key;
+    if (isDef(key)) { map[key] = i; }
+  }
+  return map
+}
+
+function createPatchFunction (backend) {
+  var i, j;
+  var cbs = {};
+
+  var modules = backend.modules;
+  var nodeOps = backend.nodeOps;
+
+  for (i = 0; i < hooks.length; ++i) {
+    cbs[hooks[i]] = [];
+    for (j = 0; j < modules.length; ++j) {
+      if (isDef(modules[j][hooks[i]])) {
+        cbs[hooks[i]].push(modules[j][hooks[i]]);
+      }
+    }
+  }
+
+  function emptyNodeAt (elm) {
+    return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm)
+  }
+
+  function createRmCb (childElm, listeners) {
+    function remove$$1 () {
+      if (--remove$$1.listeners === 0) {
+        removeNode(childElm);
+      }
+    }
+    remove$$1.listeners = listeners;
+    return remove$$1
+  }
+
+  function removeNode (el) {
+    var parent = nodeOps.parentNode(el);
+    // element may have already been removed due to v-html / v-text
+    if (isDef(parent)) {
+      nodeOps.removeChild(parent, el);
+    }
+  }
+
+  function isUnknownElement$$1 (vnode, inVPre) {
+    return (
+      !inVPre &&
+      !vnode.ns &&
+      !(
+        config.ignoredElements.length &&
+        config.ignoredElements.some(function (ignore) {
+          return isRegExp(ignore)
+            ? ignore.test(vnode.tag)
+            : ignore === vnode.tag
+        })
+      ) &&
+      config.isUnknownElement(vnode.tag)
+    )
+  }
+
+  var creatingElmInVPre = 0;
+
+  function createElm (
+    vnode,
+    insertedVnodeQueue,
+    parentElm,
+    refElm,
+    nested,
+    ownerArray,
+    index
+  ) {
+    if (isDef(vnode.elm) && isDef(ownerArray)) {
+      // This vnode was used in a previous render!
+      // now it's used as a new node, overwriting its elm would cause
+      // potential patch errors down the road when it's used as an insertion
+      // reference node. Instead, we clone the node on-demand before creating
+      // associated DOM element for it.
+      vnode = ownerArray[index] = cloneVNode(vnode);
+    }
+
+    vnode.isRootInsert = !nested; // for transition enter check
+    if (createComponent(vnode, insertedVnodeQueue, parentElm, refElm)) {
+      return
+    }
+
+    var data = vnode.data;
+    var children = vnode.children;
+    var tag = vnode.tag;
+    if (isDef(tag)) {
+      {
+        if (data && data.pre) {
+          creatingElmInVPre++;
+        }
+        if (isUnknownElement$$1(vnode, creatingElmInVPre)) {
+          warn(
+            'Unknown custom element: <' + tag + '> - did you ' +
+            'register the component correctly? For recursive components, ' +
+            'make sure to provide the "name" option.',
+            vnode.context
+          );
+        }
+      }
+
+      vnode.elm = vnode.ns
+        ? nodeOps.createElementNS(vnode.ns, tag)
+        : nodeOps.createElement(tag, vnode);
+      setScope(vnode);
+
+      /* istanbul ignore if */
+      {
+        createChildren(vnode, children, insertedVnodeQueue);
+        if (isDef(data)) {
+          invokeCreateHooks(vnode, insertedVnodeQueue);
+        }
+        insert(parentElm, vnode.elm, refElm);
+      }
+
+      if (data && data.pre) {
+        creatingElmInVPre--;
+      }
+    } else if (isTrue(vnode.isComment)) {
+      vnode.elm = nodeOps.createComment(vnode.text);
+      insert(parentElm, vnode.elm, refElm);
+    } else {
+      vnode.elm = nodeOps.createTextNode(vnode.text);
+      insert(parentElm, vnode.elm, refElm);
+    }
+  }
+
+  function createComponent (vnode, insertedVnodeQueue, parentElm, refElm) {
+    var i = vnode.data;
+    if (isDef(i)) {
+      var isReactivated = isDef(vnode.componentInstance) && i.keepAlive;
+      if (isDef(i = i.hook) && isDef(i = i.init)) {
+        i(vnode, false /* hydrating */);
+      }
+      // after calling the init hook, if the vnode is a child component
+      // it should've created a child instance and mounted it. the child
+      // component also has set the placeholder vnode's elm.
+      // in that case we can just return the element and be done.
+      if (isDef(vnode.componentInstance)) {
+        initComponent(vnode, insertedVnodeQueue);
+        insert(parentElm, vnode.elm, refElm);
+        if (isTrue(isReactivated)) {
+          reactivateComponent(vnode, insertedVnodeQueue, parentElm, refElm);
+        }
+        return true
+      }
+    }
+  }
+
+  function initComponent (vnode, insertedVnodeQueue) {
+    if (isDef(vnode.data.pendingInsert)) {
+      insertedVnodeQueue.push.apply(insertedVnodeQueue, vnode.data.pendingInsert);
+      vnode.data.pendingInsert = null;
+    }
+    vnode.elm = vnode.componentInstance.$el;
+    if (isPatchable(vnode)) {
+      invokeCreateHooks(vnode, insertedVnodeQueue);
+      setScope(vnode);
+    } else {
+      // empty component root.
+      // skip all element-related modules except for ref (#3455)
+      registerRef(vnode);
+      // make sure to invoke the insert hook
+      insertedVnodeQueue.push(vnode);
+    }
+  }
+
+  function reactivateComponent (vnode, insertedVnodeQueue, parentElm, refElm) {
+    var i;
+    // hack for #4339: a reactivated component with inner transition
+    // does not trigger because the inner node's created hooks are not called
+    // again. It's not ideal to involve module-specific logic in here but
+    // there doesn't seem to be a better way to do it.
+    var innerNode = vnode;
+    while (innerNode.componentInstance) {
+      innerNode = innerNode.componentInstance._vnode;
+      if (isDef(i = innerNode.data) && isDef(i = i.transition)) {
+        for (i = 0; i < cbs.activate.length; ++i) {
+          cbs.activate[i](emptyNode, innerNode);
+        }
+        insertedVnodeQueue.push(innerNode);
+        break
+      }
+    }
+    // unlike a newly created component,
+    // a reactivated keep-alive component doesn't insert itself
+    insert(parentElm, vnode.elm, refElm);
+  }
+
+  function insert (parent, elm, ref$$1) {
+    if (isDef(parent)) {
+      if (isDef(ref$$1)) {
+        if (nodeOps.parentNode(ref$$1) === parent) {
+          nodeOps.insertBefore(parent, elm, ref$$1);
+        }
+      } else {
+        nodeOps.appendChild(parent, elm);
+      }
+    }
+  }
+
+  function createChildren (vnode, children, insertedVnodeQueue) {
+    if (Array.isArray(children)) {
+      {
+        checkDuplicateKeys(children);
+      }
+      for (var i = 0; i < children.length; ++i) {
+        createElm(children[i], insertedVnodeQueue, vnode.elm, null, true, children, i);
+      }
+    } else if (isPrimitive(vnode.text)) {
+      nodeOps.appendChild(vnode.elm, nodeOps.createTextNode(String(vnode.text)));
+    }
+  }
+
+  function isPatchable (vnode) {
+    while (vnode.componentInstance) {
+      vnode = vnode.componentInstance._vnode;
+    }
+    return isDef(vnode.tag)
+  }
+
+  function invokeCreateHooks (vnode, insertedVnodeQueue) {
+    for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {
+      cbs.create[i$1](emptyNode, vnode);
+    }
+    i = vnode.data.hook; // Reuse variable
+    if (isDef(i)) {
+      if (isDef(i.create)) { i.create(emptyNode, vnode); }
+      if (isDef(i.insert)) { insertedVnodeQueue.push(vnode); }
+    }
+  }
+
+  // set scope id attribute for scoped CSS.
+  // this is implemented as a special case to avoid the overhead
+  // of going through the normal attribute patching process.
+  function setScope (vnode) {
+    var i;
+    if (isDef(i = vnode.fnScopeId)) {
+      nodeOps.setStyleScope(vnode.elm, i);
+    } else {
+      var ancestor = vnode;
+      while (ancestor) {
+        if (isDef(i = ancestor.context) && isDef(i = i.$options._scopeId)) {
+          nodeOps.setStyleScope(vnode.elm, i);
+        }
+        ancestor = ancestor.parent;
+      }
+    }
+    // for slot content they should also get the scopeId from the host instance.
+    if (isDef(i = activeInstance) &&
+      i !== vnode.context &&
+      i !== vnode.fnContext &&
+      isDef(i = i.$options._scopeId)
+    ) {
+      nodeOps.setStyleScope(vnode.elm, i);
+    }
+  }
+
+  function addVnodes (parentElm, refElm, vnodes, startIdx, endIdx, insertedVnodeQueue) {
+    for (; startIdx <= endIdx; ++startIdx) {
+      createElm(vnodes[startIdx], insertedVnodeQueue, parentElm, refElm, false, vnodes, startIdx);
+    }
+  }
+
+  function invokeDestroyHook (vnode) {
+    var i, j;
+    var data = vnode.data;
+    if (isDef(data)) {
+      if (isDef(i = data.hook) && isDef(i = i.destroy)) { i(vnode); }
+      for (i = 0; i < cbs.destroy.length; ++i) { cbs.destroy[i](vnode); }
+    }
+    if (isDef(i = vnode.children)) {
+      for (j = 0; j < vnode.children.length; ++j) {
+        invokeDestroyHook(vnode.children[j]);
+      }
+    }
+  }
+
+  function removeVnodes (parentElm, vnodes, startIdx, endIdx) {
+    for (; startIdx <= endIdx; ++startIdx) {
+      var ch = vnodes[startIdx];
+      if (isDef(ch)) {
+        if (isDef(ch.tag)) {
+          removeAndInvokeRemoveHook(ch);
+          invokeDestroyHook(ch);
+        } else { // Text node
+          removeNode(ch.elm);
+        }
+      }
+    }
+  }
+
+  function removeAndInvokeRemoveHook (vnode, rm) {
+    if (isDef(rm) || isDef(vnode.data)) {
+      var i;
+      var listeners = cbs.remove.length + 1;
+      if (isDef(rm)) {
+        // we have a recursively passed down rm callback
+        // increase the listeners count
+        rm.listeners += listeners;
+      } else {
+        // directly removing
+        rm = createRmCb(vnode.elm, listeners);
+      }
+      // recursively invoke hooks on child component root node
+      if (isDef(i = vnode.componentInstance) && isDef(i = i._vnode) && isDef(i.data)) {
+        removeAndInvokeRemoveHook(i, rm);
+      }
+      for (i = 0; i < cbs.remove.length; ++i) {
+        cbs.remove[i](vnode, rm);
+      }
+      if (isDef(i = vnode.data.hook) && isDef(i = i.remove)) {
+        i(vnode, rm);
+      } else {
+        rm();
+      }
+    } else {
+      removeNode(vnode.elm);
+    }
+  }
+
+  function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {
+    var oldStartIdx = 0;
+    var newStartIdx = 0;
+    var oldEndIdx = oldCh.length - 1;
+    var oldStartVnode = oldCh[0];
+    var oldEndVnode = oldCh[oldEndIdx];
+    var newEndIdx = newCh.length - 1;
+    var newStartVnode = newCh[0];
+    var newEndVnode = newCh[newEndIdx];
+    var oldKeyToIdx, idxInOld, vnodeToMove, refElm;
+
+    // removeOnly is a special flag used only by <transition-group>
+    // to ensure removed elements stay in correct relative positions
+    // during leaving transitions
+    var canMove = !removeOnly;
+
+    {
+      checkDuplicateKeys(newCh);
+    }
+
+    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+      if (isUndef(oldStartVnode)) {
+        oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left
+      } else if (isUndef(oldEndVnode)) {
+        oldEndVnode = oldCh[--oldEndIdx];
+      } else if (sameVnode(oldStartVnode, newStartVnode)) {
+        patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);
+        oldStartVnode = oldCh[++oldStartIdx];
+        newStartVnode = newCh[++newStartIdx];
+      } else if (sameVnode(oldEndVnode, newEndVnode)) {
+        patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue, newCh, newEndIdx);
+        oldEndVnode = oldCh[--oldEndIdx];
+        newEndVnode = newCh[--newEndIdx];
+      } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right
+        patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue, newCh, newEndIdx);
+        canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm));
+        oldStartVnode = oldCh[++oldStartIdx];
+        newEndVnode = newCh[--newEndIdx];
+      } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left
+        patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);
+        canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);
+        oldEndVnode = oldCh[--oldEndIdx];
+        newStartVnode = newCh[++newStartIdx];
+      } else {
+        if (isUndef(oldKeyToIdx)) { oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); }
+        idxInOld = isDef(newStartVnode.key)
+          ? oldKeyToIdx[newStartVnode.key]
+          : findIdxInOld(newStartVnode, oldCh, oldStartIdx, oldEndIdx);
+        if (isUndef(idxInOld)) { // New element
+          createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);
+        } else {
+          vnodeToMove = oldCh[idxInOld];
+          if (sameVnode(vnodeToMove, newStartVnode)) {
+            patchVnode(vnodeToMove, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);
+            oldCh[idxInOld] = undefined;
+            canMove && nodeOps.insertBefore(parentElm, vnodeToMove.elm, oldStartVnode.elm);
+          } else {
+            // same key but different element. treat as new element
+            createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);
+          }
+        }
+        newStartVnode = newCh[++newStartIdx];
+      }
+    }
+    if (oldStartIdx > oldEndIdx) {
+      refElm = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;
+      addVnodes(parentElm, refElm, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);
+    } else if (newStartIdx > newEndIdx) {
+      removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);
+    }
+  }
+
+  function checkDuplicateKeys (children) {
+    var seenKeys = {};
+    for (var i = 0; i < children.length; i++) {
+      var vnode = children[i];
+      var key = vnode.key;
+      if (isDef(key)) {
+        if (seenKeys[key]) {
+          warn(
+            ("Duplicate keys detected: '" + key + "'. This may cause an update error."),
+            vnode.context
+          );
+        } else {
+          seenKeys[key] = true;
+        }
+      }
+    }
+  }
+
+  function findIdxInOld (node, oldCh, start, end) {
+    for (var i = start; i < end; i++) {
+      var c = oldCh[i];
+      if (isDef(c) && sameVnode(node, c)) { return i }
+    }
+  }
+
+  function patchVnode (
+    oldVnode,
+    vnode,
+    insertedVnodeQueue,
+    ownerArray,
+    index,
+    removeOnly
+  ) {
+    if (oldVnode === vnode) {
+      return
+    }
+
+    if (isDef(vnode.elm) && isDef(ownerArray)) {
+      // clone reused vnode
+      vnode = ownerArray[index] = cloneVNode(vnode);
+    }
+
+    var elm = vnode.elm = oldVnode.elm;
+
+    if (isTrue(oldVnode.isAsyncPlaceholder)) {
+      if (isDef(vnode.asyncFactory.resolved)) {
+        hydrate(oldVnode.elm, vnode, insertedVnodeQueue);
+      } else {
+        vnode.isAsyncPlaceholder = true;
+      }
+      return
+    }
+
+    // reuse element for static trees.
+    // note we only do this if the vnode is cloned -
+    // if the new node is not cloned it means the render functions have been
+    // reset by the hot-reload-api and we need to do a proper re-render.
+    if (isTrue(vnode.isStatic) &&
+      isTrue(oldVnode.isStatic) &&
+      vnode.key === oldVnode.key &&
+      (isTrue(vnode.isCloned) || isTrue(vnode.isOnce))
+    ) {
+      vnode.componentInstance = oldVnode.componentInstance;
+      return
+    }
+
+    var i;
+    var data = vnode.data;
+    if (isDef(data) && isDef(i = data.hook) && isDef(i = i.prepatch)) {
+      i(oldVnode, vnode);
+    }
+
+    var oldCh = oldVnode.children;
+    var ch = vnode.children;
+    if (isDef(data) && isPatchable(vnode)) {
+      for (i = 0; i < cbs.update.length; ++i) { cbs.update[i](oldVnode, vnode); }
+      if (isDef(i = data.hook) && isDef(i = i.update)) { i(oldVnode, vnode); }
+    }
+    if (isUndef(vnode.text)) {
+      if (isDef(oldCh) && isDef(ch)) {
+        if (oldCh !== ch) { updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly); }
+      } else if (isDef(ch)) {
+        {
+          checkDuplicateKeys(ch);
+        }
+        if (isDef(oldVnode.text)) { nodeOps.setTextContent(elm, ''); }
+        addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
+      } else if (isDef(oldCh)) {
+        removeVnodes(elm, oldCh, 0, oldCh.length - 1);
+      } else if (isDef(oldVnode.text)) {
+        nodeOps.setTextContent(elm, '');
+      }
+    } else if (oldVnode.text !== vnode.text) {
+      nodeOps.setTextContent(elm, vnode.text);
+    }
+    if (isDef(data)) {
+      if (isDef(i = data.hook) && isDef(i = i.postpatch)) { i(oldVnode, vnode); }
+    }
+  }
+
+  function invokeInsertHook (vnode, queue, initial) {
+    // delay insert hooks for component root nodes, invoke them after the
+    // element is really inserted
+    if (isTrue(initial) && isDef(vnode.parent)) {
+      vnode.parent.data.pendingInsert = queue;
+    } else {
+      for (var i = 0; i < queue.length; ++i) {
+        queue[i].data.hook.insert(queue[i]);
+      }
+    }
+  }
+
+  var hydrationBailed = false;
+  // list of modules that can skip create hook during hydration because they
+  // are already rendered on the client or has no need for initialization
+  // Note: style is excluded because it relies on initial clone for future
+  // deep updates (#7063).
+  var isRenderedModule = makeMap('attrs,class,staticClass,staticStyle,key');
+
+  // Note: this is a browser-only function so we can assume elms are DOM nodes.
+  function hydrate (elm, vnode, insertedVnodeQueue, inVPre) {
+    var i;
+    var tag = vnode.tag;
+    var data = vnode.data;
+    var children = vnode.children;
+    inVPre = inVPre || (data && data.pre);
+    vnode.elm = elm;
+
+    if (isTrue(vnode.isComment) && isDef(vnode.asyncFactory)) {
+      vnode.isAsyncPlaceholder = true;
+      return true
+    }
+    // assert node match
+    {
+      if (!assertNodeMatch(elm, vnode, inVPre)) {
+        return false
+      }
+    }
+    if (isDef(data)) {
+      if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode, true /* hydrating */); }
+      if (isDef(i = vnode.componentInstance)) {
+        // child component. it should have hydrated its own tree.
+        initComponent(vnode, insertedVnodeQueue);
+        return true
+      }
+    }
+    if (isDef(tag)) {
+      if (isDef(children)) {
+        // empty element, allow client to pick up and populate children
+        if (!elm.hasChildNodes()) {
+          createChildren(vnode, children, insertedVnodeQueue);
+        } else {
+          // v-html and domProps: innerHTML
+          if (isDef(i = data) && isDef(i = i.domProps) && isDef(i = i.innerHTML)) {
+            if (i !== elm.innerHTML) {
+              /* istanbul ignore if */
+              if (typeof console !== 'undefined' &&
+                !hydrationBailed
+              ) {
+                hydrationBailed = true;
+                console.warn('Parent: ', elm);
+                console.warn('server innerHTML: ', i);
+                console.warn('client innerHTML: ', elm.innerHTML);
+              }
+              return false
+            }
+          } else {
+            // iterate and compare children lists
+            var childrenMatch = true;
+            var childNode = elm.firstChild;
+            for (var i$1 = 0; i$1 < children.length; i$1++) {
+              if (!childNode || !hydrate(childNode, children[i$1], insertedVnodeQueue, inVPre)) {
+                childrenMatch = false;
+                break
+              }
+              childNode = childNode.nextSibling;
+            }
+            // if childNode is not null, it means the actual childNodes list is
+            // longer than the virtual children list.
+            if (!childrenMatch || childNode) {
+              /* istanbul ignore if */
+              if (typeof console !== 'undefined' &&
+                !hydrationBailed
+              ) {
+                hydrationBailed = true;
+                console.warn('Parent: ', elm);
+                console.warn('Mismatching childNodes vs. VNodes: ', elm.childNodes, children);
+              }
+              return false
+            }
+          }
+        }
+      }
+      if (isDef(data)) {
+        var fullInvoke = false;
+        for (var key in data) {
+          if (!isRenderedModule(key)) {
+            fullInvoke = true;
+            invokeCreateHooks(vnode, insertedVnodeQueue);
+            break
+          }
+        }
+        if (!fullInvoke && data['class']) {
+          // ensure collecting deps for deep class bindings for future updates
+          traverse(data['class']);
+        }
+      }
+    } else if (elm.data !== vnode.text) {
+      elm.data = vnode.text;
+    }
+    return true
+  }
+
+  function assertNodeMatch (node, vnode, inVPre) {
+    if (isDef(vnode.tag)) {
+      return vnode.tag.indexOf('vue-component') === 0 || (
+        !isUnknownElement$$1(vnode, inVPre) &&
+        vnode.tag.toLowerCase() === (node.tagName && node.tagName.toLowerCase())
+      )
+    } else {
+      return node.nodeType === (vnode.isComment ? 8 : 3)
+    }
+  }
+
+  return function patch (oldVnode, vnode, hydrating, removeOnly) {
+    if (isUndef(vnode)) {
+      if (isDef(oldVnode)) { invokeDestroyHook(oldVnode); }
+      return
+    }
+
+    var isInitialPatch = false;
+    var insertedVnodeQueue = [];
+
+    if (isUndef(oldVnode)) {
+      // empty mount (likely as component), create new root element
+      isInitialPatch = true;
+      createElm(vnode, insertedVnodeQueue);
+    } else {
+      var isRealElement = isDef(oldVnode.nodeType);
+      if (!isRealElement && sameVnode(oldVnode, vnode)) {
+        // patch existing root node
+        patchVnode(oldVnode, vnode, insertedVnodeQueue, null, null, removeOnly);
+      } else {
+        if (isRealElement) {
+          // mounting to a real element
+          // check if this is server-rendered content and if we can perform
+          // a successful hydration.
+          if (oldVnode.nodeType === 1 && oldVnode.hasAttribute(SSR_ATTR)) {
+            oldVnode.removeAttribute(SSR_ATTR);
+            hydrating = true;
+          }
+          if (isTrue(hydrating)) {
+            if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
+              invokeInsertHook(vnode, insertedVnodeQueue, true);
+              return oldVnode
+            } else {
+              warn(
+                'The client-side rendered virtual DOM tree is not matching ' +
+                'server-rendered content. This is likely caused by incorrect ' +
+                'HTML markup, for example nesting block-level elements inside ' +
+                '<p>, or missing <tbody>. Bailing hydration and performing ' +
+                'full client-side render.'
+              );
+            }
+          }
+          // either not server-rendered, or hydration failed.
+          // create an empty node and replace it
+          oldVnode = emptyNodeAt(oldVnode);
+        }
+
+        // replacing existing element
+        var oldElm = oldVnode.elm;
+        var parentElm = nodeOps.parentNode(oldElm);
+
+        // create new node
+        createElm(
+          vnode,
+          insertedVnodeQueue,
+          // extremely rare edge case: do not insert if old element is in a
+          // leaving transition. Only happens when combining transition +
+          // keep-alive + HOCs. (#4590)
+          oldElm._leaveCb ? null : parentElm,
+          nodeOps.nextSibling(oldElm)
+        );
+
+        // update parent placeholder node element, recursively
+        if (isDef(vnode.parent)) {
+          var ancestor = vnode.parent;
+          var patchable = isPatchable(vnode);
+          while (ancestor) {
+            for (var i = 0; i < cbs.destroy.length; ++i) {
+              cbs.destroy[i](ancestor);
+            }
+            ancestor.elm = vnode.elm;
+            if (patchable) {
+              for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {
+                cbs.create[i$1](emptyNode, ancestor);
+              }
+              // #6513
+              // invoke insert hooks that may have been merged by create hooks.
+              // e.g. for directives that uses the "inserted" hook.
+              var insert = ancestor.data.hook.insert;
+              if (insert.merged) {
+                // start at index 1 to avoid re-invoking component mounted hook
+                for (var i$2 = 1; i$2 < insert.fns.length; i$2++) {
+                  insert.fns[i$2]();
+                }
+              }
+            } else {
+              registerRef(ancestor);
+            }
+            ancestor = ancestor.parent;
+          }
+        }
+
+        // destroy old node
+        if (isDef(parentElm)) {
+          removeVnodes(parentElm, [oldVnode], 0, 0);
+        } else if (isDef(oldVnode.tag)) {
+          invokeDestroyHook(oldVnode);
+        }
+      }
+    }
+
+    invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch);
+    return vnode.elm
+  }
+}
+
+/*  */
+
+var directives = {
+  create: updateDirectives,
+  update: updateDirectives,
+  destroy: function unbindDirectives (vnode) {
+    updateDirectives(vnode, emptyNode);
+  }
+};
+
+function updateDirectives (oldVnode, vnode) {
+  if (oldVnode.data.directives || vnode.data.directives) {
+    _update(oldVnode, vnode);
+  }
+}
+
+function _update (oldVnode, vnode) {
+  var isCreate = oldVnode === emptyNode;
+  var isDestroy = vnode === emptyNode;
+  var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context);
+  var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context);
+
+  var dirsWithInsert = [];
+  var dirsWithPostpatch = [];
+
+  var key, oldDir, dir;
+  for (key in newDirs) {
+    oldDir = oldDirs[key];
+    dir = newDirs[key];
+    if (!oldDir) {
+      // new directive, bind
+      callHook$1(dir, 'bind', vnode, oldVnode);
+      if (dir.def && dir.def.inserted) {
+        dirsWithInsert.push(dir);
+      }
+    } else {
+      // existing directive, update
+      dir.oldValue = oldDir.value;
+      dir.oldArg = oldDir.arg;
+      callHook$1(dir, 'update', vnode, oldVnode);
+      if (dir.def && dir.def.componentUpdated) {
+        dirsWithPostpatch.push(dir);
+      }
+    }
+  }
+
+  if (dirsWithInsert.length) {
+    var callInsert = function () {
+      for (var i = 0; i < dirsWithInsert.length; i++) {
+        callHook$1(dirsWithInsert[i], 'inserted', vnode, oldVnode);
+      }
+    };
+    if (isCreate) {
+      mergeVNodeHook(vnode, 'insert', callInsert);
+    } else {
+      callInsert();
+    }
+  }
+
+  if (dirsWithPostpatch.length) {
+    mergeVNodeHook(vnode, 'postpatch', function () {
+      for (var i = 0; i < dirsWithPostpatch.length; i++) {
+        callHook$1(dirsWithPostpatch[i], 'componentUpdated', vnode, oldVnode);
+      }
+    });
+  }
+
+  if (!isCreate) {
+    for (key in oldDirs) {
+      if (!newDirs[key]) {
+        // no longer present, unbind
+        callHook$1(oldDirs[key], 'unbind', oldVnode, oldVnode, isDestroy);
+      }
+    }
+  }
+}
+
+var emptyModifiers = Object.create(null);
+
+function normalizeDirectives$1 (
+  dirs,
+  vm
+) {
+  var res = Object.create(null);
+  if (!dirs) {
+    // $flow-disable-line
+    return res
+  }
+  var i, dir;
+  for (i = 0; i < dirs.length; i++) {
+    dir = dirs[i];
+    if (!dir.modifiers) {
+      // $flow-disable-line
+      dir.modifiers = emptyModifiers;
+    }
+    res[getRawDirName(dir)] = dir;
+    dir.def = resolveAsset(vm.$options, 'directives', dir.name, true);
+  }
+  // $flow-disable-line
+  return res
+}
+
+function getRawDirName (dir) {
+  return dir.rawName || ((dir.name) + "." + (Object.keys(dir.modifiers || {}).join('.')))
+}
+
+function callHook$1 (dir, hook, vnode, oldVnode, isDestroy) {
+  var fn = dir.def && dir.def[hook];
+  if (fn) {
+    try {
+      fn(vnode.elm, dir, vnode, oldVnode, isDestroy);
+    } catch (e) {
+      handleError(e, vnode.context, ("directive " + (dir.name) + " " + hook + " hook"));
+    }
+  }
+}
+
+var baseModules = [
+  ref,
+  directives
+];
+
+/*  */
+
+function updateAttrs (oldVnode, vnode) {
+  var opts = vnode.componentOptions;
+  if (isDef(opts) && opts.Ctor.options.inheritAttrs === false) {
+    return
+  }
+  if (isUndef(oldVnode.data.attrs) && isUndef(vnode.data.attrs)) {
+    return
+  }
+  var key, cur, old;
+  var elm = vnode.elm;
+  var oldAttrs = oldVnode.data.attrs || {};
+  var attrs = vnode.data.attrs || {};
+  // clone observed objects, as the user probably wants to mutate it
+  if (isDef(attrs.__ob__)) {
+    attrs = vnode.data.attrs = extend({}, attrs);
+  }
+
+  for (key in attrs) {
+    cur = attrs[key];
+    old = oldAttrs[key];
+    if (old !== cur) {
+      setAttr(elm, key, cur);
+    }
+  }
+  // #4391: in IE9, setting type can reset value for input[type=radio]
+  // #6666: IE/Edge forces progress value down to 1 before setting a max
+  /* istanbul ignore if */
+  if ((isIE || isEdge) && attrs.value !== oldAttrs.value) {
+    setAttr(elm, 'value', attrs.value);
+  }
+  for (key in oldAttrs) {
+    if (isUndef(attrs[key])) {
+      if (isXlink(key)) {
+        elm.removeAttributeNS(xlinkNS, getXlinkProp(key));
+      } else if (!isEnumeratedAttr(key)) {
+        elm.removeAttribute(key);
+      }
+    }
+  }
+}
+
+function setAttr (el, key, value) {
+  if (el.tagName.indexOf('-') > -1) {
+    baseSetAttr(el, key, value);
+  } else if (isBooleanAttr(key)) {
+    // set attribute for blank value
+    // e.g. <option disabled>Select one</option>
+    if (isFalsyAttrValue(value)) {
+      el.removeAttribute(key);
+    } else {
+      // technically allowfullscreen is a boolean attribute for <iframe>,
+      // but Flash expects a value of "true" when used on <embed> tag
+      value = key === 'allowfullscreen' && el.tagName === 'EMBED'
+        ? 'true'
+        : key;
+      el.setAttribute(key, value);
+    }
+  } else if (isEnumeratedAttr(key)) {
+    el.setAttribute(key, convertEnumeratedValue(key, value));
+  } else if (isXlink(key)) {
+    if (isFalsyAttrValue(value)) {
+      el.removeAttributeNS(xlinkNS, getXlinkProp(key));
+    } else {
+      el.setAttributeNS(xlinkNS, key, value);
+    }
+  } else {
+    baseSetAttr(el, key, value);
+  }
+}
+
+function baseSetAttr (el, key, value) {
+  if (isFalsyAttrValue(value)) {
+    el.removeAttribute(key);
+  } else {
+    // #7138: IE10 & 11 fires input event when setting placeholder on
+    // <textarea>... block the first input event and remove the blocker
+    // immediately.
+    /* istanbul ignore if */
+    if (
+      isIE && !isIE9 &&
+      el.tagName === 'TEXTAREA' &&
+      key === 'placeholder' && value !== '' && !el.__ieph
+    ) {
+      var blocker = function (e) {
+        e.stopImmediatePropagation();
+        el.removeEventListener('input', blocker);
+      };
+      el.addEventListener('input', blocker);
+      // $flow-disable-line
+      el.__ieph = true; /* IE placeholder patched */
+    }
+    el.setAttribute(key, value);
+  }
+}
+
+var attrs = {
+  create: updateAttrs,
+  update: updateAttrs
+};
+
+/*  */
+
+function updateClass (oldVnode, vnode) {
+  var el = vnode.elm;
+  var data = vnode.data;
+  var oldData = oldVnode.data;
+  if (
+    isUndef(data.staticClass) &&
+    isUndef(data.class) && (
+      isUndef(oldData) || (
+        isUndef(oldData.staticClass) &&
+        isUndef(oldData.class)
+      )
+    )
+  ) {
+    return
+  }
+
+  var cls = genClassForVnode(vnode);
+
+  // handle transition classes
+  var transitionClass = el._transitionClasses;
+  if (isDef(transitionClass)) {
+    cls = concat(cls, stringifyClass(transitionClass));
+  }
+
+  // set the class
+  if (cls !== el._prevClass) {
+    el.setAttribute('class', cls);
+    el._prevClass = cls;
+  }
+}
+
+var klass = {
+  create: updateClass,
+  update: updateClass
+};
+
+/*  */
+
+var validDivisionCharRE = /[\w).+\-_$\]]/;
+
+function parseFilters (exp) {
+  var inSingle = false;
+  var inDouble = false;
+  var inTemplateString = false;
+  var inRegex = false;
+  var curly = 0;
+  var square = 0;
+  var paren = 0;
+  var lastFilterIndex = 0;
+  var c, prev, i, expression, filters;
+
+  for (i = 0; i < exp.length; i++) {
+    prev = c;
+    c = exp.charCodeAt(i);
+    if (inSingle) {
+      if (c === 0x27 && prev !== 0x5C) { inSingle = false; }
+    } else if (inDouble) {
+      if (c === 0x22 && prev !== 0x5C) { inDouble = false; }
+    } else if (inTemplateString) {
+      if (c === 0x60 && prev !== 0x5C) { inTemplateString = false; }
+    } else if (inRegex) {
+      if (c === 0x2f && prev !== 0x5C) { inRegex = false; }
+    } else if (
+      c === 0x7C && // pipe
+      exp.charCodeAt(i + 1) !== 0x7C &&
+      exp.charCodeAt(i - 1) !== 0x7C &&
+      !curly && !square && !paren
+    ) {
+      if (expression === undefined) {
+        // first filter, end of expression
+        lastFilterIndex = i + 1;
+        expression = exp.slice(0, i).trim();
+      } else {
+        pushFilter();
+      }
+    } else {
+      switch (c) {
+        case 0x22: inDouble = true; break         // "
+        case 0x27: inSingle = true; break         // '
+        case 0x60: inTemplateString = true; break // `
+        case 0x28: paren++; break                 // (
+        case 0x29: paren--; break                 // )
+        case 0x5B: square++; break                // [
+        case 0x5D: square--; break                // ]
+        case 0x7B: curly++; break                 // {
+        case 0x7D: curly--; break                 // }
+      }
+      if (c === 0x2f) { // /
+        var j = i - 1;
+        var p = (void 0);
+        // find first non-whitespace prev char
+        for (; j >= 0; j--) {
+          p = exp.charAt(j);
+          if (p !== ' ') { break }
+        }
+        if (!p || !validDivisionCharRE.test(p)) {
+          inRegex = true;
+        }
+      }
+    }
+  }
+
+  if (expression === undefined) {
+    expression = exp.slice(0, i).trim();
+  } else if (lastFilterIndex !== 0) {
+    pushFilter();
+  }
+
+  function pushFilter () {
+    (filters || (filters = [])).push(exp.slice(lastFilterIndex, i).trim());
+    lastFilterIndex = i + 1;
+  }
+
+  if (filters) {
+    for (i = 0; i < filters.length; i++) {
+      expression = wrapFilter(expression, filters[i]);
+    }
+  }
+
+  return expression
+}
+
+function wrapFilter (exp, filter) {
+  var i = filter.indexOf('(');
+  if (i < 0) {
+    // _f: resolveFilter
+    return ("_f(\"" + filter + "\")(" + exp + ")")
+  } else {
+    var name = filter.slice(0, i);
+    var args = filter.slice(i + 1);
+    return ("_f(\"" + name + "\")(" + exp + (args !== ')' ? ',' + args : args))
+  }
+}
+
+/*  */
+
+
+
+/* eslint-disable no-unused-vars */
+function baseWarn (msg, range) {
+  console.error(("[Vue compiler]: " + msg));
+}
+/* eslint-enable no-unused-vars */
+
+function pluckModuleFunction (
+  modules,
+  key
+) {
+  return modules
+    ? modules.map(function (m) { return m[key]; }).filter(function (_) { return _; })
+    : []
+}
+
+function addProp (el, name, value, range, dynamic) {
+  (el.props || (el.props = [])).push(rangeSetItem({ name: name, value: value, dynamic: dynamic }, range));
+  el.plain = false;
+}
+
+function addAttr (el, name, value, range, dynamic) {
+  var attrs = dynamic
+    ? (el.dynamicAttrs || (el.dynamicAttrs = []))
+    : (el.attrs || (el.attrs = []));
+  attrs.push(rangeSetItem({ name: name, value: value, dynamic: dynamic }, range));
+  el.plain = false;
+}
+
+// add a raw attr (use this in preTransforms)
+function addRawAttr (el, name, value, range) {
+  el.attrsMap[name] = value;
+  el.attrsList.push(rangeSetItem({ name: name, value: value }, range));
+}
+
+function addDirective (
+  el,
+  name,
+  rawName,
+  value,
+  arg,
+  isDynamicArg,
+  modifiers,
+  range
+) {
+  (el.directives || (el.directives = [])).push(rangeSetItem({
+    name: name,
+    rawName: rawName,
+    value: value,
+    arg: arg,
+    isDynamicArg: isDynamicArg,
+    modifiers: modifiers
+  }, range));
+  el.plain = false;
+}
+
+function prependModifierMarker (symbol, name, dynamic) {
+  return dynamic
+    ? ("_p(" + name + ",\"" + symbol + "\")")
+    : symbol + name // mark the event as captured
+}
+
+function addHandler (
+  el,
+  name,
+  value,
+  modifiers,
+  important,
+  warn,
+  range,
+  dynamic
+) {
+  modifiers = modifiers || emptyObject;
+  // warn prevent and passive modifier
+  /* istanbul ignore if */
+  if (
+    warn &&
+    modifiers.prevent && modifiers.passive
+  ) {
+    warn(
+      'passive and prevent can\'t be used together. ' +
+      'Passive handler can\'t prevent default event.',
+      range
+    );
+  }
+
+  // normalize click.right and click.middle since they don't actually fire
+  // this is technically browser-specific, but at least for now browsers are
+  // the only target envs that have right/middle clicks.
+  if (modifiers.right) {
+    if (dynamic) {
+      name = "(" + name + ")==='click'?'contextmenu':(" + name + ")";
+    } else if (name === 'click') {
+      name = 'contextmenu';
+      delete modifiers.right;
+    }
+  } else if (modifiers.middle) {
+    if (dynamic) {
+      name = "(" + name + ")==='click'?'mouseup':(" + name + ")";
+    } else if (name === 'click') {
+      name = 'mouseup';
+    }
+  }
+
+  // check capture modifier
+  if (modifiers.capture) {
+    delete modifiers.capture;
+    name = prependModifierMarker('!', name, dynamic);
+  }
+  if (modifiers.once) {
+    delete modifiers.once;
+    name = prependModifierMarker('~', name, dynamic);
+  }
+  /* istanbul ignore if */
+  if (modifiers.passive) {
+    delete modifiers.passive;
+    name = prependModifierMarker('&', name, dynamic);
+  }
+
+  var events;
+  if (modifiers.native) {
+    delete modifiers.native;
+    events = el.nativeEvents || (el.nativeEvents = {});
+  } else {
+    events = el.events || (el.events = {});
+  }
+
+  var newHandler = rangeSetItem({ value: value.trim(), dynamic: dynamic }, range);
+  if (modifiers !== emptyObject) {
+    newHandler.modifiers = modifiers;
+  }
+
+  var handlers = events[name];
+  /* istanbul ignore if */
+  if (Array.isArray(handlers)) {
+    important ? handlers.unshift(newHandler) : handlers.push(newHandler);
+  } else if (handlers) {
+    events[name] = important ? [newHandler, handlers] : [handlers, newHandler];
+  } else {
+    events[name] = newHandler;
+  }
+
+  el.plain = false;
+}
+
+function getRawBindingAttr (
+  el,
+  name
+) {
+  return el.rawAttrsMap[':' + name] ||
+    el.rawAttrsMap['v-bind:' + name] ||
+    el.rawAttrsMap[name]
+}
+
+function getBindingAttr (
+  el,
+  name,
+  getStatic
+) {
+  var dynamicValue =
+    getAndRemoveAttr(el, ':' + name) ||
+    getAndRemoveAttr(el, 'v-bind:' + name);
+  if (dynamicValue != null) {
+    return parseFilters(dynamicValue)
+  } else if (getStatic !== false) {
+    var staticValue = getAndRemoveAttr(el, name);
+    if (staticValue != null) {
+      return JSON.stringify(staticValue)
+    }
+  }
+}
+
+// note: this only removes the attr from the Array (attrsList) so that it
+// doesn't get processed by processAttrs.
+// By default it does NOT remove it from the map (attrsMap) because the map is
+// needed during codegen.
+function getAndRemoveAttr (
+  el,
+  name,
+  removeFromMap
+) {
+  var val;
+  if ((val = el.attrsMap[name]) != null) {
+    var list = el.attrsList;
+    for (var i = 0, l = list.length; i < l; i++) {
+      if (list[i].name === name) {
+        list.splice(i, 1);
+        break
+      }
+    }
+  }
+  if (removeFromMap) {
+    delete el.attrsMap[name];
+  }
+  return val
+}
+
+function getAndRemoveAttrByRegex (
+  el,
+  name
+) {
+  var list = el.attrsList;
+  for (var i = 0, l = list.length; i < l; i++) {
+    var attr = list[i];
+    if (name.test(attr.name)) {
+      list.splice(i, 1);
+      return attr
+    }
+  }
+}
+
+function rangeSetItem (
+  item,
+  range
+) {
+  if (range) {
+    if (range.start != null) {
+      item.start = range.start;
+    }
+    if (range.end != null) {
+      item.end = range.end;
+    }
+  }
+  return item
+}
+
+/*  */
+
+/**
+ * Cross-platform code generation for component v-model
+ */
+function genComponentModel (
+  el,
+  value,
+  modifiers
+) {
+  var ref = modifiers || {};
+  var number = ref.number;
+  var trim = ref.trim;
+
+  var baseValueExpression = '$$v';
+  var valueExpression = baseValueExpression;
+  if (trim) {
+    valueExpression =
+      "(typeof " + baseValueExpression + " === 'string'" +
+      "? " + baseValueExpression + ".trim()" +
+      ": " + baseValueExpression + ")";
+  }
+  if (number) {
+    valueExpression = "_n(" + valueExpression + ")";
+  }
+  var assignment = genAssignmentCode(value, valueExpression);
+
+  el.model = {
+    value: ("(" + value + ")"),
+    expression: JSON.stringify(value),
+    callback: ("function (" + baseValueExpression + ") {" + assignment + "}")
+  };
+}
+
+/**
+ * Cross-platform codegen helper for generating v-model value assignment code.
+ */
+function genAssignmentCode (
+  value,
+  assignment
+) {
+  var res = parseModel(value);
+  if (res.key === null) {
+    return (value + "=" + assignment)
+  } else {
+    return ("$set(" + (res.exp) + ", " + (res.key) + ", " + assignment + ")")
+  }
+}
+
+/**
+ * Parse a v-model expression into a base path and a final key segment.
+ * Handles both dot-path and possible square brackets.
+ *
+ * Possible cases:
+ *
+ * - test
+ * - test[key]
+ * - test[test1[key]]
+ * - test["a"][key]
+ * - xxx.test[a[a].test1[key]]
+ * - test.xxx.a["asa"][test1[key]]
+ *
+ */
+
+var len, str, chr, index$1, expressionPos, expressionEndPos;
+
+
+
+function parseModel (val) {
+  // Fix https://github.com/vuejs/vue/pull/7730
+  // allow v-model="obj.val " (trailing whitespace)
+  val = val.trim();
+  len = val.length;
+
+  if (val.indexOf('[') < 0 || val.lastIndexOf(']') < len - 1) {
+    index$1 = val.lastIndexOf('.');
+    if (index$1 > -1) {
+      return {
+        exp: val.slice(0, index$1),
+        key: '"' + val.slice(index$1 + 1) + '"'
+      }
+    } else {
+      return {
+        exp: val,
+        key: null
+      }
+    }
+  }
+
+  str = val;
+  index$1 = expressionPos = expressionEndPos = 0;
+
+  while (!eof()) {
+    chr = next();
+    /* istanbul ignore if */
+    if (isStringStart(chr)) {
+      parseString(chr);
+    } else if (chr === 0x5B) {
+      parseBracket(chr);
+    }
+  }
+
+  return {
+    exp: val.slice(0, expressionPos),
+    key: val.slice(expressionPos + 1, expressionEndPos)
+  }
+}
+
+function next () {
+  return str.charCodeAt(++index$1)
+}
+
+function eof () {
+  return index$1 >= len
+}
+
+function isStringStart (chr) {
+  return chr === 0x22 || chr === 0x27
+}
+
+function parseBracket (chr) {
+  var inBracket = 1;
+  expressionPos = index$1;
+  while (!eof()) {
+    chr = next();
+    if (isStringStart(chr)) {
+      parseString(chr);
+      continue
+    }
+    if (chr === 0x5B) { inBracket++; }
+    if (chr === 0x5D) { inBracket--; }
+    if (inBracket === 0) {
+      expressionEndPos = index$1;
+      break
+    }
+  }
+}
+
+function parseString (chr) {
+  var stringQuote = chr;
+  while (!eof()) {
+    chr = next();
+    if (chr === stringQuote) {
+      break
+    }
+  }
+}
+
+/*  */
+
+var warn$1;
+
+// in some cases, the event used has to be determined at runtime
+// so we used some reserved tokens during compile.
+var RANGE_TOKEN = '__r';
+var CHECKBOX_RADIO_TOKEN = '__c';
+
+function model (
+  el,
+  dir,
+  _warn
+) {
+  warn$1 = _warn;
+  var value = dir.value;
+  var modifiers = dir.modifiers;
+  var tag = el.tag;
+  var type = el.attrsMap.type;
+
+  {
+    // inputs with type="file" are read only and setting the input's
+    // value will throw an error.
+    if (tag === 'input' && type === 'file') {
+      warn$1(
+        "<" + (el.tag) + " v-model=\"" + value + "\" type=\"file\">:\n" +
+        "File inputs are read only. Use a v-on:change listener instead.",
+        el.rawAttrsMap['v-model']
+      );
+    }
+  }
+
+  if (el.component) {
+    genComponentModel(el, value, modifiers);
+    // component v-model doesn't need extra runtime
+    return false
+  } else if (tag === 'select') {
+    genSelect(el, value, modifiers);
+  } else if (tag === 'input' && type === 'checkbox') {
+    genCheckboxModel(el, value, modifiers);
+  } else if (tag === 'input' && type === 'radio') {
+    genRadioModel(el, value, modifiers);
+  } else if (tag === 'input' || tag === 'textarea') {
+    genDefaultModel(el, value, modifiers);
+  } else if (!config.isReservedTag(tag)) {
+    genComponentModel(el, value, modifiers);
+    // component v-model doesn't need extra runtime
+    return false
+  } else {
+    warn$1(
+      "<" + (el.tag) + " v-model=\"" + value + "\">: " +
+      "v-model is not supported on this element type. " +
+      'If you are working with contenteditable, it\'s recommended to ' +
+      'wrap a library dedicated for that purpose inside a custom component.',
+      el.rawAttrsMap['v-model']
+    );
+  }
+
+  // ensure runtime directive metadata
+  return true
+}
+
+function genCheckboxModel (
+  el,
+  value,
+  modifiers
+) {
+  var number = modifiers && modifiers.number;
+  var valueBinding = getBindingAttr(el, 'value') || 'null';
+  var trueValueBinding = getBindingAttr(el, 'true-value') || 'true';
+  var falseValueBinding = getBindingAttr(el, 'false-value') || 'false';
+  addProp(el, 'checked',
+    "Array.isArray(" + value + ")" +
+    "?_i(" + value + "," + valueBinding + ")>-1" + (
+      trueValueBinding === 'true'
+        ? (":(" + value + ")")
+        : (":_q(" + value + "," + trueValueBinding + ")")
+    )
+  );
+  addHandler(el, 'change',
+    "var $$a=" + value + "," +
+        '$$el=$event.target,' +
+        "$$c=$$el.checked?(" + trueValueBinding + "):(" + falseValueBinding + ");" +
+    'if(Array.isArray($$a)){' +
+      "var $$v=" + (number ? '_n(' + valueBinding + ')' : valueBinding) + "," +
+          '$$i=_i($$a,$$v);' +
+      "if($$el.checked){$$i<0&&(" + (genAssignmentCode(value, '$$a.concat([$$v])')) + ")}" +
+      "else{$$i>-1&&(" + (genAssignmentCode(value, '$$a.slice(0,$$i).concat($$a.slice($$i+1))')) + ")}" +
+    "}else{" + (genAssignmentCode(value, '$$c')) + "}",
+    null, true
+  );
+}
+
+function genRadioModel (
+  el,
+  value,
+  modifiers
+) {
+  var number = modifiers && modifiers.number;
+  var valueBinding = getBindingAttr(el, 'value') || 'null';
+  valueBinding = number ? ("_n(" + valueBinding + ")") : valueBinding;
+  addProp(el, 'checked', ("_q(" + value + "," + valueBinding + ")"));
+  addHandler(el, 'change', genAssignmentCode(value, valueBinding), null, true);
+}
+
+function genSelect (
+  el,
+  value,
+  modifiers
+) {
+  var number = modifiers && modifiers.number;
+  var selectedVal = "Array.prototype.filter" +
+    ".call($event.target.options,function(o){return o.selected})" +
+    ".map(function(o){var val = \"_value\" in o ? o._value : o.value;" +
+    "return " + (number ? '_n(val)' : 'val') + "})";
+
+  var assignment = '$event.target.multiple ? $$selectedVal : $$selectedVal[0]';
+  var code = "var $$selectedVal = " + selectedVal + ";";
+  code = code + " " + (genAssignmentCode(value, assignment));
+  addHandler(el, 'change', code, null, true);
+}
+
+function genDefaultModel (
+  el,
+  value,
+  modifiers
+) {
+  var type = el.attrsMap.type;
+
+  // warn if v-bind:value conflicts with v-model
+  // except for inputs with v-bind:type
+  {
+    var value$1 = el.attrsMap['v-bind:value'] || el.attrsMap[':value'];
+    var typeBinding = el.attrsMap['v-bind:type'] || el.attrsMap[':type'];
+    if (value$1 && !typeBinding) {
+      var binding = el.attrsMap['v-bind:value'] ? 'v-bind:value' : ':value';
+      warn$1(
+        binding + "=\"" + value$1 + "\" conflicts with v-model on the same element " +
+        'because the latter already expands to a value binding internally',
+        el.rawAttrsMap[binding]
+      );
+    }
+  }
+
+  var ref = modifiers || {};
+  var lazy = ref.lazy;
+  var number = ref.number;
+  var trim = ref.trim;
+  var needCompositionGuard = !lazy && type !== 'range';
+  var event = lazy
+    ? 'change'
+    : type === 'range'
+      ? RANGE_TOKEN
+      : 'input';
+
+  var valueExpression = '$event.target.value';
+  if (trim) {
+    valueExpression = "$event.target.value.trim()";
+  }
+  if (number) {
+    valueExpression = "_n(" + valueExpression + ")";
+  }
+
+  var code = genAssignmentCode(value, valueExpression);
+  if (needCompositionGuard) {
+    code = "if($event.target.composing)return;" + code;
+  }
+
+  addProp(el, 'value', ("(" + value + ")"));
+  addHandler(el, event, code, null, true);
+  if (trim || number) {
+    addHandler(el, 'blur', '$forceUpdate()');
+  }
+}
+
+/*  */
+
+// normalize v-model event tokens that can only be determined at runtime.
+// it's important to place the event as the first in the array because
+// the whole point is ensuring the v-model callback gets called before
+// user-attached handlers.
+function normalizeEvents (on) {
+  /* istanbul ignore if */
+  if (isDef(on[RANGE_TOKEN])) {
+    // IE input[type=range] only supports `change` event
+    var event = isIE ? 'change' : 'input';
+    on[event] = [].concat(on[RANGE_TOKEN], on[event] || []);
+    delete on[RANGE_TOKEN];
+  }
+  // This was originally intended to fix #4521 but no longer necessary
+  // after 2.5. Keeping it for backwards compat with generated code from < 2.4
+  /* istanbul ignore if */
+  if (isDef(on[CHECKBOX_RADIO_TOKEN])) {
+    on.change = [].concat(on[CHECKBOX_RADIO_TOKEN], on.change || []);
+    delete on[CHECKBOX_RADIO_TOKEN];
+  }
+}
+
+var target$1;
+
+function createOnceHandler$1 (event, handler, capture) {
+  var _target = target$1; // save current target element in closure
+  return function onceHandler () {
+    var res = handler.apply(null, arguments);
+    if (res !== null) {
+      remove$2(event, onceHandler, capture, _target);
+    }
+  }
+}
+
+// #9446: Firefox <= 53 (in particular, ESR 52) has incorrect Event.timeStamp
+// implementation and does not fire microtasks in between event propagation, so
+// safe to exclude.
+var useMicrotaskFix = isUsingMicroTask && !(isFF && Number(isFF[1]) <= 53);
+
+function add$1 (
+  name,
+  handler,
+  capture,
+  passive
+) {
+  // async edge case #6566: inner click event triggers patch, event handler
+  // attached to outer element during patch, and triggered again. This
+  // happens because browsers fire microtask ticks between event propagation.
+  // the solution is simple: we save the timestamp when a handler is attached,
+  // and the handler would only fire if the event passed to it was fired
+  // AFTER it was attached.
+  if (useMicrotaskFix) {
+    var attachedTimestamp = currentFlushTimestamp;
+    var original = handler;
+    handler = original._wrapper = function (e) {
+      if (
+        // no bubbling, should always fire.
+        // this is just a safety net in case event.timeStamp is unreliable in
+        // certain weird environments...
+        e.target === e.currentTarget ||
+        // event is fired after handler attachment
+        e.timeStamp >= attachedTimestamp ||
+        // bail for environments that have buggy event.timeStamp implementations
+        // #9462 iOS 9 bug: event.timeStamp is 0 after history.pushState
+        // #9681 QtWebEngine event.timeStamp is negative value
+        e.timeStamp <= 0 ||
+        // #9448 bail if event is fired in another document in a multi-page
+        // electron/nw.js app, since event.timeStamp will be using a different
+        // starting reference
+        e.target.ownerDocument !== document
+      ) {
+        return original.apply(this, arguments)
+      }
+    };
+  }
+  target$1.addEventListener(
+    name,
+    handler,
+    supportsPassive
+      ? { capture: capture, passive: passive }
+      : capture
+  );
+}
+
+function remove$2 (
+  name,
+  handler,
+  capture,
+  _target
+) {
+  (_target || target$1).removeEventListener(
+    name,
+    handler._wrapper || handler,
+    capture
+  );
+}
+
+function updateDOMListeners (oldVnode, vnode) {
+  if (isUndef(oldVnode.data.on) && isUndef(vnode.data.on)) {
+    return
+  }
+  var on = vnode.data.on || {};
+  var oldOn = oldVnode.data.on || {};
+  target$1 = vnode.elm;
+  normalizeEvents(on);
+  updateListeners(on, oldOn, add$1, remove$2, createOnceHandler$1, vnode.context);
+  target$1 = undefined;
+}
+
+var events = {
+  create: updateDOMListeners,
+  update: updateDOMListeners
+};
+
+/*  */
+
+var svgContainer;
+
+function updateDOMProps (oldVnode, vnode) {
+  if (isUndef(oldVnode.data.domProps) && isUndef(vnode.data.domProps)) {
+    return
+  }
+  var key, cur;
+  var elm = vnode.elm;
+  var oldProps = oldVnode.data.domProps || {};
+  var props = vnode.data.domProps || {};
+  // clone observed objects, as the user probably wants to mutate it
+  if (isDef(props.__ob__)) {
+    props = vnode.data.domProps = extend({}, props);
+  }
+
+  for (key in oldProps) {
+    if (!(key in props)) {
+      elm[key] = '';
+    }
+  }
+
+  for (key in props) {
+    cur = props[key];
+    // ignore children if the node has textContent or innerHTML,
+    // as these will throw away existing DOM nodes and cause removal errors
+    // on subsequent patches (#3360)
+    if (key === 'textContent' || key === 'innerHTML') {
+      if (vnode.children) { vnode.children.length = 0; }
+      if (cur === oldProps[key]) { continue }
+      // #6601 work around Chrome version <= 55 bug where single textNode
+      // replaced by innerHTML/textContent retains its parentNode property
+      if (elm.childNodes.length === 1) {
+        elm.removeChild(elm.childNodes[0]);
+      }
+    }
+
+    if (key === 'value' && elm.tagName !== 'PROGRESS') {
+      // store value as _value as well since
+      // non-string values will be stringified
+      elm._value = cur;
+      // avoid resetting cursor position when value is the same
+      var strCur = isUndef(cur) ? '' : String(cur);
+      if (shouldUpdateValue(elm, strCur)) {
+        elm.value = strCur;
+      }
+    } else if (key === 'innerHTML' && isSVG(elm.tagName) && isUndef(elm.innerHTML)) {
+      // IE doesn't support innerHTML for SVG elements
+      svgContainer = svgContainer || document.createElement('div');
+      svgContainer.innerHTML = "<svg>" + cur + "</svg>";
+      var svg = svgContainer.firstChild;
+      while (elm.firstChild) {
+        elm.removeChild(elm.firstChild);
+      }
+      while (svg.firstChild) {
+        elm.appendChild(svg.firstChild);
+      }
+    } else if (
+      // skip the update if old and new VDOM state is the same.
+      // `value` is handled separately because the DOM value may be temporarily
+      // out of sync with VDOM state due to focus, composition and modifiers.
+      // This  #4521 by skipping the unnecesarry `checked` update.
+      cur !== oldProps[key]
+    ) {
+      // some property updates can throw
+      // e.g. `value` on <progress> w/ non-finite value
+      try {
+        elm[key] = cur;
+      } catch (e) {}
+    }
+  }
+}
+
+// check platforms/web/util/attrs.js acceptValue
+
+
+function shouldUpdateValue (elm, checkVal) {
+  return (!elm.composing && (
+    elm.tagName === 'OPTION' ||
+    isNotInFocusAndDirty(elm, checkVal) ||
+    isDirtyWithModifiers(elm, checkVal)
+  ))
+}
+
+function isNotInFocusAndDirty (elm, checkVal) {
+  // return true when textbox (.number and .trim) loses focus and its value is
+  // not equal to the updated value
+  var notInFocus = true;
+  // #6157
+  // work around IE bug when accessing document.activeElement in an iframe
+  try { notInFocus = document.activeElement !== elm; } catch (e) {}
+  return notInFocus && elm.value !== checkVal
+}
+
+function isDirtyWithModifiers (elm, newVal) {
+  var value = elm.value;
+  var modifiers = elm._vModifiers; // injected by v-model runtime
+  if (isDef(modifiers)) {
+    if (modifiers.number) {
+      return toNumber(value) !== toNumber(newVal)
+    }
+    if (modifiers.trim) {
+      return value.trim() !== newVal.trim()
+    }
+  }
+  return value !== newVal
+}
+
+var domProps = {
+  create: updateDOMProps,
+  update: updateDOMProps
+};
+
+/*  */
+
+var parseStyleText = cached(function (cssText) {
+  var res = {};
+  var listDelimiter = /;(?![^(]*\))/g;
+  var propertyDelimiter = /:(.+)/;
+  cssText.split(listDelimiter).forEach(function (item) {
+    if (item) {
+      var tmp = item.split(propertyDelimiter);
+      tmp.length > 1 && (res[tmp[0].trim()] = tmp[1].trim());
+    }
+  });
+  return res
+});
+
+// merge static and dynamic style data on the same vnode
+function normalizeStyleData (data) {
+  var style = normalizeStyleBinding(data.style);
+  // static style is pre-processed into an object during compilation
+  // and is always a fresh object, so it's safe to merge into it
+  return data.staticStyle
+    ? extend(data.staticStyle, style)
+    : style
+}
+
+// normalize possible array / string values into Object
+function normalizeStyleBinding (bindingStyle) {
+  if (Array.isArray(bindingStyle)) {
+    return toObject(bindingStyle)
+  }
+  if (typeof bindingStyle === 'string') {
+    return parseStyleText(bindingStyle)
+  }
+  return bindingStyle
+}
+
+/**
+ * parent component style should be after child's
+ * so that parent component's style could override it
+ */
+function getStyle (vnode, checkChild) {
+  var res = {};
+  var styleData;
+
+  if (checkChild) {
+    var childNode = vnode;
+    while (childNode.componentInstance) {
+      childNode = childNode.componentInstance._vnode;
+      if (
+        childNode && childNode.data &&
+        (styleData = normalizeStyleData(childNode.data))
+      ) {
+        extend(res, styleData);
+      }
+    }
+  }
+
+  if ((styleData = normalizeStyleData(vnode.data))) {
+    extend(res, styleData);
+  }
+
+  var parentNode = vnode;
+  while ((parentNode = parentNode.parent)) {
+    if (parentNode.data && (styleData = normalizeStyleData(parentNode.data))) {
+      extend(res, styleData);
+    }
+  }
+  return res
+}
+
+/*  */
+
+var cssVarRE = /^--/;
+var importantRE = /\s*!important$/;
+var setProp = function (el, name, val) {
+  /* istanbul ignore if */
+  if (cssVarRE.test(name)) {
+    el.style.setProperty(name, val);
+  } else if (importantRE.test(val)) {
+    el.style.setProperty(hyphenate(name), val.replace(importantRE, ''), 'important');
+  } else {
+    var normalizedName = normalize(name);
+    if (Array.isArray(val)) {
+      // Support values array created by autoprefixer, e.g.
+      // {display: ["-webkit-box", "-ms-flexbox", "flex"]}
+      // Set them one by one, and the browser will only set those it can recognize
+      for (var i = 0, len = val.length; i < len; i++) {
+        el.style[normalizedName] = val[i];
+      }
+    } else {
+      el.style[normalizedName] = val;
+    }
+  }
+};
+
+var vendorNames = ['Webkit', 'Moz', 'ms'];
+
+var emptyStyle;
+var normalize = cached(function (prop) {
+  emptyStyle = emptyStyle || document.createElement('div').style;
+  prop = camelize(prop);
+  if (prop !== 'filter' && (prop in emptyStyle)) {
+    return prop
+  }
+  var capName = prop.charAt(0).toUpperCase() + prop.slice(1);
+  for (var i = 0; i < vendorNames.length; i++) {
+    var name = vendorNames[i] + capName;
+    if (name in emptyStyle) {
+      return name
+    }
+  }
+});
+
+function updateStyle (oldVnode, vnode) {
+  var data = vnode.data;
+  var oldData = oldVnode.data;
+
+  if (isUndef(data.staticStyle) && isUndef(data.style) &&
+    isUndef(oldData.staticStyle) && isUndef(oldData.style)
+  ) {
+    return
+  }
+
+  var cur, name;
+  var el = vnode.elm;
+  var oldStaticStyle = oldData.staticStyle;
+  var oldStyleBinding = oldData.normalizedStyle || oldData.style || {};
+
+  // if static style exists, stylebinding already merged into it when doing normalizeStyleData
+  var oldStyle = oldStaticStyle || oldStyleBinding;
+
+  var style = normalizeStyleBinding(vnode.data.style) || {};
+
+  // store normalized style under a different key for next diff
+  // make sure to clone it if it's reactive, since the user likely wants
+  // to mutate it.
+  vnode.data.normalizedStyle = isDef(style.__ob__)
+    ? extend({}, style)
+    : style;
+
+  var newStyle = getStyle(vnode, true);
+
+  for (name in oldStyle) {
+    if (isUndef(newStyle[name])) {
+      setProp(el, name, '');
+    }
+  }
+  for (name in newStyle) {
+    cur = newStyle[name];
+    if (cur !== oldStyle[name]) {
+      // ie9 setting to null has no effect, must use empty string
+      setProp(el, name, cur == null ? '' : cur);
+    }
+  }
+}
+
+var style = {
+  create: updateStyle,
+  update: updateStyle
+};
+
+/*  */
+
+var whitespaceRE = /\s+/;
+
+/**
+ * Add class with compatibility for SVG since classList is not supported on
+ * SVG elements in IE
+ */
+function addClass (el, cls) {
+  /* istanbul ignore if */
+  if (!cls || !(cls = cls.trim())) {
+    return
+  }
+
+  /* istanbul ignore else */
+  if (el.classList) {
+    if (cls.indexOf(' ') > -1) {
+      cls.split(whitespaceRE).forEach(function (c) { return el.classList.add(c); });
+    } else {
+      el.classList.add(cls);
+    }
+  } else {
+    var cur = " " + (el.getAttribute('class') || '') + " ";
+    if (cur.indexOf(' ' + cls + ' ') < 0) {
+      el.setAttribute('class', (cur + cls).trim());
+    }
+  }
+}
+
+/**
+ * Remove class with compatibility for SVG since classList is not supported on
+ * SVG elements in IE
+ */
+function removeClass (el, cls) {
+  /* istanbul ignore if */
+  if (!cls || !(cls = cls.trim())) {
+    return
+  }
+
+  /* istanbul ignore else */
+  if (el.classList) {
+    if (cls.indexOf(' ') > -1) {
+      cls.split(whitespaceRE).forEach(function (c) { return el.classList.remove(c); });
+    } else {
+      el.classList.remove(cls);
+    }
+    if (!el.classList.length) {
+      el.removeAttribute('class');
+    }
+  } else {
+    var cur = " " + (el.getAttribute('class') || '') + " ";
+    var tar = ' ' + cls + ' ';
+    while (cur.indexOf(tar) >= 0) {
+      cur = cur.replace(tar, ' ');
+    }
+    cur = cur.trim();
+    if (cur) {
+      el.setAttribute('class', cur);
+    } else {
+      el.removeAttribute('class');
+    }
+  }
+}
+
+/*  */
+
+function resolveTransition (def$$1) {
+  if (!def$$1) {
+    return
+  }
+  /* istanbul ignore else */
+  if (typeof def$$1 === 'object') {
+    var res = {};
+    if (def$$1.css !== false) {
+      extend(res, autoCssTransition(def$$1.name || 'v'));
+    }
+    extend(res, def$$1);
+    return res
+  } else if (typeof def$$1 === 'string') {
+    return autoCssTransition(def$$1)
+  }
+}
+
+var autoCssTransition = cached(function (name) {
+  return {
+    enterClass: (name + "-enter"),
+    enterToClass: (name + "-enter-to"),
+    enterActiveClass: (name + "-enter-active"),
+    leaveClass: (name + "-leave"),
+    leaveToClass: (name + "-leave-to"),
+    leaveActiveClass: (name + "-leave-active")
+  }
+});
+
+var hasTransition = inBrowser && !isIE9;
+var TRANSITION = 'transition';
+var ANIMATION = 'animation';
+
+// Transition property/event sniffing
+var transitionProp = 'transition';
+var transitionEndEvent = 'transitionend';
+var animationProp = 'animation';
+var animationEndEvent = 'animationend';
+if (hasTransition) {
+  /* istanbul ignore if */
+  if (window.ontransitionend === undefined &&
+    window.onwebkittransitionend !== undefined
+  ) {
+    transitionProp = 'WebkitTransition';
+    transitionEndEvent = 'webkitTransitionEnd';
+  }
+  if (window.onanimationend === undefined &&
+    window.onwebkitanimationend !== undefined
+  ) {
+    animationProp = 'WebkitAnimation';
+    animationEndEvent = 'webkitAnimationEnd';
+  }
+}
+
+// binding to window is necessary to make hot reload work in IE in strict mode
+var raf = inBrowser
+  ? window.requestAnimationFrame
+    ? window.requestAnimationFrame.bind(window)
+    : setTimeout
+  : /* istanbul ignore next */ function (fn) { return fn(); };
+
+function nextFrame (fn) {
+  raf(function () {
+    raf(fn);
+  });
+}
+
+function addTransitionClass (el, cls) {
+  var transitionClasses = el._transitionClasses || (el._transitionClasses = []);
+  if (transitionClasses.indexOf(cls) < 0) {
+    transitionClasses.push(cls);
+    addClass(el, cls);
+  }
+}
+
+function removeTransitionClass (el, cls) {
+  if (el._transitionClasses) {
+    remove(el._transitionClasses, cls);
+  }
+  removeClass(el, cls);
+}
+
+function whenTransitionEnds (
+  el,
+  expectedType,
+  cb
+) {
+  var ref = getTransitionInfo(el, expectedType);
+  var type = ref.type;
+  var timeout = ref.timeout;
+  var propCount = ref.propCount;
+  if (!type) { return cb() }
+  var event = type === TRANSITION ? transitionEndEvent : animationEndEvent;
+  var ended = 0;
+  var end = function () {
+    el.removeEventListener(event, onEnd);
+    cb();
+  };
+  var onEnd = function (e) {
+    if (e.target === el) {
+      if (++ended >= propCount) {
+        end();
+      }
+    }
+  };
+  setTimeout(function () {
+    if (ended < propCount) {
+      end();
+    }
+  }, timeout + 1);
+  el.addEventListener(event, onEnd);
+}
+
+var transformRE = /\b(transform|all)(,|$)/;
+
+function getTransitionInfo (el, expectedType) {
+  var styles = window.getComputedStyle(el);
+  // JSDOM may return undefined for transition properties
+  var transitionDelays = (styles[transitionProp + 'Delay'] || '').split(', ');
+  var transitionDurations = (styles[transitionProp + 'Duration'] || '').split(', ');
+  var transitionTimeout = getTimeout(transitionDelays, transitionDurations);
+  var animationDelays = (styles[animationProp + 'Delay'] || '').split(', ');
+  var animationDurations = (styles[animationProp + 'Duration'] || '').split(', ');
+  var animationTimeout = getTimeout(animationDelays, animationDurations);
+
+  var type;
+  var timeout = 0;
+  var propCount = 0;
+  /* istanbul ignore if */
+  if (expectedType === TRANSITION) {
+    if (transitionTimeout > 0) {
+      type = TRANSITION;
+      timeout = transitionTimeout;
+      propCount = transitionDurations.length;
+    }
+  } else if (expectedType === ANIMATION) {
+    if (animationTimeout > 0) {
+      type = ANIMATION;
+      timeout = animationTimeout;
+      propCount = animationDurations.length;
+    }
+  } else {
+    timeout = Math.max(transitionTimeout, animationTimeout);
+    type = timeout > 0
+      ? transitionTimeout > animationTimeout
+        ? TRANSITION
+        : ANIMATION
+      : null;
+    propCount = type
+      ? type === TRANSITION
+        ? transitionDurations.length
+        : animationDurations.length
+      : 0;
+  }
+  var hasTransform =
+    type === TRANSITION &&
+    transformRE.test(styles[transitionProp + 'Property']);
+  return {
+    type: type,
+    timeout: timeout,
+    propCount: propCount,
+    hasTransform: hasTransform
+  }
+}
+
+function getTimeout (delays, durations) {
+  /* istanbul ignore next */
+  while (delays.length < durations.length) {
+    delays = delays.concat(delays);
+  }
+
+  return Math.max.apply(null, durations.map(function (d, i) {
+    return toMs(d) + toMs(delays[i])
+  }))
+}
+
+// Old versions of Chromium (below 61.0.3163.100) formats floating pointer numbers
+// in a locale-dependent way, using a comma instead of a dot.
+// If comma is not replaced with a dot, the input will be rounded down (i.e. acting
+// as a floor function) causing unexpected behaviors
+function toMs (s) {
+  return Number(s.slice(0, -1).replace(',', '.')) * 1000
+}
+
+/*  */
+
+function enter (vnode, toggleDisplay) {
+  var el = vnode.elm;
+
+  // call leave callback now
+  if (isDef(el._leaveCb)) {
+    el._leaveCb.cancelled = true;
+    el._leaveCb();
+  }
+
+  var data = resolveTransition(vnode.data.transition);
+  if (isUndef(data)) {
+    return
+  }
+
+  /* istanbul ignore if */
+  if (isDef(el._enterCb) || el.nodeType !== 1) {
+    return
+  }
+
+  var css = data.css;
+  var type = data.type;
+  var enterClass = data.enterClass;
+  var enterToClass = data.enterToClass;
+  var enterActiveClass = data.enterActiveClass;
+  var appearClass = data.appearClass;
+  var appearToClass = data.appearToClass;
+  var appearActiveClass = data.appearActiveClass;
+  var beforeEnter = data.beforeEnter;
+  var enter = data.enter;
+  var afterEnter = data.afterEnter;
+  var enterCancelled = data.enterCancelled;
+  var beforeAppear = data.beforeAppear;
+  var appear = data.appear;
+  var afterAppear = data.afterAppear;
+  var appearCancelled = data.appearCancelled;
+  var duration = data.duration;
+
+  // activeInstance will always be the <transition> component managing this
+  // transition. One edge case to check is when the <transition> is placed
+  // as the root node of a child component. In that case we need to check
+  // <transition>'s parent for appear check.
+  var context = activeInstance;
+  var transitionNode = activeInstance.$vnode;
+  while (transitionNode && transitionNode.parent) {
+    context = transitionNode.context;
+    transitionNode = transitionNode.parent;
+  }
+
+  var isAppear = !context._isMounted || !vnode.isRootInsert;
+
+  if (isAppear && !appear && appear !== '') {
+    return
+  }
+
+  var startClass = isAppear && appearClass
+    ? appearClass
+    : enterClass;
+  var activeClass = isAppear && appearActiveClass
+    ? appearActiveClass
+    : enterActiveClass;
+  var toClass = isAppear && appearToClass
+    ? appearToClass
+    : enterToClass;
+
+  var beforeEnterHook = isAppear
+    ? (beforeAppear || beforeEnter)
+    : beforeEnter;
+  var enterHook = isAppear
+    ? (typeof appear === 'function' ? appear : enter)
+    : enter;
+  var afterEnterHook = isAppear
+    ? (afterAppear || afterEnter)
+    : afterEnter;
+  var enterCancelledHook = isAppear
+    ? (appearCancelled || enterCancelled)
+    : enterCancelled;
+
+  var explicitEnterDuration = toNumber(
+    isObject(duration)
+      ? duration.enter
+      : duration
+  );
+
+  if (explicitEnterDuration != null) {
+    checkDuration(explicitEnterDuration, 'enter', vnode);
+  }
+
+  var expectsCSS = css !== false && !isIE9;
+  var userWantsControl = getHookArgumentsLength(enterHook);
+
+  var cb = el._enterCb = once(function () {
+    if (expectsCSS) {
+      removeTransitionClass(el, toClass);
+      removeTransitionClass(el, activeClass);
+    }
+    if (cb.cancelled) {
+      if (expectsCSS) {
+        removeTransitionClass(el, startClass);
+      }
+      enterCancelledHook && enterCancelledHook(el);
+    } else {
+      afterEnterHook && afterEnterHook(el);
+    }
+    el._enterCb = null;
+  });
+
+  if (!vnode.data.show) {
+    // remove pending leave element on enter by injecting an insert hook
+    mergeVNodeHook(vnode, 'insert', function () {
+      var parent = el.parentNode;
+      var pendingNode = parent && parent._pending && parent._pending[vnode.key];
+      if (pendingNode &&
+        pendingNode.tag === vnode.tag &&
+        pendingNode.elm._leaveCb
+      ) {
+        pendingNode.elm._leaveCb();
+      }
+      enterHook && enterHook(el, cb);
+    });
+  }
+
+  // start enter transition
+  beforeEnterHook && beforeEnterHook(el);
+  if (expectsCSS) {
+    addTransitionClass(el, startClass);
+    addTransitionClass(el, activeClass);
+    nextFrame(function () {
+      removeTransitionClass(el, startClass);
+      if (!cb.cancelled) {
+        addTransitionClass(el, toClass);
+        if (!userWantsControl) {
+          if (isValidDuration(explicitEnterDuration)) {
+            setTimeout(cb, explicitEnterDuration);
+          } else {
+            whenTransitionEnds(el, type, cb);
+          }
+        }
+      }
+    });
+  }
+
+  if (vnode.data.show) {
+    toggleDisplay && toggleDisplay();
+    enterHook && enterHook(el, cb);
+  }
+
+  if (!expectsCSS && !userWantsControl) {
+    cb();
+  }
+}
+
+function leave (vnode, rm) {
+  var el = vnode.elm;
+
+  // call enter callback now
+  if (isDef(el._enterCb)) {
+    el._enterCb.cancelled = true;
+    el._enterCb();
+  }
+
+  var data = resolveTransition(vnode.data.transition);
+  if (isUndef(data) || el.nodeType !== 1) {
+    return rm()
+  }
+
+  /* istanbul ignore if */
+  if (isDef(el._leaveCb)) {
+    return
+  }
+
+  var css = data.css;
+  var type = data.type;
+  var leaveClass = data.leaveClass;
+  var leaveToClass = data.leaveToClass;
+  var leaveActiveClass = data.leaveActiveClass;
+  var beforeLeave = data.beforeLeave;
+  var leave = data.leave;
+  var afterLeave = data.afterLeave;
+  var leaveCancelled = data.leaveCancelled;
+  var delayLeave = data.delayLeave;
+  var duration = data.duration;
+
+  var expectsCSS = css !== false && !isIE9;
+  var userWantsControl = getHookArgumentsLength(leave);
+
+  var explicitLeaveDuration = toNumber(
+    isObject(duration)
+      ? duration.leave
+      : duration
+  );
+
+  if (isDef(explicitLeaveDuration)) {
+    checkDuration(explicitLeaveDuration, 'leave', vnode);
+  }
+
+  var cb = el._leaveCb = once(function () {
+    if (el.parentNode && el.parentNode._pending) {
+      el.parentNode._pending[vnode.key] = null;
+    }
+    if (expectsCSS) {
+      removeTransitionClass(el, leaveToClass);
+      removeTransitionClass(el, leaveActiveClass);
+    }
+    if (cb.cancelled) {
+      if (expectsCSS) {
+        removeTransitionClass(el, leaveClass);
+      }
+      leaveCancelled && leaveCancelled(el);
+    } else {
+      rm();
+      afterLeave && afterLeave(el);
+    }
+    el._leaveCb = null;
+  });
+
+  if (delayLeave) {
+    delayLeave(performLeave);
+  } else {
+    performLeave();
+  }
+
+  function performLeave () {
+    // the delayed leave may have already been cancelled
+    if (cb.cancelled) {
+      return
+    }
+    // record leaving element
+    if (!vnode.data.show && el.parentNode) {
+      (el.parentNode._pending || (el.parentNode._pending = {}))[(vnode.key)] = vnode;
+    }
+    beforeLeave && beforeLeave(el);
+    if (expectsCSS) {
+      addTransitionClass(el, leaveClass);
+      addTransitionClass(el, leaveActiveClass);
+      nextFrame(function () {
+        removeTransitionClass(el, leaveClass);
+        if (!cb.cancelled) {
+          addTransitionClass(el, leaveToClass);
+          if (!userWantsControl) {
+            if (isValidDuration(explicitLeaveDuration)) {
+              setTimeout(cb, explicitLeaveDuration);
+            } else {
+              whenTransitionEnds(el, type, cb);
+            }
+          }
+        }
+      });
+    }
+    leave && leave(el, cb);
+    if (!expectsCSS && !userWantsControl) {
+      cb();
+    }
+  }
+}
+
+// only used in dev mode
+function checkDuration (val, name, vnode) {
+  if (typeof val !== 'number') {
+    warn(
+      "<transition> explicit " + name + " duration is not a valid number - " +
+      "got " + (JSON.stringify(val)) + ".",
+      vnode.context
+    );
+  } else if (isNaN(val)) {
+    warn(
+      "<transition> explicit " + name + " duration is NaN - " +
+      'the duration expression might be incorrect.',
+      vnode.context
+    );
+  }
+}
+
+function isValidDuration (val) {
+  return typeof val === 'number' && !isNaN(val)
+}
+
+/**
+ * Normalize a transition hook's argument length. The hook may be:
+ * - a merged hook (invoker) with the original in .fns
+ * - a wrapped component method (check ._length)
+ * - a plain function (.length)
+ */
+function getHookArgumentsLength (fn) {
+  if (isUndef(fn)) {
+    return false
+  }
+  var invokerFns = fn.fns;
+  if (isDef(invokerFns)) {
+    // invoker
+    return getHookArgumentsLength(
+      Array.isArray(invokerFns)
+        ? invokerFns[0]
+        : invokerFns
+    )
+  } else {
+    return (fn._length || fn.length) > 1
+  }
+}
+
+function _enter (_, vnode) {
+  if (vnode.data.show !== true) {
+    enter(vnode);
+  }
+}
+
+var transition = inBrowser ? {
+  create: _enter,
+  activate: _enter,
+  remove: function remove$$1 (vnode, rm) {
+    /* istanbul ignore else */
+    if (vnode.data.show !== true) {
+      leave(vnode, rm);
+    } else {
+      rm();
+    }
+  }
+} : {};
+
+var platformModules = [
+  attrs,
+  klass,
+  events,
+  domProps,
+  style,
+  transition
+];
+
+/*  */
+
+// the directive module should be applied last, after all
+// built-in modules have been applied.
+var modules = platformModules.concat(baseModules);
+
+var patch = createPatchFunction({ nodeOps: nodeOps, modules: modules });
+
+/**
+ * Not type checking this file because flow doesn't like attaching
+ * properties to Elements.
+ */
+
+/* istanbul ignore if */
+if (isIE9) {
+  // http://www.matts411.com/post/internet-explorer-9-oninput/
+  document.addEventListener('selectionchange', function () {
+    var el = document.activeElement;
+    if (el && el.vmodel) {
+      trigger(el, 'input');
+    }
+  });
+}
+
+var directive = {
+  inserted: function inserted (el, binding, vnode, oldVnode) {
+    if (vnode.tag === 'select') {
+      // #6903
+      if (oldVnode.elm && !oldVnode.elm._vOptions) {
+        mergeVNodeHook(vnode, 'postpatch', function () {
+          directive.componentUpdated(el, binding, vnode);
+        });
+      } else {
+        setSelected(el, binding, vnode.context);
+      }
+      el._vOptions = [].map.call(el.options, getValue);
+    } else if (vnode.tag === 'textarea' || isTextInputType(el.type)) {
+      el._vModifiers = binding.modifiers;
+      if (!binding.modifiers.lazy) {
+        el.addEventListener('compositionstart', onCompositionStart);
+        el.addEventListener('compositionend', onCompositionEnd);
+        // Safari < 10.2 & UIWebView doesn't fire compositionend when
+        // switching focus before confirming composition choice
+        // this also fixes the issue where some browsers e.g. iOS Chrome
+        // fires "change" instead of "input" on autocomplete.
+        el.addEventListener('change', onCompositionEnd);
+        /* istanbul ignore if */
+        if (isIE9) {
+          el.vmodel = true;
+        }
+      }
+    }
+  },
+
+  componentUpdated: function componentUpdated (el, binding, vnode) {
+    if (vnode.tag === 'select') {
+      setSelected(el, binding, vnode.context);
+      // in case the options rendered by v-for have changed,
+      // it's possible that the value is out-of-sync with the rendered options.
+      // detect such cases and filter out values that no longer has a matching
+      // option in the DOM.
+      var prevOptions = el._vOptions;
+      var curOptions = el._vOptions = [].map.call(el.options, getValue);
+      if (curOptions.some(function (o, i) { return !looseEqual(o, prevOptions[i]); })) {
+        // trigger change event if
+        // no matching option found for at least one value
+        var needReset = el.multiple
+          ? binding.value.some(function (v) { return hasNoMatchingOption(v, curOptions); })
+          : binding.value !== binding.oldValue && hasNoMatchingOption(binding.value, curOptions);
+        if (needReset) {
+          trigger(el, 'change');
+        }
+      }
+    }
+  }
+};
+
+function setSelected (el, binding, vm) {
+  actuallySetSelected(el, binding, vm);
+  /* istanbul ignore if */
+  if (isIE || isEdge) {
+    setTimeout(function () {
+      actuallySetSelected(el, binding, vm);
+    }, 0);
+  }
+}
+
+function actuallySetSelected (el, binding, vm) {
+  var value = binding.value;
+  var isMultiple = el.multiple;
+  if (isMultiple && !Array.isArray(value)) {
+    warn(
+      "<select multiple v-model=\"" + (binding.expression) + "\"> " +
+      "expects an Array value for its binding, but got " + (Object.prototype.toString.call(value).slice(8, -1)),
+      vm
+    );
+    return
+  }
+  var selected, option;
+  for (var i = 0, l = el.options.length; i < l; i++) {
+    option = el.options[i];
+    if (isMultiple) {
+      selected = looseIndexOf(value, getValue(option)) > -1;
+      if (option.selected !== selected) {
+        option.selected = selected;
+      }
+    } else {
+      if (looseEqual(getValue(option), value)) {
+        if (el.selectedIndex !== i) {
+          el.selectedIndex = i;
+        }
+        return
+      }
+    }
+  }
+  if (!isMultiple) {
+    el.selectedIndex = -1;
+  }
+}
+
+function hasNoMatchingOption (value, options) {
+  return options.every(function (o) { return !looseEqual(o, value); })
+}
+
+function getValue (option) {
+  return '_value' in option
+    ? option._value
+    : option.value
+}
+
+function onCompositionStart (e) {
+  e.target.composing = true;
+}
+
+function onCompositionEnd (e) {
+  // prevent triggering an input event for no reason
+  if (!e.target.composing) { return }
+  e.target.composing = false;
+  trigger(e.target, 'input');
+}
+
+function trigger (el, type) {
+  var e = document.createEvent('HTMLEvents');
+  e.initEvent(type, true, true);
+  el.dispatchEvent(e);
+}
+
+/*  */
+
+// recursively search for possible transition defined inside the component root
+function locateNode (vnode) {
+  return vnode.componentInstance && (!vnode.data || !vnode.data.transition)
+    ? locateNode(vnode.componentInstance._vnode)
+    : vnode
+}
+
+var show = {
+  bind: function bind (el, ref, vnode) {
+    var value = ref.value;
+
+    vnode = locateNode(vnode);
+    var transition$$1 = vnode.data && vnode.data.transition;
+    var originalDisplay = el.__vOriginalDisplay =
+      el.style.display === 'none' ? '' : el.style.display;
+    if (value && transition$$1) {
+      vnode.data.show = true;
+      enter(vnode, function () {
+        el.style.display = originalDisplay;
+      });
+    } else {
+      el.style.display = value ? originalDisplay : 'none';
+    }
+  },
+
+  update: function update (el, ref, vnode) {
+    var value = ref.value;
+    var oldValue = ref.oldValue;
+
+    /* istanbul ignore if */
+    if (!value === !oldValue) { return }
+    vnode = locateNode(vnode);
+    var transition$$1 = vnode.data && vnode.data.transition;
+    if (transition$$1) {
+      vnode.data.show = true;
+      if (value) {
+        enter(vnode, function () {
+          el.style.display = el.__vOriginalDisplay;
+        });
+      } else {
+        leave(vnode, function () {
+          el.style.display = 'none';
+        });
+      }
+    } else {
+      el.style.display = value ? el.__vOriginalDisplay : 'none';
+    }
+  },
+
+  unbind: function unbind (
+    el,
+    binding,
+    vnode,
+    oldVnode,
+    isDestroy
+  ) {
+    if (!isDestroy) {
+      el.style.display = el.__vOriginalDisplay;
+    }
+  }
+};
+
+var platformDirectives = {
+  model: directive,
+  show: show
+};
+
+/*  */
+
+var transitionProps = {
+  name: String,
+  appear: Boolean,
+  css: Boolean,
+  mode: String,
+  type: String,
+  enterClass: String,
+  leaveClass: String,
+  enterToClass: String,
+  leaveToClass: String,
+  enterActiveClass: String,
+  leaveActiveClass: String,
+  appearClass: String,
+  appearActiveClass: String,
+  appearToClass: String,
+  duration: [Number, String, Object]
+};
+
+// in case the child is also an abstract component, e.g. <keep-alive>
+// we want to recursively retrieve the real component to be rendered
+function getRealChild (vnode) {
+  var compOptions = vnode && vnode.componentOptions;
+  if (compOptions && compOptions.Ctor.options.abstract) {
+    return getRealChild(getFirstComponentChild(compOptions.children))
+  } else {
+    return vnode
+  }
+}
+
+function extractTransitionData (comp) {
+  var data = {};
+  var options = comp.$options;
+  // props
+  for (var key in options.propsData) {
+    data[key] = comp[key];
+  }
+  // events.
+  // extract listeners and pass them directly to the transition methods
+  var listeners = options._parentListeners;
+  for (var key$1 in listeners) {
+    data[camelize(key$1)] = listeners[key$1];
+  }
+  return data
+}
+
+function placeholder (h, rawChild) {
+  if (/\d-keep-alive$/.test(rawChild.tag)) {
+    return h('keep-alive', {
+      props: rawChild.componentOptions.propsData
+    })
+  }
+}
+
+function hasParentTransition (vnode) {
+  while ((vnode = vnode.parent)) {
+    if (vnode.data.transition) {
+      return true
+    }
+  }
+}
+
+function isSameChild (child, oldChild) {
+  return oldChild.key === child.key && oldChild.tag === child.tag
+}
+
+var isNotTextNode = function (c) { return c.tag || isAsyncPlaceholder(c); };
+
+var isVShowDirective = function (d) { return d.name === 'show'; };
+
+var Transition = {
+  name: 'transition',
+  props: transitionProps,
+  abstract: true,
+
+  render: function render (h) {
+    var this$1 = this;
+
+    var children = this.$slots.default;
+    if (!children) {
+      return
+    }
+
+    // filter out text nodes (possible whitespaces)
+    children = children.filter(isNotTextNode);
+    /* istanbul ignore if */
+    if (!children.length) {
+      return
+    }
+
+    // warn multiple elements
+    if (children.length > 1) {
+      warn(
+        '<transition> can only be used on a single element. Use ' +
+        '<transition-group> for lists.',
+        this.$parent
+      );
+    }
+
+    var mode = this.mode;
+
+    // warn invalid mode
+    if (mode && mode !== 'in-out' && mode !== 'out-in'
+    ) {
+      warn(
+        'invalid <transition> mode: ' + mode,
+        this.$parent
+      );
+    }
+
+    var rawChild = children[0];
+
+    // if this is a component root node and the component's
+    // parent container node also has transition, skip.
+    if (hasParentTransition(this.$vnode)) {
+      return rawChild
+    }
+
+    // apply transition data to child
+    // use getRealChild() to ignore abstract components e.g. keep-alive
+    var child = getRealChild(rawChild);
+    /* istanbul ignore if */
+    if (!child) {
+      return rawChild
+    }
+
+    if (this._leaving) {
+      return placeholder(h, rawChild)
+    }
+
+    // ensure a key that is unique to the vnode type and to this transition
+    // component instance. This key will be used to remove pending leaving nodes
+    // during entering.
+    var id = "__transition-" + (this._uid) + "-";
+    child.key = child.key == null
+      ? child.isComment
+        ? id + 'comment'
+        : id + child.tag
+      : isPrimitive(child.key)
+        ? (String(child.key).indexOf(id) === 0 ? child.key : id + child.key)
+        : child.key;
+
+    var data = (child.data || (child.data = {})).transition = extractTransitionData(this);
+    var oldRawChild = this._vnode;
+    var oldChild = getRealChild(oldRawChild);
+
+    // mark v-show
+    // so that the transition module can hand over the control to the directive
+    if (child.data.directives && child.data.directives.some(isVShowDirective)) {
+      child.data.show = true;
+    }
+
+    if (
+      oldChild &&
+      oldChild.data &&
+      !isSameChild(child, oldChild) &&
+      !isAsyncPlaceholder(oldChild) &&
+      // #6687 component root is a comment node
+      !(oldChild.componentInstance && oldChild.componentInstance._vnode.isComment)
+    ) {
+      // replace old child transition data with fresh one
+      // important for dynamic transitions!
+      var oldData = oldChild.data.transition = extend({}, data);
+      // handle transition mode
+      if (mode === 'out-in') {
+        // return placeholder node and queue update when leave finishes
+        this._leaving = true;
+        mergeVNodeHook(oldData, 'afterLeave', function () {
+          this$1._leaving = false;
+          this$1.$forceUpdate();
+        });
+        return placeholder(h, rawChild)
+      } else if (mode === 'in-out') {
+        if (isAsyncPlaceholder(child)) {
+          return oldRawChild
+        }
+        var delayedLeave;
+        var performLeave = function () { delayedLeave(); };
+        mergeVNodeHook(data, 'afterEnter', performLeave);
+        mergeVNodeHook(data, 'enterCancelled', performLeave);
+        mergeVNodeHook(oldData, 'delayLeave', function (leave) { delayedLeave = leave; });
+      }
+    }
+
+    return rawChild
+  }
+};
+
+/*  */
+
+var props = extend({
+  tag: String,
+  moveClass: String
+}, transitionProps);
+
+delete props.mode;
+
+var TransitionGroup = {
+  props: props,
+
+  beforeMount: function beforeMount () {
+    var this$1 = this;
+
+    var update = this._update;
+    this._update = function (vnode, hydrating) {
+      var restoreActiveInstance = setActiveInstance(this$1);
+      // force removing pass
+      this$1.__patch__(
+        this$1._vnode,
+        this$1.kept,
+        false, // hydrating
+        true // removeOnly (!important, avoids unnecessary moves)
+      );
+      this$1._vnode = this$1.kept;
+      restoreActiveInstance();
+      update.call(this$1, vnode, hydrating);
+    };
+  },
+
+  render: function render (h) {
+    var tag = this.tag || this.$vnode.data.tag || 'span';
+    var map = Object.create(null);
+    var prevChildren = this.prevChildren = this.children;
+    var rawChildren = this.$slots.default || [];
+    var children = this.children = [];
+    var transitionData = extractTransitionData(this);
+
+    for (var i = 0; i < rawChildren.length; i++) {
+      var c = rawChildren[i];
+      if (c.tag) {
+        if (c.key != null && String(c.key).indexOf('__vlist') !== 0) {
+          children.push(c);
+          map[c.key] = c
+          ;(c.data || (c.data = {})).transition = transitionData;
+        } else {
+          var opts = c.componentOptions;
+          var name = opts ? (opts.Ctor.options.name || opts.tag || '') : c.tag;
+          warn(("<transition-group> children must be keyed: <" + name + ">"));
+        }
+      }
+    }
+
+    if (prevChildren) {
+      var kept = [];
+      var removed = [];
+      for (var i$1 = 0; i$1 < prevChildren.length; i$1++) {
+        var c$1 = prevChildren[i$1];
+        c$1.data.transition = transitionData;
+        c$1.data.pos = c$1.elm.getBoundingClientRect();
+        if (map[c$1.key]) {
+          kept.push(c$1);
+        } else {
+          removed.push(c$1);
+        }
+      }
+      this.kept = h(tag, null, kept);
+      this.removed = removed;
+    }
+
+    return h(tag, null, children)
+  },
+
+  updated: function updated () {
+    var children = this.prevChildren;
+    var moveClass = this.moveClass || ((this.name || 'v') + '-move');
+    if (!children.length || !this.hasMove(children[0].elm, moveClass)) {
+      return
+    }
+
+    // we divide the work into three loops to avoid mixing DOM reads and writes
+    // in each iteration - which helps prevent layout thrashing.
+    children.forEach(callPendingCbs);
+    children.forEach(recordPosition);
+    children.forEach(applyTranslation);
+
+    // force reflow to put everything in position
+    // assign to this to avoid being removed in tree-shaking
+    // $flow-disable-line
+    this._reflow = document.body.offsetHeight;
+
+    children.forEach(function (c) {
+      if (c.data.moved) {
+        var el = c.elm;
+        var s = el.style;
+        addTransitionClass(el, moveClass);
+        s.transform = s.WebkitTransform = s.transitionDuration = '';
+        el.addEventListener(transitionEndEvent, el._moveCb = function cb (e) {
+          if (e && e.target !== el) {
+            return
+          }
+          if (!e || /transform$/.test(e.propertyName)) {
+            el.removeEventListener(transitionEndEvent, cb);
+            el._moveCb = null;
+            removeTransitionClass(el, moveClass);
+          }
+        });
+      }
+    });
+  },
+
+  methods: {
+    hasMove: function hasMove (el, moveClass) {
+      /* istanbul ignore if */
+      if (!hasTransition) {
+        return false
+      }
+      /* istanbul ignore if */
+      if (this._hasMove) {
+        return this._hasMove
+      }
+      // Detect whether an element with the move class applied has
+      // CSS transitions. Since the element may be inside an entering
+      // transition at this very moment, we make a clone of it and remove
+      // all other transition classes applied to ensure only the move class
+      // is applied.
+      var clone = el.cloneNode();
+      if (el._transitionClasses) {
+        el._transitionClasses.forEach(function (cls) { removeClass(clone, cls); });
+      }
+      addClass(clone, moveClass);
+      clone.style.display = 'none';
+      this.$el.appendChild(clone);
+      var info = getTransitionInfo(clone);
+      this.$el.removeChild(clone);
+      return (this._hasMove = info.hasTransform)
+    }
+  }
+};
+
+function callPendingCbs (c) {
+  /* istanbul ignore if */
+  if (c.elm._moveCb) {
+    c.elm._moveCb();
+  }
+  /* istanbul ignore if */
+  if (c.elm._enterCb) {
+    c.elm._enterCb();
+  }
+}
+
+function recordPosition (c) {
+  c.data.newPos = c.elm.getBoundingClientRect();
+}
+
+function applyTranslation (c) {
+  var oldPos = c.data.pos;
+  var newPos = c.data.newPos;
+  var dx = oldPos.left - newPos.left;
+  var dy = oldPos.top - newPos.top;
+  if (dx || dy) {
+    c.data.moved = true;
+    var s = c.elm.style;
+    s.transform = s.WebkitTransform = "translate(" + dx + "px," + dy + "px)";
+    s.transitionDuration = '0s';
+  }
+}
+
+var platformComponents = {
+  Transition: Transition,
+  TransitionGroup: TransitionGroup
+};
+
+/*  */
+
+// install platform specific utils
+Vue.config.mustUseProp = mustUseProp;
+Vue.config.isReservedTag = isReservedTag;
+Vue.config.isReservedAttr = isReservedAttr;
+Vue.config.getTagNamespace = getTagNamespace;
+Vue.config.isUnknownElement = isUnknownElement;
+
+// install platform runtime directives & components
+extend(Vue.options.directives, platformDirectives);
+extend(Vue.options.components, platformComponents);
+
+// install platform patch function
+Vue.prototype.__patch__ = inBrowser ? patch : noop;
+
+// public mount method
+Vue.prototype.$mount = function (
+  el,
+  hydrating
+) {
+  el = el && inBrowser ? query(el) : undefined;
+  return mountComponent(this, el, hydrating)
+};
+
+// devtools global hook
+/* istanbul ignore next */
+if (inBrowser) {
+  setTimeout(function () {
+    if (config.devtools) {
+      if (devtools) {
+        devtools.emit('init', Vue);
+      } else {
+        console[console.info ? 'info' : 'log'](
+          'Download the Vue Devtools extension for a better development experience:\n' +
+          'https://github.com/vuejs/vue-devtools'
+        );
+      }
+    }
+    if (config.productionTip !== false &&
+      typeof console !== 'undefined'
+    ) {
+      console[console.info ? 'info' : 'log'](
+        "You are running Vue in development mode.\n" +
+        "Make sure to turn on production mode when deploying for production.\n" +
+        "See more tips at https://vuejs.org/guide/deployment.html"
+      );
+    }
+  }, 0);
+}
+
+/*  */
+
+var defaultTagRE = /\{\{((?:.|\r?\n)+?)\}\}/g;
+var regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g;
+
+var buildRegex = cached(function (delimiters) {
+  var open = delimiters[0].replace(regexEscapeRE, '\\$&');
+  var close = delimiters[1].replace(regexEscapeRE, '\\$&');
+  return new RegExp(open + '((?:.|\\n)+?)' + close, 'g')
+});
+
+
+
+function parseText (
+  text,
+  delimiters
+) {
+  var tagRE = delimiters ? buildRegex(delimiters) : defaultTagRE;
+  if (!tagRE.test(text)) {
+    return
+  }
+  var tokens = [];
+  var rawTokens = [];
+  var lastIndex = tagRE.lastIndex = 0;
+  var match, index, tokenValue;
+  while ((match = tagRE.exec(text))) {
+    index = match.index;
+    // push text token
+    if (index > lastIndex) {
+      rawTokens.push(tokenValue = text.slice(lastIndex, index));
+      tokens.push(JSON.stringify(tokenValue));
+    }
+    // tag token
+    var exp = parseFilters(match[1].trim());
+    tokens.push(("_s(" + exp + ")"));
+    rawTokens.push({ '@binding': exp });
+    lastIndex = index + match[0].length;
+  }
+  if (lastIndex < text.length) {
+    rawTokens.push(tokenValue = text.slice(lastIndex));
+    tokens.push(JSON.stringify(tokenValue));
+  }
+  return {
+    expression: tokens.join('+'),
+    tokens: rawTokens
+  }
+}
+
+/*  */
+
+function transformNode (el, options) {
+  var warn = options.warn || baseWarn;
+  var staticClass = getAndRemoveAttr(el, 'class');
+  if (staticClass) {
+    var res = parseText(staticClass, options.delimiters);
+    if (res) {
+      warn(
+        "class=\"" + staticClass + "\": " +
+        'Interpolation inside attributes has been removed. ' +
+        'Use v-bind or the colon shorthand instead. For example, ' +
+        'instead of <div class="{{ val }}">, use <div :class="val">.',
+        el.rawAttrsMap['class']
+      );
+    }
+  }
+  if (staticClass) {
+    el.staticClass = JSON.stringify(staticClass);
+  }
+  var classBinding = getBindingAttr(el, 'class', false /* getStatic */);
+  if (classBinding) {
+    el.classBinding = classBinding;
+  }
+}
+
+function genData (el) {
+  var data = '';
+  if (el.staticClass) {
+    data += "staticClass:" + (el.staticClass) + ",";
+  }
+  if (el.classBinding) {
+    data += "class:" + (el.classBinding) + ",";
+  }
+  return data
+}
+
+var klass$1 = {
+  staticKeys: ['staticClass'],
+  transformNode: transformNode,
+  genData: genData
+};
+
+/*  */
+
+function transformNode$1 (el, options) {
+  var warn = options.warn || baseWarn;
+  var staticStyle = getAndRemoveAttr(el, 'style');
+  if (staticStyle) {
+    /* istanbul ignore if */
+    {
+      var res = parseText(staticStyle, options.delimiters);
+      if (res) {
+        warn(
+          "style=\"" + staticStyle + "\": " +
+          'Interpolation inside attributes has been removed. ' +
+          'Use v-bind or the colon shorthand instead. For example, ' +
+          'instead of <div style="{{ val }}">, use <div :style="val">.',
+          el.rawAttrsMap['style']
+        );
+      }
+    }
+    el.staticStyle = JSON.stringify(parseStyleText(staticStyle));
+  }
+
+  var styleBinding = getBindingAttr(el, 'style', false /* getStatic */);
+  if (styleBinding) {
+    el.styleBinding = styleBinding;
+  }
+}
+
+function genData$1 (el) {
+  var data = '';
+  if (el.staticStyle) {
+    data += "staticStyle:" + (el.staticStyle) + ",";
+  }
+  if (el.styleBinding) {
+    data += "style:(" + (el.styleBinding) + "),";
+  }
+  return data
+}
+
+var style$1 = {
+  staticKeys: ['staticStyle'],
+  transformNode: transformNode$1,
+  genData: genData$1
+};
+
+/*  */
+
+var decoder;
+
+var he = {
+  decode: function decode (html) {
+    decoder = decoder || document.createElement('div');
+    decoder.innerHTML = html;
+    return decoder.textContent
+  }
+};
+
+/*  */
+
+var isUnaryTag = makeMap(
+  'area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' +
+  'link,meta,param,source,track,wbr'
+);
+
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+var canBeLeftOpenTag = makeMap(
+  'colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source'
+);
+
+// HTML5 tags https://html.spec.whatwg.org/multipage/indices.html#elements-3
+// Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
+var isNonPhrasingTag = makeMap(
+  'address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' +
+  'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' +
+  'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' +
+  'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' +
+  'title,tr,track'
+);
+
+/**
+ * Not type-checking this file because it's mostly vendor code.
+ */
+
+// Regular Expressions for parsing tags and attributes
+var attribute = /^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/;
+var dynamicArgAttribute = /^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/;
+var ncname = "[a-zA-Z_][\\-\\.0-9_a-zA-Z" + (unicodeRegExp.source) + "]*";
+var qnameCapture = "((?:" + ncname + "\\:)?" + ncname + ")";
+var startTagOpen = new RegExp(("^<" + qnameCapture));
+var startTagClose = /^\s*(\/?)>/;
+var endTag = new RegExp(("^<\\/" + qnameCapture + "[^>]*>"));
+var doctype = /^<!DOCTYPE [^>]+>/i;
+// #7298: escape - to avoid being pased as HTML comment when inlined in page
+var comment = /^<!\--/;
+var conditionalComment = /^<!\[/;
+
+// Special Elements (can contain anything)
+var isPlainTextElement = makeMap('script,style,textarea', true);
+var reCache = {};
+
+var decodingMap = {
+  '&lt;': '<',
+  '&gt;': '>',
+  '&quot;': '"',
+  '&amp;': '&',
+  '&#10;': '\n',
+  '&#9;': '\t',
+  '&#39;': "'"
+};
+var encodedAttr = /&(?:lt|gt|quot|amp|#39);/g;
+var encodedAttrWithNewLines = /&(?:lt|gt|quot|amp|#39|#10|#9);/g;
+
+// #5992
+var isIgnoreNewlineTag = makeMap('pre,textarea', true);
+var shouldIgnoreFirstNewline = function (tag, html) { return tag && isIgnoreNewlineTag(tag) && html[0] === '\n'; };
+
+function decodeAttr (value, shouldDecodeNewlines) {
+  var re = shouldDecodeNewlines ? encodedAttrWithNewLines : encodedAttr;
+  return value.replace(re, function (match) { return decodingMap[match]; })
+}
+
+function parseHTML (html, options) {
+  var stack = [];
+  var expectHTML = options.expectHTML;
+  var isUnaryTag$$1 = options.isUnaryTag || no;
+  var canBeLeftOpenTag$$1 = options.canBeLeftOpenTag || no;
+  var index = 0;
+  var last, lastTag;
+  while (html) {
+    last = html;
+    // Make sure we're not in a plaintext content element like script/style
+    if (!lastTag || !isPlainTextElement(lastTag)) {
+      var textEnd = html.indexOf('<');
+      if (textEnd === 0) {
+        // Comment:
+        if (comment.test(html)) {
+          var commentEnd = html.indexOf('-->');
+
+          if (commentEnd >= 0) {
+            if (options.shouldKeepComment) {
+              options.comment(html.substring(4, commentEnd), index, index + commentEnd + 3);
+            }
+            advance(commentEnd + 3);
+            continue
+          }
+        }
+
+        // http://en.wikipedia.org/wiki/Conditional_comment#Downlevel-revealed_conditional_comment
+        if (conditionalComment.test(html)) {
+          var conditionalEnd = html.indexOf(']>');
+
+          if (conditionalEnd >= 0) {
+            advance(conditionalEnd + 2);
+            continue
+          }
+        }
+
+        // Doctype:
+        var doctypeMatch = html.match(doctype);
+        if (doctypeMatch) {
+          advance(doctypeMatch[0].length);
+          continue
+        }
+
+        // End tag:
+        var endTagMatch = html.match(endTag);
+        if (endTagMatch) {
+          var curIndex = index;
+          advance(endTagMatch[0].length);
+          parseEndTag(endTagMatch[1], curIndex, index);
+          continue
+        }
+
+        // Start tag:
+        var startTagMatch = parseStartTag();
+        if (startTagMatch) {
+          handleStartTag(startTagMatch);
+          if (shouldIgnoreFirstNewline(startTagMatch.tagName, html)) {
+            advance(1);
+          }
+          continue
+        }
+      }
+
+      var text = (void 0), rest = (void 0), next = (void 0);
+      if (textEnd >= 0) {
+        rest = html.slice(textEnd);
+        while (
+          !endTag.test(rest) &&
+          !startTagOpen.test(rest) &&
+          !comment.test(rest) &&
+          !conditionalComment.test(rest)
+        ) {
+          // < in plain text, be forgiving and treat it as text
+          next = rest.indexOf('<', 1);
+          if (next < 0) { break }
+          textEnd += next;
+          rest = html.slice(textEnd);
+        }
+        text = html.substring(0, textEnd);
+      }
+
+      if (textEnd < 0) {
+        text = html;
+      }
+
+      if (text) {
+        advance(text.length);
+      }
+
+      if (options.chars && text) {
+        options.chars(text, index - text.length, index);
+      }
+    } else {
+      var endTagLength = 0;
+      var stackedTag = lastTag.toLowerCase();
+      var reStackedTag = reCache[stackedTag] || (reCache[stackedTag] = new RegExp('([\\s\\S]*?)(</' + stackedTag + '[^>]*>)', 'i'));
+      var rest$1 = html.replace(reStackedTag, function (all, text, endTag) {
+        endTagLength = endTag.length;
+        if (!isPlainTextElement(stackedTag) && stackedTag !== 'noscript') {
+          text = text
+            .replace(/<!\--([\s\S]*?)-->/g, '$1') // #7298
+            .replace(/<!\[CDATA\[([\s\S]*?)]]>/g, '$1');
+        }
+        if (shouldIgnoreFirstNewline(stackedTag, text)) {
+          text = text.slice(1);
+        }
+        if (options.chars) {
+          options.chars(text);
+        }
+        return ''
+      });
+      index += html.length - rest$1.length;
+      html = rest$1;
+      parseEndTag(stackedTag, index - endTagLength, index);
+    }
+
+    if (html === last) {
+      options.chars && options.chars(html);
+      if (!stack.length && options.warn) {
+        options.warn(("Mal-formatted tag at end of template: \"" + html + "\""), { start: index + html.length });
+      }
+      break
+    }
+  }
+
+  // Clean up any remaining tags
+  parseEndTag();
+
+  function advance (n) {
+    index += n;
+    html = html.substring(n);
+  }
+
+  function parseStartTag () {
+    var start = html.match(startTagOpen);
+    if (start) {
+      var match = {
+        tagName: start[1],
+        attrs: [],
+        start: index
+      };
+      advance(start[0].length);
+      var end, attr;
+      while (!(end = html.match(startTagClose)) && (attr = html.match(dynamicArgAttribute) || html.match(attribute))) {
+        attr.start = index;
+        advance(attr[0].length);
+        attr.end = index;
+        match.attrs.push(attr);
+      }
+      if (end) {
+        match.unarySlash = end[1];
+        advance(end[0].length);
+        match.end = index;
+        return match
+      }
+    }
+  }
+
+  function handleStartTag (match) {
+    var tagName = match.tagName;
+    var unarySlash = match.unarySlash;
+
+    if (expectHTML) {
+      if (lastTag === 'p' && isNonPhrasingTag(tagName)) {
+        parseEndTag(lastTag);
+      }
+      if (canBeLeftOpenTag$$1(tagName) && lastTag === tagName) {
+        parseEndTag(tagName);
+      }
+    }
+
+    var unary = isUnaryTag$$1(tagName) || !!unarySlash;
+
+    var l = match.attrs.length;
+    var attrs = new Array(l);
+    for (var i = 0; i < l; i++) {
+      var args = match.attrs[i];
+      var value = args[3] || args[4] || args[5] || '';
+      var shouldDecodeNewlines = tagName === 'a' && args[1] === 'href'
+        ? options.shouldDecodeNewlinesForHref
+        : options.shouldDecodeNewlines;
+      attrs[i] = {
+        name: args[1],
+        value: decodeAttr(value, shouldDecodeNewlines)
+      };
+      if (options.outputSourceRange) {
+        attrs[i].start = args.start + args[0].match(/^\s*/).length;
+        attrs[i].end = args.end;
+      }
+    }
+
+    if (!unary) {
+      stack.push({ tag: tagName, lowerCasedTag: tagName.toLowerCase(), attrs: attrs, start: match.start, end: match.end });
+      lastTag = tagName;
+    }
+
+    if (options.start) {
+      options.start(tagName, attrs, unary, match.start, match.end);
+    }
+  }
+
+  function parseEndTag (tagName, start, end) {
+    var pos, lowerCasedTagName;
+    if (start == null) { start = index; }
+    if (end == null) { end = index; }
+
+    // Find the closest opened tag of the same type
+    if (tagName) {
+      lowerCasedTagName = tagName.toLowerCase();
+      for (pos = stack.length - 1; pos >= 0; pos--) {
+        if (stack[pos].lowerCasedTag === lowerCasedTagName) {
+          break
+        }
+      }
+    } else {
+      // If no tag name is provided, clean shop
+      pos = 0;
+    }
+
+    if (pos >= 0) {
+      // Close all the open elements, up the stack
+      for (var i = stack.length - 1; i >= pos; i--) {
+        if (i > pos || !tagName &&
+          options.warn
+        ) {
+          options.warn(
+            ("tag <" + (stack[i].tag) + "> has no matching end tag."),
+            { start: stack[i].start, end: stack[i].end }
+          );
+        }
+        if (options.end) {
+          options.end(stack[i].tag, start, end);
+        }
+      }
+
+      // Remove the open elements from the stack
+      stack.length = pos;
+      lastTag = pos && stack[pos - 1].tag;
+    } else if (lowerCasedTagName === 'br') {
+      if (options.start) {
+        options.start(tagName, [], true, start, end);
+      }
+    } else if (lowerCasedTagName === 'p') {
+      if (options.start) {
+        options.start(tagName, [], false, start, end);
+      }
+      if (options.end) {
+        options.end(tagName, start, end);
+      }
+    }
+  }
+}
+
+/*  */
+
+var onRE = /^@|^v-on:/;
+var dirRE = /^v-|^@|^:/;
+var forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
+var forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
+var stripParensRE = /^\(|\)$/g;
+var dynamicArgRE = /^\[.*\]$/;
+
+var argRE = /:(.*)$/;
+var bindRE = /^:|^\.|^v-bind:/;
+var modifierRE = /\.[^.\]]+(?=[^\]]*$)/g;
+
+var slotRE = /^v-slot(:|$)|^#/;
+
+var lineBreakRE = /[\r\n]/;
+var whitespaceRE$1 = /\s+/g;
+
+var invalidAttributeRE = /[\s"'<>\/=]/;
+
+var decodeHTMLCached = cached(he.decode);
+
+var emptySlotScopeToken = "_empty_";
+
+// configurable state
+var warn$2;
+var delimiters;
+var transforms;
+var preTransforms;
+var postTransforms;
+var platformIsPreTag;
+var platformMustUseProp;
+var platformGetTagNamespace;
+var maybeComponent;
+
+function createASTElement (
+  tag,
+  attrs,
+  parent
+) {
+  return {
+    type: 1,
+    tag: tag,
+    attrsList: attrs,
+    attrsMap: makeAttrsMap(attrs),
+    rawAttrsMap: {},
+    parent: parent,
+    children: []
+  }
+}
+
+/**
+ * Convert HTML string to AST.
+ */
+function parse (
+  template,
+  options
+) {
+  warn$2 = options.warn || baseWarn;
+
+  platformIsPreTag = options.isPreTag || no;
+  platformMustUseProp = options.mustUseProp || no;
+  platformGetTagNamespace = options.getTagNamespace || no;
+  var isReservedTag = options.isReservedTag || no;
+  maybeComponent = function (el) { return !!el.component || !isReservedTag(el.tag); };
+
+  transforms = pluckModuleFunction(options.modules, 'transformNode');
+  preTransforms = pluckModuleFunction(options.modules, 'preTransformNode');
+  postTransforms = pluckModuleFunction(options.modules, 'postTransformNode');
+
+  delimiters = options.delimiters;
+
+  var stack = [];
+  var preserveWhitespace = options.preserveWhitespace !== false;
+  var whitespaceOption = options.whitespace;
+  var root;
+  var currentParent;
+  var inVPre = false;
+  var inPre = false;
+  var warned = false;
+
+  function warnOnce (msg, range) {
+    if (!warned) {
+      warned = true;
+      warn$2(msg, range);
+    }
+  }
+
+  function closeElement (element) {
+    trimEndingWhitespace(element);
+    if (!inVPre && !element.processed) {
+      element = processElement(element, options);
+    }
+    // tree management
+    if (!stack.length && element !== root) {
+      // allow root elements with v-if, v-else-if and v-else
+      if (root.if && (element.elseif || element.else)) {
+        {
+          checkRootConstraints(element);
+        }
+        addIfCondition(root, {
+          exp: element.elseif,
+          block: element
+        });
+      } else {
+        warnOnce(
+          "Component template should contain exactly one root element. " +
+          "If you are using v-if on multiple elements, " +
+          "use v-else-if to chain them instead.",
+          { start: element.start }
+        );
+      }
+    }
+    if (currentParent && !element.forbidden) {
+      if (element.elseif || element.else) {
+        processIfConditions(element, currentParent);
+      } else {
+        if (element.slotScope) {
+          // scoped slot
+          // keep it in the children list so that v-else(-if) conditions can
+          // find it as the prev node.
+          var name = element.slotTarget || '"default"'
+          ;(currentParent.scopedSlots || (currentParent.scopedSlots = {}))[name] = element;
+        }
+        currentParent.children.push(element);
+        element.parent = currentParent;
+      }
+    }
+
+    // final children cleanup
+    // filter out scoped slots
+    element.children = element.children.filter(function (c) { return !(c).slotScope; });
+    // remove trailing whitespace node again
+    trimEndingWhitespace(element);
+
+    // check pre state
+    if (element.pre) {
+      inVPre = false;
+    }
+    if (platformIsPreTag(element.tag)) {
+      inPre = false;
+    }
+    // apply post-transforms
+    for (var i = 0; i < postTransforms.length; i++) {
+      postTransforms[i](element, options);
+    }
+  }
+
+  function trimEndingWhitespace (el) {
+    // remove trailing whitespace node
+    if (!inPre) {
+      var lastNode;
+      while (
+        (lastNode = el.children[el.children.length - 1]) &&
+        lastNode.type === 3 &&
+        lastNode.text === ' '
+      ) {
+        el.children.pop();
+      }
+    }
+  }
+
+  function checkRootConstraints (el) {
+    if (el.tag === 'slot' || el.tag === 'template') {
+      warnOnce(
+        "Cannot use <" + (el.tag) + "> as component root element because it may " +
+        'contain multiple nodes.',
+        { start: el.start }
+      );
+    }
+    if (el.attrsMap.hasOwnProperty('v-for')) {
+      warnOnce(
+        'Cannot use v-for on stateful component root element because ' +
+        'it renders multiple elements.',
+        el.rawAttrsMap['v-for']
+      );
+    }
+  }
+
+  parseHTML(template, {
+    warn: warn$2,
+    expectHTML: options.expectHTML,
+    isUnaryTag: options.isUnaryTag,
+    canBeLeftOpenTag: options.canBeLeftOpenTag,
+    shouldDecodeNewlines: options.shouldDecodeNewlines,
+    shouldDecodeNewlinesForHref: options.shouldDecodeNewlinesForHref,
+    shouldKeepComment: options.comments,
+    outputSourceRange: options.outputSourceRange,
+    start: function start (tag, attrs, unary, start$1, end) {
+      // check namespace.
+      // inherit parent ns if there is one
+      var ns = (currentParent && currentParent.ns) || platformGetTagNamespace(tag);
+
+      // handle IE svg bug
+      /* istanbul ignore if */
+      if (isIE && ns === 'svg') {
+        attrs = guardIESVGBug(attrs);
+      }
+
+      var element = createASTElement(tag, attrs, currentParent);
+      if (ns) {
+        element.ns = ns;
+      }
+
+      {
+        if (options.outputSourceRange) {
+          element.start = start$1;
+          element.end = end;
+          element.rawAttrsMap = element.attrsList.reduce(function (cumulated, attr) {
+            cumulated[attr.name] = attr;
+            return cumulated
+          }, {});
+        }
+        attrs.forEach(function (attr) {
+          if (invalidAttributeRE.test(attr.name)) {
+            warn$2(
+              "Invalid dynamic argument expression: attribute names cannot contain " +
+              "spaces, quotes, <, >, / or =.",
+              {
+                start: attr.start + attr.name.indexOf("["),
+                end: attr.start + attr.name.length
+              }
+            );
+          }
+        });
+      }
+
+      if (isForbiddenTag(element) && !isServerRendering()) {
+        element.forbidden = true;
+        warn$2(
+          'Templates should only be responsible for mapping the state to the ' +
+          'UI. Avoid placing tags with side-effects in your templates, such as ' +
+          "<" + tag + ">" + ', as they will not be parsed.',
+          { start: element.start }
+        );
+      }
+
+      // apply pre-transforms
+      for (var i = 0; i < preTransforms.length; i++) {
+        element = preTransforms[i](element, options) || element;
+      }
+
+      if (!inVPre) {
+        processPre(element);
+        if (element.pre) {
+          inVPre = true;
+        }
+      }
+      if (platformIsPreTag(element.tag)) {
+        inPre = true;
+      }
+      if (inVPre) {
+        processRawAttrs(element);
+      } else if (!element.processed) {
+        // structural directives
+        processFor(element);
+        processIf(element);
+        processOnce(element);
+      }
+
+      if (!root) {
+        root = element;
+        {
+          checkRootConstraints(root);
+        }
+      }
+
+      if (!unary) {
+        currentParent = element;
+        stack.push(element);
+      } else {
+        closeElement(element);
+      }
+    },
+
+    end: function end (tag, start, end$1) {
+      var element = stack[stack.length - 1];
+      // pop stack
+      stack.length -= 1;
+      currentParent = stack[stack.length - 1];
+      if (options.outputSourceRange) {
+        element.end = end$1;
+      }
+      closeElement(element);
+    },
+
+    chars: function chars (text, start, end) {
+      if (!currentParent) {
+        {
+          if (text === template) {
+            warnOnce(
+              'Component template requires a root element, rather than just text.',
+              { start: start }
+            );
+          } else if ((text = text.trim())) {
+            warnOnce(
+              ("text \"" + text + "\" outside root element will be ignored."),
+              { start: start }
+            );
+          }
+        }
+        return
+      }
+      // IE textarea placeholder bug
+      /* istanbul ignore if */
+      if (isIE &&
+        currentParent.tag === 'textarea' &&
+        currentParent.attrsMap.placeholder === text
+      ) {
+        return
+      }
+      var children = currentParent.children;
+      if (inPre || text.trim()) {
+        text = isTextTag(currentParent) ? text : decodeHTMLCached(text);
+      } else if (!children.length) {
+        // remove the whitespace-only node right after an opening tag
+        text = '';
+      } else if (whitespaceOption) {
+        if (whitespaceOption === 'condense') {
+          // in condense mode, remove the whitespace node if it contains
+          // line break, otherwise condense to a single space
+          text = lineBreakRE.test(text) ? '' : ' ';
+        } else {
+          text = ' ';
+        }
+      } else {
+        text = preserveWhitespace ? ' ' : '';
+      }
+      if (text) {
+        if (!inPre && whitespaceOption === 'condense') {
+          // condense consecutive whitespaces into single space
+          text = text.replace(whitespaceRE$1, ' ');
+        }
+        var res;
+        var child;
+        if (!inVPre && text !== ' ' && (res = parseText(text, delimiters))) {
+          child = {
+            type: 2,
+            expression: res.expression,
+            tokens: res.tokens,
+            text: text
+          };
+        } else if (text !== ' ' || !children.length || children[children.length - 1].text !== ' ') {
+          child = {
+            type: 3,
+            text: text
+          };
+        }
+        if (child) {
+          if (options.outputSourceRange) {
+            child.start = start;
+            child.end = end;
+          }
+          children.push(child);
+        }
+      }
+    },
+    comment: function comment (text, start, end) {
+      // adding anyting as a sibling to the root node is forbidden
+      // comments should still be allowed, but ignored
+      if (currentParent) {
+        var child = {
+          type: 3,
+          text: text,
+          isComment: true
+        };
+        if (options.outputSourceRange) {
+          child.start = start;
+          child.end = end;
+        }
+        currentParent.children.push(child);
+      }
+    }
+  });
+  return root
+}
+
+function processPre (el) {
+  if (getAndRemoveAttr(el, 'v-pre') != null) {
+    el.pre = true;
+  }
+}
+
+function processRawAttrs (el) {
+  var list = el.attrsList;
+  var len = list.length;
+  if (len) {
+    var attrs = el.attrs = new Array(len);
+    for (var i = 0; i < len; i++) {
+      attrs[i] = {
+        name: list[i].name,
+        value: JSON.stringify(list[i].value)
+      };
+      if (list[i].start != null) {
+        attrs[i].start = list[i].start;
+        attrs[i].end = list[i].end;
+      }
+    }
+  } else if (!el.pre) {
+    // non root node in pre blocks with no attributes
+    el.plain = true;
+  }
+}
+
+function processElement (
+  element,
+  options
+) {
+  processKey(element);
+
+  // determine whether this is a plain element after
+  // removing structural attributes
+  element.plain = (
+    !element.key &&
+    !element.scopedSlots &&
+    !element.attrsList.length
+  );
+
+  processRef(element);
+  processSlotContent(element);
+  processSlotOutlet(element);
+  processComponent(element);
+  for (var i = 0; i < transforms.length; i++) {
+    element = transforms[i](element, options) || element;
+  }
+  processAttrs(element);
+  return element
+}
+
+function processKey (el) {
+  var exp = getBindingAttr(el, 'key');
+  if (exp) {
+    {
+      if (el.tag === 'template') {
+        warn$2(
+          "<template> cannot be keyed. Place the key on real elements instead.",
+          getRawBindingAttr(el, 'key')
+        );
+      }
+      if (el.for) {
+        var iterator = el.iterator2 || el.iterator1;
+        var parent = el.parent;
+        if (iterator && iterator === exp && parent && parent.tag === 'transition-group') {
+          warn$2(
+            "Do not use v-for index as key on <transition-group> children, " +
+            "this is the same as not using keys.",
+            getRawBindingAttr(el, 'key'),
+            true /* tip */
+          );
+        }
+      }
+    }
+    el.key = exp;
+  }
+}
+
+function processRef (el) {
+  var ref = getBindingAttr(el, 'ref');
+  if (ref) {
+    el.ref = ref;
+    el.refInFor = checkInFor(el);
+  }
+}
+
+function processFor (el) {
+  var exp;
+  if ((exp = getAndRemoveAttr(el, 'v-for'))) {
+    var res = parseFor(exp);
+    if (res) {
+      extend(el, res);
+    } else {
+      warn$2(
+        ("Invalid v-for expression: " + exp),
+        el.rawAttrsMap['v-for']
+      );
+    }
+  }
+}
+
+
+
+function parseFor (exp) {
+  var inMatch = exp.match(forAliasRE);
+  if (!inMatch) { return }
+  var res = {};
+  res.for = inMatch[2].trim();
+  var alias = inMatch[1].trim().replace(stripParensRE, '');
+  var iteratorMatch = alias.match(forIteratorRE);
+  if (iteratorMatch) {
+    res.alias = alias.replace(forIteratorRE, '').trim();
+    res.iterator1 = iteratorMatch[1].trim();
+    if (iteratorMatch[2]) {
+      res.iterator2 = iteratorMatch[2].trim();
+    }
+  } else {
+    res.alias = alias;
+  }
+  return res
+}
+
+function processIf (el) {
+  var exp = getAndRemoveAttr(el, 'v-if');
+  if (exp) {
+    el.if = exp;
+    addIfCondition(el, {
+      exp: exp,
+      block: el
+    });
+  } else {
+    if (getAndRemoveAttr(el, 'v-else') != null) {
+      el.else = true;
+    }
+    var elseif = getAndRemoveAttr(el, 'v-else-if');
+    if (elseif) {
+      el.elseif = elseif;
+    }
+  }
+}
+
+function processIfConditions (el, parent) {
+  var prev = findPrevElement(parent.children);
+  if (prev && prev.if) {
+    addIfCondition(prev, {
+      exp: el.elseif,
+      block: el
+    });
+  } else {
+    warn$2(
+      "v-" + (el.elseif ? ('else-if="' + el.elseif + '"') : 'else') + " " +
+      "used on element <" + (el.tag) + "> without corresponding v-if.",
+      el.rawAttrsMap[el.elseif ? 'v-else-if' : 'v-else']
+    );
+  }
+}
+
+function findPrevElement (children) {
+  var i = children.length;
+  while (i--) {
+    if (children[i].type === 1) {
+      return children[i]
+    } else {
+      if (children[i].text !== ' ') {
+        warn$2(
+          "text \"" + (children[i].text.trim()) + "\" between v-if and v-else(-if) " +
+          "will be ignored.",
+          children[i]
+        );
+      }
+      children.pop();
+    }
+  }
+}
+
+function addIfCondition (el, condition) {
+  if (!el.ifConditions) {
+    el.ifConditions = [];
+  }
+  el.ifConditions.push(condition);
+}
+
+function processOnce (el) {
+  var once$$1 = getAndRemoveAttr(el, 'v-once');
+  if (once$$1 != null) {
+    el.once = true;
+  }
+}
+
+// handle content being passed to a component as slot,
+// e.g. <template slot="xxx">, <div slot-scope="xxx">
+function processSlotContent (el) {
+  var slotScope;
+  if (el.tag === 'template') {
+    slotScope = getAndRemoveAttr(el, 'scope');
+    /* istanbul ignore if */
+    if (slotScope) {
+      warn$2(
+        "the \"scope\" attribute for scoped slots have been deprecated and " +
+        "replaced by \"slot-scope\" since 2.5. The new \"slot-scope\" attribute " +
+        "can also be used on plain elements in addition to <template> to " +
+        "denote scoped slots.",
+        el.rawAttrsMap['scope'],
+        true
+      );
+    }
+    el.slotScope = slotScope || getAndRemoveAttr(el, 'slot-scope');
+  } else if ((slotScope = getAndRemoveAttr(el, 'slot-scope'))) {
+    /* istanbul ignore if */
+    if (el.attrsMap['v-for']) {
+      warn$2(
+        "Ambiguous combined usage of slot-scope and v-for on <" + (el.tag) + "> " +
+        "(v-for takes higher priority). Use a wrapper <template> for the " +
+        "scoped slot to make it clearer.",
+        el.rawAttrsMap['slot-scope'],
+        true
+      );
+    }
+    el.slotScope = slotScope;
+  }
+
+  // slot="xxx"
+  var slotTarget = getBindingAttr(el, 'slot');
+  if (slotTarget) {
+    el.slotTarget = slotTarget === '""' ? '"default"' : slotTarget;
+    el.slotTargetDynamic = !!(el.attrsMap[':slot'] || el.attrsMap['v-bind:slot']);
+    // preserve slot as an attribute for native shadow DOM compat
+    // only for non-scoped slots.
+    if (el.tag !== 'template' && !el.slotScope) {
+      addAttr(el, 'slot', slotTarget, getRawBindingAttr(el, 'slot'));
+    }
+  }
+
+  // 2.6 v-slot syntax
+  {
+    if (el.tag === 'template') {
+      // v-slot on <template>
+      var slotBinding = getAndRemoveAttrByRegex(el, slotRE);
+      if (slotBinding) {
+        {
+          if (el.slotTarget || el.slotScope) {
+            warn$2(
+              "Unexpected mixed usage of different slot syntaxes.",
+              el
+            );
+          }
+          if (el.parent && !maybeComponent(el.parent)) {
+            warn$2(
+              "<template v-slot> can only appear at the root level inside " +
+              "the receiving the component",
+              el
+            );
+          }
+        }
+        var ref = getSlotName(slotBinding);
+        var name = ref.name;
+        var dynamic = ref.dynamic;
+        el.slotTarget = name;
+        el.slotTargetDynamic = dynamic;
+        el.slotScope = slotBinding.value || emptySlotScopeToken; // force it into a scoped slot for perf
+      }
+    } else {
+      // v-slot on component, denotes default slot
+      var slotBinding$1 = getAndRemoveAttrByRegex(el, slotRE);
+      if (slotBinding$1) {
+        {
+          if (!maybeComponent(el)) {
+            warn$2(
+              "v-slot can only be used on components or <template>.",
+              slotBinding$1
+            );
+          }
+          if (el.slotScope || el.slotTarget) {
+            warn$2(
+              "Unexpected mixed usage of different slot syntaxes.",
+              el
+            );
+          }
+          if (el.scopedSlots) {
+            warn$2(
+              "To avoid scope ambiguity, the default slot should also use " +
+              "<template> syntax when there are other named slots.",
+              slotBinding$1
+            );
+          }
+        }
+        // add the component's children to its default slot
+        var slots = el.scopedSlots || (el.scopedSlots = {});
+        var ref$1 = getSlotName(slotBinding$1);
+        var name$1 = ref$1.name;
+        var dynamic$1 = ref$1.dynamic;
+        var slotContainer = slots[name$1] = createASTElement('template', [], el);
+        slotContainer.slotTarget = name$1;
+        slotContainer.slotTargetDynamic = dynamic$1;
+        slotContainer.children = el.children.filter(function (c) {
+          if (!c.slotScope) {
+            c.parent = slotContainer;
+            return true
+          }
+        });
+        slotContainer.slotScope = slotBinding$1.value || emptySlotScopeToken;
+        // remove children as they are returned from scopedSlots now
+        el.children = [];
+        // mark el non-plain so data gets generated
+        el.plain = false;
+      }
+    }
+  }
+}
+
+function getSlotName (binding) {
+  var name = binding.name.replace(slotRE, '');
+  if (!name) {
+    if (binding.name[0] !== '#') {
+      name = 'default';
+    } else {
+      warn$2(
+        "v-slot shorthand syntax requires a slot name.",
+        binding
+      );
+    }
+  }
+  return dynamicArgRE.test(name)
+    // dynamic [name]
+    ? { name: name.slice(1, -1), dynamic: true }
+    // static name
+    : { name: ("\"" + name + "\""), dynamic: false }
+}
+
+// handle <slot/> outlets
+function processSlotOutlet (el) {
+  if (el.tag === 'slot') {
+    el.slotName = getBindingAttr(el, 'name');
+    if (el.key) {
+      warn$2(
+        "`key` does not work on <slot> because slots are abstract outlets " +
+        "and can possibly expand into multiple elements. " +
+        "Use the key on a wrapping element instead.",
+        getRawBindingAttr(el, 'key')
+      );
+    }
+  }
+}
+
+function processComponent (el) {
+  var binding;
+  if ((binding = getBindingAttr(el, 'is'))) {
+    el.component = binding;
+  }
+  if (getAndRemoveAttr(el, 'inline-template') != null) {
+    el.inlineTemplate = true;
+  }
+}
+
+function processAttrs (el) {
+  var list = el.attrsList;
+  var i, l, name, rawName, value, modifiers, syncGen, isDynamic;
+  for (i = 0, l = list.length; i < l; i++) {
+    name = rawName = list[i].name;
+    value = list[i].value;
+    if (dirRE.test(name)) {
+      // mark element as dynamic
+      el.hasBindings = true;
+      // modifiers
+      modifiers = parseModifiers(name.replace(dirRE, ''));
+      // support .foo shorthand syntax for the .prop modifier
+      if (modifiers) {
+        name = name.replace(modifierRE, '');
+      }
+      if (bindRE.test(name)) { // v-bind
+        name = name.replace(bindRE, '');
+        value = parseFilters(value);
+        isDynamic = dynamicArgRE.test(name);
+        if (isDynamic) {
+          name = name.slice(1, -1);
+        }
+        if (
+          value.trim().length === 0
+        ) {
+          warn$2(
+            ("The value for a v-bind expression cannot be empty. Found in \"v-bind:" + name + "\"")
+          );
+        }
+        if (modifiers) {
+          if (modifiers.prop && !isDynamic) {
+            name = camelize(name);
+            if (name === 'innerHtml') { name = 'innerHTML'; }
+          }
+          if (modifiers.camel && !isDynamic) {
+            name = camelize(name);
+          }
+          if (modifiers.sync) {
+            syncGen = genAssignmentCode(value, "$event");
+            if (!isDynamic) {
+              addHandler(
+                el,
+                ("update:" + (camelize(name))),
+                syncGen,
+                null,
+                false,
+                warn$2,
+                list[i]
+              );
+              if (hyphenate(name) !== camelize(name)) {
+                addHandler(
+                  el,
+                  ("update:" + (hyphenate(name))),
+                  syncGen,
+                  null,
+                  false,
+                  warn$2,
+                  list[i]
+                );
+              }
+            } else {
+              // handler w/ dynamic event name
+              addHandler(
+                el,
+                ("\"update:\"+(" + name + ")"),
+                syncGen,
+                null,
+                false,
+                warn$2,
+                list[i],
+                true // dynamic
+              );
+            }
+          }
+        }
+        if ((modifiers && modifiers.prop) || (
+          !el.component && platformMustUseProp(el.tag, el.attrsMap.type, name)
+        )) {
+          addProp(el, name, value, list[i], isDynamic);
+        } else {
+          addAttr(el, name, value, list[i], isDynamic);
+        }
+      } else if (onRE.test(name)) { // v-on
+        name = name.replace(onRE, '');
+        isDynamic = dynamicArgRE.test(name);
+        if (isDynamic) {
+          name = name.slice(1, -1);
+        }
+        addHandler(el, name, value, modifiers, false, warn$2, list[i], isDynamic);
+      } else { // normal directives
+        name = name.replace(dirRE, '');
+        // parse arg
+        var argMatch = name.match(argRE);
+        var arg = argMatch && argMatch[1];
+        isDynamic = false;
+        if (arg) {
+          name = name.slice(0, -(arg.length + 1));
+          if (dynamicArgRE.test(arg)) {
+            arg = arg.slice(1, -1);
+            isDynamic = true;
+          }
+        }
+        addDirective(el, name, rawName, value, arg, isDynamic, modifiers, list[i]);
+        if (name === 'model') {
+          checkForAliasModel(el, value);
+        }
+      }
+    } else {
+      // literal attribute
+      {
+        var res = parseText(value, delimiters);
+        if (res) {
+          warn$2(
+            name + "=\"" + value + "\": " +
+            'Interpolation inside attributes has been removed. ' +
+            'Use v-bind or the colon shorthand instead. For example, ' +
+            'instead of <div id="{{ val }}">, use <div :id="val">.',
+            list[i]
+          );
+        }
+      }
+      addAttr(el, name, JSON.stringify(value), list[i]);
+      // #6887 firefox doesn't update muted state if set via attribute
+      // even immediately after element creation
+      if (!el.component &&
+          name === 'muted' &&
+          platformMustUseProp(el.tag, el.attrsMap.type, name)) {
+        addProp(el, name, 'true', list[i]);
+      }
+    }
+  }
+}
+
+function checkInFor (el) {
+  var parent = el;
+  while (parent) {
+    if (parent.for !== undefined) {
+      return true
+    }
+    parent = parent.parent;
+  }
+  return false
+}
+
+function parseModifiers (name) {
+  var match = name.match(modifierRE);
+  if (match) {
+    var ret = {};
+    match.forEach(function (m) { ret[m.slice(1)] = true; });
+    return ret
+  }
+}
+
+function makeAttrsMap (attrs) {
+  var map = {};
+  for (var i = 0, l = attrs.length; i < l; i++) {
+    if (
+      map[attrs[i].name] && !isIE && !isEdge
+    ) {
+      warn$2('duplicate attribute: ' + attrs[i].name, attrs[i]);
+    }
+    map[attrs[i].name] = attrs[i].value;
+  }
+  return map
+}
+
+// for script (e.g. type="x/template") or style, do not decode content
+function isTextTag (el) {
+  return el.tag === 'script' || el.tag === 'style'
+}
+
+function isForbiddenTag (el) {
+  return (
+    el.tag === 'style' ||
+    (el.tag === 'script' && (
+      !el.attrsMap.type ||
+      el.attrsMap.type === 'text/javascript'
+    ))
+  )
+}
+
+var ieNSBug = /^xmlns:NS\d+/;
+var ieNSPrefix = /^NS\d+:/;
+
+/* istanbul ignore next */
+function guardIESVGBug (attrs) {
+  var res = [];
+  for (var i = 0; i < attrs.length; i++) {
+    var attr = attrs[i];
+    if (!ieNSBug.test(attr.name)) {
+      attr.name = attr.name.replace(ieNSPrefix, '');
+      res.push(attr);
+    }
+  }
+  return res
+}
+
+function checkForAliasModel (el, value) {
+  var _el = el;
+  while (_el) {
+    if (_el.for && _el.alias === value) {
+      warn$2(
+        "<" + (el.tag) + " v-model=\"" + value + "\">: " +
+        "You are binding v-model directly to a v-for iteration alias. " +
+        "This will not be able to modify the v-for source array because " +
+        "writing to the alias is like modifying a function local variable. " +
+        "Consider using an array of objects and use v-model on an object property instead.",
+        el.rawAttrsMap['v-model']
+      );
+    }
+    _el = _el.parent;
+  }
+}
+
+/*  */
+
+function preTransformNode (el, options) {
+  if (el.tag === 'input') {
+    var map = el.attrsMap;
+    if (!map['v-model']) {
+      return
+    }
+
+    var typeBinding;
+    if (map[':type'] || map['v-bind:type']) {
+      typeBinding = getBindingAttr(el, 'type');
+    }
+    if (!map.type && !typeBinding && map['v-bind']) {
+      typeBinding = "(" + (map['v-bind']) + ").type";
+    }
+
+    if (typeBinding) {
+      var ifCondition = getAndRemoveAttr(el, 'v-if', true);
+      var ifConditionExtra = ifCondition ? ("&&(" + ifCondition + ")") : "";
+      var hasElse = getAndRemoveAttr(el, 'v-else', true) != null;
+      var elseIfCondition = getAndRemoveAttr(el, 'v-else-if', true);
+      // 1. checkbox
+      var branch0 = cloneASTElement(el);
+      // process for on the main node
+      processFor(branch0);
+      addRawAttr(branch0, 'type', 'checkbox');
+      processElement(branch0, options);
+      branch0.processed = true; // prevent it from double-processed
+      branch0.if = "(" + typeBinding + ")==='checkbox'" + ifConditionExtra;
+      addIfCondition(branch0, {
+        exp: branch0.if,
+        block: branch0
+      });
+      // 2. add radio else-if condition
+      var branch1 = cloneASTElement(el);
+      getAndRemoveAttr(branch1, 'v-for', true);
+      addRawAttr(branch1, 'type', 'radio');
+      processElement(branch1, options);
+      addIfCondition(branch0, {
+        exp: "(" + typeBinding + ")==='radio'" + ifConditionExtra,
+        block: branch1
+      });
+      // 3. other
+      var branch2 = cloneASTElement(el);
+      getAndRemoveAttr(branch2, 'v-for', true);
+      addRawAttr(branch2, ':type', typeBinding);
+      processElement(branch2, options);
+      addIfCondition(branch0, {
+        exp: ifCondition,
+        block: branch2
+      });
+
+      if (hasElse) {
+        branch0.else = true;
+      } else if (elseIfCondition) {
+        branch0.elseif = elseIfCondition;
+      }
+
+      return branch0
+    }
+  }
+}
+
+function cloneASTElement (el) {
+  return createASTElement(el.tag, el.attrsList.slice(), el.parent)
+}
+
+var model$1 = {
+  preTransformNode: preTransformNode
+};
+
+var modules$1 = [
+  klass$1,
+  style$1,
+  model$1
+];
+
+/*  */
+
+function text (el, dir) {
+  if (dir.value) {
+    addProp(el, 'textContent', ("_s(" + (dir.value) + ")"), dir);
+  }
+}
+
+/*  */
+
+function html (el, dir) {
+  if (dir.value) {
+    addProp(el, 'innerHTML', ("_s(" + (dir.value) + ")"), dir);
+  }
+}
+
+var directives$1 = {
+  model: model,
+  text: text,
+  html: html
+};
+
+/*  */
+
+var baseOptions = {
+  expectHTML: true,
+  modules: modules$1,
+  directives: directives$1,
+  isPreTag: isPreTag,
+  isUnaryTag: isUnaryTag,
+  mustUseProp: mustUseProp,
+  canBeLeftOpenTag: canBeLeftOpenTag,
+  isReservedTag: isReservedTag,
+  getTagNamespace: getTagNamespace,
+  staticKeys: genStaticKeys(modules$1)
+};
+
+/*  */
+
+var isStaticKey;
+var isPlatformReservedTag;
+
+var genStaticKeysCached = cached(genStaticKeys$1);
+
+/**
+ * Goal of the optimizer: walk the generated template AST tree
+ * and detect sub-trees that are purely static, i.e. parts of
+ * the DOM that never needs to change.
+ *
+ * Once we detect these sub-trees, we can:
+ *
+ * 1. Hoist them into constants, so that we no longer need to
+ *    create fresh nodes for them on each re-render;
+ * 2. Completely skip them in the patching process.
+ */
+function optimize (root, options) {
+  if (!root) { return }
+  isStaticKey = genStaticKeysCached(options.staticKeys || '');
+  isPlatformReservedTag = options.isReservedTag || no;
+  // first pass: mark all non-static nodes.
+  markStatic$1(root);
+  // second pass: mark static roots.
+  markStaticRoots(root, false);
+}
+
+function genStaticKeys$1 (keys) {
+  return makeMap(
+    'type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap' +
+    (keys ? ',' + keys : '')
+  )
+}
+
+function markStatic$1 (node) {
+  node.static = isStatic(node);
+  if (node.type === 1) {
+    // do not make component slot content static. this avoids
+    // 1. components not able to mutate slot nodes
+    // 2. static slot content fails for hot-reloading
+    if (
+      !isPlatformReservedTag(node.tag) &&
+      node.tag !== 'slot' &&
+      node.attrsMap['inline-template'] == null
+    ) {
+      return
+    }
+    for (var i = 0, l = node.children.length; i < l; i++) {
+      var child = node.children[i];
+      markStatic$1(child);
+      if (!child.static) {
+        node.static = false;
+      }
+    }
+    if (node.ifConditions) {
+      for (var i$1 = 1, l$1 = node.ifConditions.length; i$1 < l$1; i$1++) {
+        var block = node.ifConditions[i$1].block;
+        markStatic$1(block);
+        if (!block.static) {
+          node.static = false;
+        }
+      }
+    }
+  }
+}
+
+function markStaticRoots (node, isInFor) {
+  if (node.type === 1) {
+    if (node.static || node.once) {
+      node.staticInFor = isInFor;
+    }
+    // For a node to qualify as a static root, it should have children that
+    // are not just static text. Otherwise the cost of hoisting out will
+    // outweigh the benefits and it's better off to just always render it fresh.
+    if (node.static && node.children.length && !(
+      node.children.length === 1 &&
+      node.children[0].type === 3
+    )) {
+      node.staticRoot = true;
+      return
+    } else {
+      node.staticRoot = false;
+    }
+    if (node.children) {
+      for (var i = 0, l = node.children.length; i < l; i++) {
+        markStaticRoots(node.children[i], isInFor || !!node.for);
+      }
+    }
+    if (node.ifConditions) {
+      for (var i$1 = 1, l$1 = node.ifConditions.length; i$1 < l$1; i$1++) {
+        markStaticRoots(node.ifConditions[i$1].block, isInFor);
+      }
+    }
+  }
+}
+
+function isStatic (node) {
+  if (node.type === 2) { // expression
+    return false
+  }
+  if (node.type === 3) { // text
+    return true
+  }
+  return !!(node.pre || (
+    !node.hasBindings && // no dynamic bindings
+    !node.if && !node.for && // not v-if or v-for or v-else
+    !isBuiltInTag(node.tag) && // not a built-in
+    isPlatformReservedTag(node.tag) && // not a component
+    !isDirectChildOfTemplateFor(node) &&
+    Object.keys(node).every(isStaticKey)
+  ))
+}
+
+function isDirectChildOfTemplateFor (node) {
+  while (node.parent) {
+    node = node.parent;
+    if (node.tag !== 'template') {
+      return false
+    }
+    if (node.for) {
+      return true
+    }
+  }
+  return false
+}
+
+/*  */
+
+var fnExpRE = /^([\w$_]+|\([^)]*?\))\s*=>|^function\s*(?:[\w$]+)?\s*\(/;
+var fnInvokeRE = /\([^)]*?\);*$/;
+var simplePathRE = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/;
+
+// KeyboardEvent.keyCode aliases
+var keyCodes = {
+  esc: 27,
+  tab: 9,
+  enter: 13,
+  space: 32,
+  up: 38,
+  left: 37,
+  right: 39,
+  down: 40,
+  'delete': [8, 46]
+};
+
+// KeyboardEvent.key aliases
+var keyNames = {
+  // #7880: IE11 and Edge use `Esc` for Escape key name.
+  esc: ['Esc', 'Escape'],
+  tab: 'Tab',
+  enter: 'Enter',
+  // #9112: IE11 uses `Spacebar` for Space key name.
+  space: [' ', 'Spacebar'],
+  // #7806: IE11 uses key names without `Arrow` prefix for arrow keys.
+  up: ['Up', 'ArrowUp'],
+  left: ['Left', 'ArrowLeft'],
+  right: ['Right', 'ArrowRight'],
+  down: ['Down', 'ArrowDown'],
+  // #9112: IE11 uses `Del` for Delete key name.
+  'delete': ['Backspace', 'Delete', 'Del']
+};
+
+// #4868: modifiers that prevent the execution of the listener
+// need to explicitly return null so that we can determine whether to remove
+// the listener for .once
+var genGuard = function (condition) { return ("if(" + condition + ")return null;"); };
+
+var modifierCode = {
+  stop: '$event.stopPropagation();',
+  prevent: '$event.preventDefault();',
+  self: genGuard("$event.target !== $event.currentTarget"),
+  ctrl: genGuard("!$event.ctrlKey"),
+  shift: genGuard("!$event.shiftKey"),
+  alt: genGuard("!$event.altKey"),
+  meta: genGuard("!$event.metaKey"),
+  left: genGuard("'button' in $event && $event.button !== 0"),
+  middle: genGuard("'button' in $event && $event.button !== 1"),
+  right: genGuard("'button' in $event && $event.button !== 2")
+};
+
+function genHandlers (
+  events,
+  isNative
+) {
+  var prefix = isNative ? 'nativeOn:' : 'on:';
+  var staticHandlers = "";
+  var dynamicHandlers = "";
+  for (var name in events) {
+    var handlerCode = genHandler(events[name]);
+    if (events[name] && events[name].dynamic) {
+      dynamicHandlers += name + "," + handlerCode + ",";
+    } else {
+      staticHandlers += "\"" + name + "\":" + handlerCode + ",";
+    }
+  }
+  staticHandlers = "{" + (staticHandlers.slice(0, -1)) + "}";
+  if (dynamicHandlers) {
+    return prefix + "_d(" + staticHandlers + ",[" + (dynamicHandlers.slice(0, -1)) + "])"
+  } else {
+    return prefix + staticHandlers
+  }
+}
+
+function genHandler (handler) {
+  if (!handler) {
+    return 'function(){}'
+  }
+
+  if (Array.isArray(handler)) {
+    return ("[" + (handler.map(function (handler) { return genHandler(handler); }).join(',')) + "]")
+  }
+
+  var isMethodPath = simplePathRE.test(handler.value);
+  var isFunctionExpression = fnExpRE.test(handler.value);
+  var isFunctionInvocation = simplePathRE.test(handler.value.replace(fnInvokeRE, ''));
+
+  if (!handler.modifiers) {
+    if (isMethodPath || isFunctionExpression) {
+      return handler.value
+    }
+    return ("function($event){" + (isFunctionInvocation ? ("return " + (handler.value)) : handler.value) + "}") // inline statement
+  } else {
+    var code = '';
+    var genModifierCode = '';
+    var keys = [];
+    for (var key in handler.modifiers) {
+      if (modifierCode[key]) {
+        genModifierCode += modifierCode[key];
+        // left/right
+        if (keyCodes[key]) {
+          keys.push(key);
+        }
+      } else if (key === 'exact') {
+        var modifiers = (handler.modifiers);
+        genModifierCode += genGuard(
+          ['ctrl', 'shift', 'alt', 'meta']
+            .filter(function (keyModifier) { return !modifiers[keyModifier]; })
+            .map(function (keyModifier) { return ("$event." + keyModifier + "Key"); })
+            .join('||')
+        );
+      } else {
+        keys.push(key);
+      }
+    }
+    if (keys.length) {
+      code += genKeyFilter(keys);
+    }
+    // Make sure modifiers like prevent and stop get executed after key filtering
+    if (genModifierCode) {
+      code += genModifierCode;
+    }
+    var handlerCode = isMethodPath
+      ? ("return " + (handler.value) + "($event)")
+      : isFunctionExpression
+        ? ("return (" + (handler.value) + ")($event)")
+        : isFunctionInvocation
+          ? ("return " + (handler.value))
+          : handler.value;
+    return ("function($event){" + code + handlerCode + "}")
+  }
+}
+
+function genKeyFilter (keys) {
+  return (
+    // make sure the key filters only apply to KeyboardEvents
+    // #9441: can't use 'keyCode' in $event because Chrome autofill fires fake
+    // key events that do not have keyCode property...
+    "if(!$event.type.indexOf('key')&&" +
+    (keys.map(genFilterCode).join('&&')) + ")return null;"
+  )
+}
+
+function genFilterCode (key) {
+  var keyVal = parseInt(key, 10);
+  if (keyVal) {
+    return ("$event.keyCode!==" + keyVal)
+  }
+  var keyCode = keyCodes[key];
+  var keyName = keyNames[key];
+  return (
+    "_k($event.keyCode," +
+    (JSON.stringify(key)) + "," +
+    (JSON.stringify(keyCode)) + "," +
+    "$event.key," +
+    "" + (JSON.stringify(keyName)) +
+    ")"
+  )
+}
+
+/*  */
+
+function on (el, dir) {
+  if (dir.modifiers) {
+    warn("v-on without argument does not support modifiers.");
+  }
+  el.wrapListeners = function (code) { return ("_g(" + code + "," + (dir.value) + ")"); };
+}
+
+/*  */
+
+function bind$1 (el, dir) {
+  el.wrapData = function (code) {
+    return ("_b(" + code + ",'" + (el.tag) + "'," + (dir.value) + "," + (dir.modifiers && dir.modifiers.prop ? 'true' : 'false') + (dir.modifiers && dir.modifiers.sync ? ',true' : '') + ")")
+  };
+}
+
+/*  */
+
+var baseDirectives = {
+  on: on,
+  bind: bind$1,
+  cloak: noop
+};
+
+/*  */
+
+
+
+
+
+var CodegenState = function CodegenState (options) {
+  this.options = options;
+  this.warn = options.warn || baseWarn;
+  this.transforms = pluckModuleFunction(options.modules, 'transformCode');
+  this.dataGenFns = pluckModuleFunction(options.modules, 'genData');
+  this.directives = extend(extend({}, baseDirectives), options.directives);
+  var isReservedTag = options.isReservedTag || no;
+  this.maybeComponent = function (el) { return !!el.component || !isReservedTag(el.tag); };
+  this.onceId = 0;
+  this.staticRenderFns = [];
+  this.pre = false;
+};
+
+
+
+function generate (
+  ast,
+  options
+) {
+  var state = new CodegenState(options);
+  var code = ast ? genElement(ast, state) : '_c("div")';
+  return {
+    render: ("with(this){return " + code + "}"),
+    staticRenderFns: state.staticRenderFns
+  }
+}
+
+function genElement (el, state) {
+  if (el.parent) {
+    el.pre = el.pre || el.parent.pre;
+  }
+
+  if (el.staticRoot && !el.staticProcessed) {
+    return genStatic(el, state)
+  } else if (el.once && !el.onceProcessed) {
+    return genOnce(el, state)
+  } else if (el.for && !el.forProcessed) {
+    return genFor(el, state)
+  } else if (el.if && !el.ifProcessed) {
+    return genIf(el, state)
+  } else if (el.tag === 'template' && !el.slotTarget && !state.pre) {
+    return genChildren(el, state) || 'void 0'
+  } else if (el.tag === 'slot') {
+    return genSlot(el, state)
+  } else {
+    // component or element
+    var code;
+    if (el.component) {
+      code = genComponent(el.component, el, state);
+    } else {
+      var data;
+      if (!el.plain || (el.pre && state.maybeComponent(el))) {
+        data = genData$2(el, state);
+      }
+
+      var children = el.inlineTemplate ? null : genChildren(el, state, true);
+      code = "_c('" + (el.tag) + "'" + (data ? ("," + data) : '') + (children ? ("," + children) : '') + ")";
+    }
+    // module transforms
+    for (var i = 0; i < state.transforms.length; i++) {
+      code = state.transforms[i](el, code);
+    }
+    return code
+  }
+}
+
+// hoist static sub-trees out
+function genStatic (el, state) {
+  el.staticProcessed = true;
+  // Some elements (templates) need to behave differently inside of a v-pre
+  // node.  All pre nodes are static roots, so we can use this as a location to
+  // wrap a state change and reset it upon exiting the pre node.
+  var originalPreState = state.pre;
+  if (el.pre) {
+    state.pre = el.pre;
+  }
+  state.staticRenderFns.push(("with(this){return " + (genElement(el, state)) + "}"));
+  state.pre = originalPreState;
+  return ("_m(" + (state.staticRenderFns.length - 1) + (el.staticInFor ? ',true' : '') + ")")
+}
+
+// v-once
+function genOnce (el, state) {
+  el.onceProcessed = true;
+  if (el.if && !el.ifProcessed) {
+    return genIf(el, state)
+  } else if (el.staticInFor) {
+    var key = '';
+    var parent = el.parent;
+    while (parent) {
+      if (parent.for) {
+        key = parent.key;
+        break
+      }
+      parent = parent.parent;
+    }
+    if (!key) {
+      state.warn(
+        "v-once can only be used inside v-for that is keyed. ",
+        el.rawAttrsMap['v-once']
+      );
+      return genElement(el, state)
+    }
+    return ("_o(" + (genElement(el, state)) + "," + (state.onceId++) + "," + key + ")")
+  } else {
+    return genStatic(el, state)
+  }
+}
+
+function genIf (
+  el,
+  state,
+  altGen,
+  altEmpty
+) {
+  el.ifProcessed = true; // avoid recursion
+  return genIfConditions(el.ifConditions.slice(), state, altGen, altEmpty)
+}
+
+function genIfConditions (
+  conditions,
+  state,
+  altGen,
+  altEmpty
+) {
+  if (!conditions.length) {
+    return altEmpty || '_e()'
+  }
+
+  var condition = conditions.shift();
+  if (condition.exp) {
+    return ("(" + (condition.exp) + ")?" + (genTernaryExp(condition.block)) + ":" + (genIfConditions(conditions, state, altGen, altEmpty)))
+  } else {
+    return ("" + (genTernaryExp(condition.block)))
+  }
+
+  // v-if with v-once should generate code like (a)?_m(0):_m(1)
+  function genTernaryExp (el) {
+    return altGen
+      ? altGen(el, state)
+      : el.once
+        ? genOnce(el, state)
+        : genElement(el, state)
+  }
+}
+
+function genFor (
+  el,
+  state,
+  altGen,
+  altHelper
+) {
+  var exp = el.for;
+  var alias = el.alias;
+  var iterator1 = el.iterator1 ? ("," + (el.iterator1)) : '';
+  var iterator2 = el.iterator2 ? ("," + (el.iterator2)) : '';
+
+  if (state.maybeComponent(el) &&
+    el.tag !== 'slot' &&
+    el.tag !== 'template' &&
+    !el.key
+  ) {
+    state.warn(
+      "<" + (el.tag) + " v-for=\"" + alias + " in " + exp + "\">: component lists rendered with " +
+      "v-for should have explicit keys. " +
+      "See https://vuejs.org/guide/list.html#key for more info.",
+      el.rawAttrsMap['v-for'],
+      true /* tip */
+    );
+  }
+
+  el.forProcessed = true; // avoid recursion
+  return (altHelper || '_l') + "((" + exp + ")," +
+    "function(" + alias + iterator1 + iterator2 + "){" +
+      "return " + ((altGen || genElement)(el, state)) +
+    '})'
+}
+
+function genData$2 (el, state) {
+  var data = '{';
+
+  // directives first.
+  // directives may mutate the el's other properties before they are generated.
+  var dirs = genDirectives(el, state);
+  if (dirs) { data += dirs + ','; }
+
+  // key
+  if (el.key) {
+    data += "key:" + (el.key) + ",";
+  }
+  // ref
+  if (el.ref) {
+    data += "ref:" + (el.ref) + ",";
+  }
+  if (el.refInFor) {
+    data += "refInFor:true,";
+  }
+  // pre
+  if (el.pre) {
+    data += "pre:true,";
+  }
+  // record original tag name for components using "is" attribute
+  if (el.component) {
+    data += "tag:\"" + (el.tag) + "\",";
+  }
+  // module data generation functions
+  for (var i = 0; i < state.dataGenFns.length; i++) {
+    data += state.dataGenFns[i](el);
+  }
+  // attributes
+  if (el.attrs) {
+    data += "attrs:" + (genProps(el.attrs)) + ",";
+  }
+  // DOM props
+  if (el.props) {
+    data += "domProps:" + (genProps(el.props)) + ",";
+  }
+  // event handlers
+  if (el.events) {
+    data += (genHandlers(el.events, false)) + ",";
+  }
+  if (el.nativeEvents) {
+    data += (genHandlers(el.nativeEvents, true)) + ",";
+  }
+  // slot target
+  // only for non-scoped slots
+  if (el.slotTarget && !el.slotScope) {
+    data += "slot:" + (el.slotTarget) + ",";
+  }
+  // scoped slots
+  if (el.scopedSlots) {
+    data += (genScopedSlots(el, el.scopedSlots, state)) + ",";
+  }
+  // component v-model
+  if (el.model) {
+    data += "model:{value:" + (el.model.value) + ",callback:" + (el.model.callback) + ",expression:" + (el.model.expression) + "},";
+  }
+  // inline-template
+  if (el.inlineTemplate) {
+    var inlineTemplate = genInlineTemplate(el, state);
+    if (inlineTemplate) {
+      data += inlineTemplate + ",";
+    }
+  }
+  data = data.replace(/,$/, '') + '}';
+  // v-bind dynamic argument wrap
+  // v-bind with dynamic arguments must be applied using the same v-bind object
+  // merge helper so that class/style/mustUseProp attrs are handled correctly.
+  if (el.dynamicAttrs) {
+    data = "_b(" + data + ",\"" + (el.tag) + "\"," + (genProps(el.dynamicAttrs)) + ")";
+  }
+  // v-bind data wrap
+  if (el.wrapData) {
+    data = el.wrapData(data);
+  }
+  // v-on data wrap
+  if (el.wrapListeners) {
+    data = el.wrapListeners(data);
+  }
+  return data
+}
+
+function genDirectives (el, state) {
+  var dirs = el.directives;
+  if (!dirs) { return }
+  var res = 'directives:[';
+  var hasRuntime = false;
+  var i, l, dir, needRuntime;
+  for (i = 0, l = dirs.length; i < l; i++) {
+    dir = dirs[i];
+    needRuntime = true;
+    var gen = state.directives[dir.name];
+    if (gen) {
+      // compile-time directive that manipulates AST.
+      // returns true if it also needs a runtime counterpart.
+      needRuntime = !!gen(el, dir, state.warn);
+    }
+    if (needRuntime) {
+      hasRuntime = true;
+      res += "{name:\"" + (dir.name) + "\",rawName:\"" + (dir.rawName) + "\"" + (dir.value ? (",value:(" + (dir.value) + "),expression:" + (JSON.stringify(dir.value))) : '') + (dir.arg ? (",arg:" + (dir.isDynamicArg ? dir.arg : ("\"" + (dir.arg) + "\""))) : '') + (dir.modifiers ? (",modifiers:" + (JSON.stringify(dir.modifiers))) : '') + "},";
+    }
+  }
+  if (hasRuntime) {
+    return res.slice(0, -1) + ']'
+  }
+}
+
+function genInlineTemplate (el, state) {
+  var ast = el.children[0];
+  if (el.children.length !== 1 || ast.type !== 1) {
+    state.warn(
+      'Inline-template components must have exactly one child element.',
+      { start: el.start }
+    );
+  }
+  if (ast && ast.type === 1) {
+    var inlineRenderFns = generate(ast, state.options);
+    return ("inlineTemplate:{render:function(){" + (inlineRenderFns.render) + "},staticRenderFns:[" + (inlineRenderFns.staticRenderFns.map(function (code) { return ("function(){" + code + "}"); }).join(',')) + "]}")
+  }
+}
+
+function genScopedSlots (
+  el,
+  slots,
+  state
+) {
+  // by default scoped slots are considered "stable", this allows child
+  // components with only scoped slots to skip forced updates from parent.
+  // but in some cases we have to bail-out of this optimization
+  // for example if the slot contains dynamic names, has v-if or v-for on them...
+  var needsForceUpdate = el.for || Object.keys(slots).some(function (key) {
+    var slot = slots[key];
+    return (
+      slot.slotTargetDynamic ||
+      slot.if ||
+      slot.for ||
+      containsSlotChild(slot) // is passing down slot from parent which may be dynamic
+    )
+  });
+
+  // #9534: if a component with scoped slots is inside a conditional branch,
+  // it's possible for the same component to be reused but with different
+  // compiled slot content. To avoid that, we generate a unique key based on
+  // the generated code of all the slot contents.
+  var needsKey = !!el.if;
+
+  // OR when it is inside another scoped slot or v-for (the reactivity may be
+  // disconnected due to the intermediate scope variable)
+  // #9438, #9506
+  // TODO: this can be further optimized by properly analyzing in-scope bindings
+  // and skip force updating ones that do not actually use scope variables.
+  if (!needsForceUpdate) {
+    var parent = el.parent;
+    while (parent) {
+      if (
+        (parent.slotScope && parent.slotScope !== emptySlotScopeToken) ||
+        parent.for
+      ) {
+        needsForceUpdate = true;
+        break
+      }
+      if (parent.if) {
+        needsKey = true;
+      }
+      parent = parent.parent;
+    }
+  }
+
+  var generatedSlots = Object.keys(slots)
+    .map(function (key) { return genScopedSlot(slots[key], state); })
+    .join(',');
+
+  return ("scopedSlots:_u([" + generatedSlots + "]" + (needsForceUpdate ? ",null,true" : "") + (!needsForceUpdate && needsKey ? (",null,false," + (hash(generatedSlots))) : "") + ")")
+}
+
+function hash(str) {
+  var hash = 5381;
+  var i = str.length;
+  while(i) {
+    hash = (hash * 33) ^ str.charCodeAt(--i);
+  }
+  return hash >>> 0
+}
+
+function containsSlotChild (el) {
+  if (el.type === 1) {
+    if (el.tag === 'slot') {
+      return true
+    }
+    return el.children.some(containsSlotChild)
+  }
+  return false
+}
+
+function genScopedSlot (
+  el,
+  state
+) {
+  var isLegacySyntax = el.attrsMap['slot-scope'];
+  if (el.if && !el.ifProcessed && !isLegacySyntax) {
+    return genIf(el, state, genScopedSlot, "null")
+  }
+  if (el.for && !el.forProcessed) {
+    return genFor(el, state, genScopedSlot)
+  }
+  var slotScope = el.slotScope === emptySlotScopeToken
+    ? ""
+    : String(el.slotScope);
+  var fn = "function(" + slotScope + "){" +
+    "return " + (el.tag === 'template'
+      ? el.if && isLegacySyntax
+        ? ("(" + (el.if) + ")?" + (genChildren(el, state) || 'undefined') + ":undefined")
+        : genChildren(el, state) || 'undefined'
+      : genElement(el, state)) + "}";
+  // reverse proxy v-slot without scope on this.$slots
+  var reverseProxy = slotScope ? "" : ",proxy:true";
+  return ("{key:" + (el.slotTarget || "\"default\"") + ",fn:" + fn + reverseProxy + "}")
+}
+
+function genChildren (
+  el,
+  state,
+  checkSkip,
+  altGenElement,
+  altGenNode
+) {
+  var children = el.children;
+  if (children.length) {
+    var el$1 = children[0];
+    // optimize single v-for
+    if (children.length === 1 &&
+      el$1.for &&
+      el$1.tag !== 'template' &&
+      el$1.tag !== 'slot'
+    ) {
+      var normalizationType = checkSkip
+        ? state.maybeComponent(el$1) ? ",1" : ",0"
+        : "";
+      return ("" + ((altGenElement || genElement)(el$1, state)) + normalizationType)
+    }
+    var normalizationType$1 = checkSkip
+      ? getNormalizationType(children, state.maybeComponent)
+      : 0;
+    var gen = altGenNode || genNode;
+    return ("[" + (children.map(function (c) { return gen(c, state); }).join(',')) + "]" + (normalizationType$1 ? ("," + normalizationType$1) : ''))
+  }
+}
+
+// determine the normalization needed for the children array.
+// 0: no normalization needed
+// 1: simple normalization needed (possible 1-level deep nested array)
+// 2: full normalization needed
+function getNormalizationType (
+  children,
+  maybeComponent
+) {
+  var res = 0;
+  for (var i = 0; i < children.length; i++) {
+    var el = children[i];
+    if (el.type !== 1) {
+      continue
+    }
+    if (needsNormalization(el) ||
+        (el.ifConditions && el.ifConditions.some(function (c) { return needsNormalization(c.block); }))) {
+      res = 2;
+      break
+    }
+    if (maybeComponent(el) ||
+        (el.ifConditions && el.ifConditions.some(function (c) { return maybeComponent(c.block); }))) {
+      res = 1;
+    }
+  }
+  return res
+}
+
+function needsNormalization (el) {
+  return el.for !== undefined || el.tag === 'template' || el.tag === 'slot'
+}
+
+function genNode (node, state) {
+  if (node.type === 1) {
+    return genElement(node, state)
+  } else if (node.type === 3 && node.isComment) {
+    return genComment(node)
+  } else {
+    return genText(node)
+  }
+}
+
+function genText (text) {
+  return ("_v(" + (text.type === 2
+    ? text.expression // no need for () because already wrapped in _s()
+    : transformSpecialNewlines(JSON.stringify(text.text))) + ")")
+}
+
+function genComment (comment) {
+  return ("_e(" + (JSON.stringify(comment.text)) + ")")
+}
+
+function genSlot (el, state) {
+  var slotName = el.slotName || '"default"';
+  var children = genChildren(el, state);
+  var res = "_t(" + slotName + (children ? ("," + children) : '');
+  var attrs = el.attrs || el.dynamicAttrs
+    ? genProps((el.attrs || []).concat(el.dynamicAttrs || []).map(function (attr) { return ({
+        // slot props are camelized
+        name: camelize(attr.name),
+        value: attr.value,
+        dynamic: attr.dynamic
+      }); }))
+    : null;
+  var bind$$1 = el.attrsMap['v-bind'];
+  if ((attrs || bind$$1) && !children) {
+    res += ",null";
+  }
+  if (attrs) {
+    res += "," + attrs;
+  }
+  if (bind$$1) {
+    res += (attrs ? '' : ',null') + "," + bind$$1;
+  }
+  return res + ')'
+}
+
+// componentName is el.component, take it as argument to shun flow's pessimistic refinement
+function genComponent (
+  componentName,
+  el,
+  state
+) {
+  var children = el.inlineTemplate ? null : genChildren(el, state, true);
+  return ("_c(" + componentName + "," + (genData$2(el, state)) + (children ? ("," + children) : '') + ")")
+}
+
+function genProps (props) {
+  var staticProps = "";
+  var dynamicProps = "";
+  for (var i = 0; i < props.length; i++) {
+    var prop = props[i];
+    var value = transformSpecialNewlines(prop.value);
+    if (prop.dynamic) {
+      dynamicProps += (prop.name) + "," + value + ",";
+    } else {
+      staticProps += "\"" + (prop.name) + "\":" + value + ",";
+    }
+  }
+  staticProps = "{" + (staticProps.slice(0, -1)) + "}";
+  if (dynamicProps) {
+    return ("_d(" + staticProps + ",[" + (dynamicProps.slice(0, -1)) + "])")
+  } else {
+    return staticProps
+  }
+}
+
+// #3895, #4268
+function transformSpecialNewlines (text) {
+  return text
+    .replace(/\u2028/g, '\\u2028')
+    .replace(/\u2029/g, '\\u2029')
+}
+
+/*  */
+
+
+
+// these keywords should not appear inside expressions, but operators like
+// typeof, instanceof and in are allowed
+var prohibitedKeywordRE = new RegExp('\\b' + (
+  'do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +
+  'super,throw,while,yield,delete,export,import,return,switch,default,' +
+  'extends,finally,continue,debugger,function,arguments'
+).split(',').join('\\b|\\b') + '\\b');
+
+// these unary operators should not be used as property/method names
+var unaryOperatorsRE = new RegExp('\\b' + (
+  'delete,typeof,void'
+).split(',').join('\\s*\\([^\\)]*\\)|\\b') + '\\s*\\([^\\)]*\\)');
+
+// strip strings in expressions
+var stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g;
+
+// detect problematic expressions in a template
+function detectErrors (ast, warn) {
+  if (ast) {
+    checkNode(ast, warn);
+  }
+}
+
+function checkNode (node, warn) {
+  if (node.type === 1) {
+    for (var name in node.attrsMap) {
+      if (dirRE.test(name)) {
+        var value = node.attrsMap[name];
+        if (value) {
+          var range = node.rawAttrsMap[name];
+          if (name === 'v-for') {
+            checkFor(node, ("v-for=\"" + value + "\""), warn, range);
+          } else if (onRE.test(name)) {
+            checkEvent(value, (name + "=\"" + value + "\""), warn, range);
+          } else {
+            checkExpression(value, (name + "=\"" + value + "\""), warn, range);
+          }
+        }
+      }
+    }
+    if (node.children) {
+      for (var i = 0; i < node.children.length; i++) {
+        checkNode(node.children[i], warn);
+      }
+    }
+  } else if (node.type === 2) {
+    checkExpression(node.expression, node.text, warn, node);
+  }
+}
+
+function checkEvent (exp, text, warn, range) {
+  var stipped = exp.replace(stripStringRE, '');
+  var keywordMatch = stipped.match(unaryOperatorsRE);
+  if (keywordMatch && stipped.charAt(keywordMatch.index - 1) !== '$') {
+    warn(
+      "avoid using JavaScript unary operator as property name: " +
+      "\"" + (keywordMatch[0]) + "\" in expression " + (text.trim()),
+      range
+    );
+  }
+  checkExpression(exp, text, warn, range);
+}
+
+function checkFor (node, text, warn, range) {
+  checkExpression(node.for || '', text, warn, range);
+  checkIdentifier(node.alias, 'v-for alias', text, warn, range);
+  checkIdentifier(node.iterator1, 'v-for iterator', text, warn, range);
+  checkIdentifier(node.iterator2, 'v-for iterator', text, warn, range);
+}
+
+function checkIdentifier (
+  ident,
+  type,
+  text,
+  warn,
+  range
+) {
+  if (typeof ident === 'string') {
+    try {
+      new Function(("var " + ident + "=_"));
+    } catch (e) {
+      warn(("invalid " + type + " \"" + ident + "\" in expression: " + (text.trim())), range);
+    }
+  }
+}
+
+function checkExpression (exp, text, warn, range) {
+  try {
+    new Function(("return " + exp));
+  } catch (e) {
+    var keywordMatch = exp.replace(stripStringRE, '').match(prohibitedKeywordRE);
+    if (keywordMatch) {
+      warn(
+        "avoid using JavaScript keyword as property name: " +
+        "\"" + (keywordMatch[0]) + "\"\n  Raw expression: " + (text.trim()),
+        range
+      );
+    } else {
+      warn(
+        "invalid expression: " + (e.message) + " in\n\n" +
+        "    " + exp + "\n\n" +
+        "  Raw expression: " + (text.trim()) + "\n",
+        range
+      );
+    }
+  }
+}
+
+/*  */
+
+var range = 2;
+
+function generateCodeFrame (
+  source,
+  start,
+  end
+) {
+  if ( start === void 0 ) start = 0;
+  if ( end === void 0 ) end = source.length;
+
+  var lines = source.split(/\r?\n/);
+  var count = 0;
+  var res = [];
+  for (var i = 0; i < lines.length; i++) {
+    count += lines[i].length + 1;
+    if (count >= start) {
+      for (var j = i - range; j <= i + range || end > count; j++) {
+        if (j < 0 || j >= lines.length) { continue }
+        res.push(("" + (j + 1) + (repeat$1(" ", 3 - String(j + 1).length)) + "|  " + (lines[j])));
+        var lineLength = lines[j].length;
+        if (j === i) {
+          // push underline
+          var pad = start - (count - lineLength) + 1;
+          var length = end > count ? lineLength - pad : end - start;
+          res.push("   |  " + repeat$1(" ", pad) + repeat$1("^", length));
+        } else if (j > i) {
+          if (end > count) {
+            var length$1 = Math.min(end - count, lineLength);
+            res.push("   |  " + repeat$1("^", length$1));
+          }
+          count += lineLength + 1;
+        }
+      }
+      break
+    }
+  }
+  return res.join('\n')
+}
+
+function repeat$1 (str, n) {
+  var result = '';
+  if (n > 0) {
+    while (true) { // eslint-disable-line
+      if (n & 1) { result += str; }
+      n >>>= 1;
+      if (n <= 0) { break }
+      str += str;
+    }
+  }
+  return result
+}
+
+/*  */
+
+
+
+function createFunction (code, errors) {
+  try {
+    return new Function(code)
+  } catch (err) {
+    errors.push({ err: err, code: code });
+    return noop
+  }
+}
+
+function createCompileToFunctionFn (compile) {
+  var cache = Object.create(null);
+
+  return function compileToFunctions (
+    template,
+    options,
+    vm
+  ) {
+    options = extend({}, options);
+    var warn$$1 = options.warn || warn;
+    delete options.warn;
+
+    /* istanbul ignore if */
+    {
+      // detect possible CSP restriction
+      try {
+        new Function('return 1');
+      } catch (e) {
+        if (e.toString().match(/unsafe-eval|CSP/)) {
+          warn$$1(
+            'It seems you are using the standalone build of Vue.js in an ' +
+            'environment with Content Security Policy that prohibits unsafe-eval. ' +
+            'The template compiler cannot work in this environment. Consider ' +
+            'relaxing the policy to allow unsafe-eval or pre-compiling your ' +
+            'templates into render functions.'
+          );
+        }
+      }
+    }
+
+    // check cache
+    var key = options.delimiters
+      ? String(options.delimiters) + template
+      : template;
+    if (cache[key]) {
+      return cache[key]
+    }
+
+    // compile
+    var compiled = compile(template, options);
+
+    // check compilation errors/tips
+    {
+      if (compiled.errors && compiled.errors.length) {
+        if (options.outputSourceRange) {
+          compiled.errors.forEach(function (e) {
+            warn$$1(
+              "Error compiling template:\n\n" + (e.msg) + "\n\n" +
+              generateCodeFrame(template, e.start, e.end),
+              vm
+            );
+          });
+        } else {
+          warn$$1(
+            "Error compiling template:\n\n" + template + "\n\n" +
+            compiled.errors.map(function (e) { return ("- " + e); }).join('\n') + '\n',
+            vm
+          );
+        }
+      }
+      if (compiled.tips && compiled.tips.length) {
+        if (options.outputSourceRange) {
+          compiled.tips.forEach(function (e) { return tip(e.msg, vm); });
+        } else {
+          compiled.tips.forEach(function (msg) { return tip(msg, vm); });
+        }
+      }
+    }
+
+    // turn code into functions
+    var res = {};
+    var fnGenErrors = [];
+    res.render = createFunction(compiled.render, fnGenErrors);
+    res.staticRenderFns = compiled.staticRenderFns.map(function (code) {
+      return createFunction(code, fnGenErrors)
+    });
+
+    // check function generation errors.
+    // this should only happen if there is a bug in the compiler itself.
+    // mostly for codegen development use
+    /* istanbul ignore if */
+    {
+      if ((!compiled.errors || !compiled.errors.length) && fnGenErrors.length) {
+        warn$$1(
+          "Failed to generate render function:\n\n" +
+          fnGenErrors.map(function (ref) {
+            var err = ref.err;
+            var code = ref.code;
+
+            return ((err.toString()) + " in\n\n" + code + "\n");
+        }).join('\n'),
+          vm
+        );
+      }
+    }
+
+    return (cache[key] = res)
+  }
+}
+
+/*  */
+
+function createCompilerCreator (baseCompile) {
+  return function createCompiler (baseOptions) {
+    function compile (
+      template,
+      options
+    ) {
+      var finalOptions = Object.create(baseOptions);
+      var errors = [];
+      var tips = [];
+
+      var warn = function (msg, range, tip) {
+        (tip ? tips : errors).push(msg);
+      };
+
+      if (options) {
+        if (options.outputSourceRange) {
+          // $flow-disable-line
+          var leadingSpaceLength = template.match(/^\s*/)[0].length;
+
+          warn = function (msg, range, tip) {
+            var data = { msg: msg };
+            if (range) {
+              if (range.start != null) {
+                data.start = range.start + leadingSpaceLength;
+              }
+              if (range.end != null) {
+                data.end = range.end + leadingSpaceLength;
+              }
+            }
+            (tip ? tips : errors).push(data);
+          };
+        }
+        // merge custom modules
+        if (options.modules) {
+          finalOptions.modules =
+            (baseOptions.modules || []).concat(options.modules);
+        }
+        // merge custom directives
+        if (options.directives) {
+          finalOptions.directives = extend(
+            Object.create(baseOptions.directives || null),
+            options.directives
+          );
+        }
+        // copy other options
+        for (var key in options) {
+          if (key !== 'modules' && key !== 'directives') {
+            finalOptions[key] = options[key];
+          }
+        }
+      }
+
+      finalOptions.warn = warn;
+
+      var compiled = baseCompile(template.trim(), finalOptions);
+      {
+        detectErrors(compiled.ast, warn);
+      }
+      compiled.errors = errors;
+      compiled.tips = tips;
+      return compiled
+    }
+
+    return {
+      compile: compile,
+      compileToFunctions: createCompileToFunctionFn(compile)
+    }
+  }
+}
+
+/*  */
+
+// `createCompilerCreator` allows creating compilers that use alternative
+// parser/optimizer/codegen, e.g the SSR optimizing compiler.
+// Here we just export a default compiler using the default parts.
+var createCompiler = createCompilerCreator(function baseCompile (
+  template,
+  options
+) {
+  var ast = parse(template.trim(), options);
+  if (options.optimize !== false) {
+    optimize(ast, options);
+  }
+  var code = generate(ast, options);
+  return {
+    ast: ast,
+    render: code.render,
+    staticRenderFns: code.staticRenderFns
+  }
+});
+
+/*  */
+
+var ref$1 = createCompiler(baseOptions);
+var compile = ref$1.compile;
+var compileToFunctions = ref$1.compileToFunctions;
+
+/*  */
+
+// check whether current browser encodes a char inside attribute values
+var div;
+function getShouldDecode (href) {
+  div = div || document.createElement('div');
+  div.innerHTML = href ? "<a href=\"\n\"/>" : "<div a=\"\n\"/>";
+  return div.innerHTML.indexOf('&#10;') > 0
+}
+
+// #3663: IE encodes newlines inside attribute values while other browsers don't
+var shouldDecodeNewlines = inBrowser ? getShouldDecode(false) : false;
+// #6828: chrome encodes content in a[href]
+var shouldDecodeNewlinesForHref = inBrowser ? getShouldDecode(true) : false;
+
+/*  */
+
+var idToTemplate = cached(function (id) {
+  var el = query(id);
+  return el && el.innerHTML
+});
+
+var mount = Vue.prototype.$mount;
+Vue.prototype.$mount = function (
+  el,
+  hydrating
+) {
+  el = el && query(el);
+
+  /* istanbul ignore if */
+  if (el === document.body || el === document.documentElement) {
+    warn(
+      "Do not mount Vue to <html> or <body> - mount to normal elements instead."
+    );
+    return this
+  }
+
+  var options = this.$options;
+  // resolve template/el and convert to render function
+  if (!options.render) {
+    var template = options.template;
+    if (template) {
+      if (typeof template === 'string') {
+        if (template.charAt(0) === '#') {
+          template = idToTemplate(template);
+          /* istanbul ignore if */
+          if (!template) {
+            warn(
+              ("Template element not found or is empty: " + (options.template)),
+              this
+            );
+          }
+        }
+      } else if (template.nodeType) {
+        template = template.innerHTML;
+      } else {
+        {
+          warn('invalid template option:' + template, this);
+        }
+        return this
+      }
+    } else if (el) {
+      template = getOuterHTML(el);
+    }
+    if (template) {
+      /* istanbul ignore if */
+      if (config.performance && mark) {
+        mark('compile');
+      }
+
+      var ref = compileToFunctions(template, {
+        outputSourceRange: "development" !== 'production',
+        shouldDecodeNewlines: shouldDecodeNewlines,
+        shouldDecodeNewlinesForHref: shouldDecodeNewlinesForHref,
+        delimiters: options.delimiters,
+        comments: options.comments
+      }, this);
+      var render = ref.render;
+      var staticRenderFns = ref.staticRenderFns;
+      options.render = render;
+      options.staticRenderFns = staticRenderFns;
+
+      /* istanbul ignore if */
+      if (config.performance && mark) {
+        mark('compile end');
+        measure(("vue " + (this._name) + " compile"), 'compile', 'compile end');
+      }
+    }
+  }
+  return mount.call(this, el, hydrating)
+};
+
+/**
+ * Get outerHTML of elements, taking care
+ * of SVG elements in IE as well.
+ */
+function getOuterHTML (el) {
+  if (el.outerHTML) {
+    return el.outerHTML
+  } else {
+    var container = document.createElement('div');
+    container.appendChild(el.cloneNode(true));
+    return container.innerHTML
+  }
+}
+
+Vue.compile = compileToFunctions;
+
+module.exports = Vue;
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js"), __webpack_require__(/*! ./../../timers-browserify/main.js */ "./node_modules/timers-browserify/main.js").setImmediate))
+
+/***/ }),
+
+/***/ "./node_modules/vue/dist/vue.common.js":
+/*!*********************************************!*\
+  !*** ./node_modules/vue/dist/vue.common.js ***!
+  \*********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+if (false) {} else {
+  module.exports = __webpack_require__(/*! ./vue.common.dev.js */ "./node_modules/vue/dist/vue.common.dev.js")
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/webpack/buildin/global.js":
+/*!***********************************!*\
+  !*** (webpack)/buildin/global.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || new Function("return this")();
+} catch (e) {
+	// This works if the window reference is available
+	if (typeof window === "object") g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
+
+
+/***/ }),
+
+/***/ 1:
+/*!*****************!*\
+  !*** multi vue ***!
+  \*****************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! vue */"./node_modules/vue/dist/vue.common.js");
+
+
+/***/ })
+
+}]);
\ No newline at end of file
diff --git a/resources/js/app.js b/resources/js/app.js
deleted file mode 100644
index 4131ca04..00000000
--- a/resources/js/app.js
+++ /dev/null
@@ -1,33 +0,0 @@
-
-/**
- * First we will load all of this project's JavaScript dependencies which
- * includes Vue and other libraries. It is a great starting point when
- * building robust, powerful web applications using Vue and Laravel.
- */
-
-require('./bootstrap');
-
-window.Vue = require('vue');
-
-/**
- * The following block of code may be used to automatically register your
- * Vue components. It will recursively scan this directory for the Vue
- * components and automatically register them with their "basename".
- *
- * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
- */
-
-// const files = require.context('./', true, /\.vue$/i);
-// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
-
-Vue.component('example-component', require('./components/ExampleComponent.vue').default);
-
-/**
- * Next, we will create a fresh Vue application instance and attach it to
- * the page. Then, you may begin adding components to this application
- * or customize the JavaScript scaffolding to fit your unique needs.
- */
-
-const app = new Vue({
-    el: '#app'
-});
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
deleted file mode 100644
index c1f8ac39..00000000
--- a/resources/js/bootstrap.js
+++ /dev/null
@@ -1,56 +0,0 @@
-
-window._ = require('lodash');
-
-/**
- * We'll load jQuery and the Bootstrap jQuery plugin which provides support
- * for JavaScript based Bootstrap features such as modals and tabs. This
- * code may be modified to fit the specific needs of your application.
- */
-
-try {
-    window.Popper = require('popper.js').default;
-    window.$ = window.jQuery = require('jquery');
-
-    require('bootstrap');
-} catch (e) {}
-
-/**
- * We'll load the axios HTTP library which allows us to easily issue requests
- * to our Laravel back-end. This library automatically handles sending the
- * CSRF token as a header based on the value of the "XSRF" token cookie.
- */
-
-window.axios = require('axios');
-
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-
-/**
- * Next we will register the CSRF Token as a common header with Axios so that
- * all outgoing HTTP requests automatically have it attached. This is just
- * a simple convenience so we don't have to attach every token manually.
- */
-
-let token = document.head.querySelector('meta[name="csrf-token"]');
-
-if (token) {
-    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
-} else {
-    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
-}
-
-/**
- * Echo exposes an expressive API for subscribing to channels and listening
- * for events that are broadcast by Laravel. Echo and event broadcasting
- * allows your team to easily build robust real-time web applications.
- */
-
-// import Echo from 'laravel-echo'
-
-// window.Pusher = require('pusher-js');
-
-// window.Echo = new Echo({
-//     broadcaster: 'pusher',
-//     key: process.env.MIX_PUSHER_APP_KEY,
-//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
-//     encrypted: true
-// });
diff --git a/resources/js/components/ExampleComponent.vue b/resources/js/components/ExampleComponent.vue
deleted file mode 100644
index 3fb9f9aa..00000000
--- a/resources/js/components/ExampleComponent.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-    <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-8">
-                <div class="card">
-                    <div class="card-header">Example Component</div>
-
-                    <div class="card-body">
-                        I'm an example component.
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        mounted() {
-            console.log('Component mounted.')
-        }
-    }
-</script>
diff --git a/resources/js/vue/components/core/Drawer.vue b/resources/js/vue/components/core/Drawer.vue
index 76473a9b..29b016ad 100644
--- a/resources/js/vue/components/core/Drawer.vue
+++ b/resources/js/vue/components/core/Drawer.vue
@@ -29,7 +29,7 @@
             /> -->
           </v-list-tile-avatar>
           <v-list-tile-title class="title">
-            CSSD-DOC
+            {{ $store.state.user.name }}
           </v-list-tile-title>
         </v-list-tile>
         <v-divider/>
@@ -87,32 +87,32 @@ export default {
     logo: './img/vuetifylogo.png',
     links: [
       {
-        to: '/dashboard',
+        to: {name: 'Dashboard'},
         icon: 'mdi-view-dashboard',
         text: 'Dashboard'
       },
       {
-        to: '/my-info',
+        to: {name: 'MyInfo'},
         icon: 'mdi-account',
         text: 'My Info'
       },
       {
-        to: '/all-resualttest',
+        to: {name: 'AllResultTest'},
         icon: 'description',
         text: 'All Test Result'
       },
       {
-        to: '/manage-users',
+        to: {name: 'ManageUsers'},
         icon: 'far fa-address-book',
         text: 'Manage Users'
       },
       {
-        to: '/test-creator',
+        to: {name: 'ListTestType'},
         icon: 'fas fa-vial',
-        text: 'Add a Test Type'
+        text: 'List Test Type'
       },
       {
-        to: '/submit-test-result',
+        to: {name: 'SubmitTestResult'},
         icon: 'done',
         text: 'Submit Test Result'
       },
diff --git a/resources/js/vue/components/modal/auth/ChangePassword.vue b/resources/js/vue/components/modal/auth/ChangePassword.vue
new file mode 100644
index 00000000..f4466ec4
--- /dev/null
+++ b/resources/js/vue/components/modal/auth/ChangePassword.vue
@@ -0,0 +1,61 @@
+<template>
+  <v-form >
+    <v-container grid-list-xs>
+      <v-layout row wrap class="justify-center">
+        <v-flex xs12 md3 sm3 class="WM-WidthScreen-SM WM-WidthScreen-XS">
+          <material-card
+          color="black"
+          title="Change Password">
+            <v-layout row wrap class="px-3">
+              <v-flex xs12 md12 sm12>
+                <v-text-field
+                  v-model="form.password"
+                  label="Password"
+                  color="black"
+                ></v-text-field>
+              </v-flex>
+              <v-flex xs12 md12 sm12>
+                <v-text-field
+                  v-model="form.password_confirmation"
+                  label="Confirm Password"
+                  color="black"
+                ></v-text-field>
+              </v-flex>
+            </v-layout>
+            <v-layout row wrap class="px-3">
+              <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
+                <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitChangePassword">
+                  <v-icon class="white--text mr-2 caption">fas fa-sign-in-alt</v-icon>
+                  <span class="white--text">Submit</span>
+                </v-btn>
+              </v-flex>
+            </v-layout>
+          </material-card>
+        </v-flex>
+      </v-layout>
+    </v-container>
+  </v-form>
+</template>
+<script>
+import { mapActions } from "vuex";
+export default {
+  data() {
+    return {
+      form: {
+        password: "",
+        password_confirmation: "",
+      }
+    };
+  },
+  methods: {
+      ...mapActions('auth', [
+          'changePassword'
+      ]),
+      submitVerifyCode() {
+          if (this.form.code != '') {
+            this.changePassword({form: this.form});
+          }
+      }
+  }
+};
+</script>
diff --git a/resources/js/vue/components/modal/auth/VerifyCode.vue b/resources/js/vue/components/modal/auth/VerifyCode.vue
index 48d2d952..eac8e9cc 100644
--- a/resources/js/vue/components/modal/auth/VerifyCode.vue
+++ b/resources/js/vue/components/modal/auth/VerifyCode.vue
@@ -9,7 +9,7 @@
             <v-layout row wrap class="px-3">
               <v-flex xs12 md12 sm12>
                 <v-text-field
-                  v-model="verifyCode"
+                  v-model="form.code"
                   label="Verify Code Number"
                   color="black"
                 ></v-text-field>
@@ -30,11 +30,13 @@
   </v-form>
 </template>
 <script>
-import { mapGetters, mapActions } from "vuex";
+import { mapActions } from "vuex";
 export default {
   data() {
     return {
-      verifyCode: "",
+      form: {
+        code: "",
+      }
     };
   },
   methods: {
@@ -42,8 +44,8 @@ export default {
           'verifyCodeSMS'
       ]),
       submitVerifyCode() {
-          if (this.verifyCode != '') {
-            this.verifyCodeSMS({verifyCode: this.verifyCode});
+          if (this.form.code != '') {
+            this.verifyCodeSMS({form: this.form});
           }
       }
   }
diff --git a/resources/js/vue/components/modal/user/Role.vue b/resources/js/vue/components/modal/user/Role.vue
index b43f7c04..06216fa3 100644
--- a/resources/js/vue/components/modal/user/Role.vue
+++ b/resources/js/vue/components/modal/user/Role.vue
@@ -1,32 +1,25 @@
 <template>
   <v-form>
     <v-container grid-list-xs fluid>
-      <material-card class=""
-        color="black"
-        title="Role"
-      >
+      <material-card class color="black" title="Role">
         <v-layout row align-center justify-center wrap class="px-5 mb-3">
           <v-flex xs12 md3 sm3>
-            <v-select
-              :items="items"
-              v-model="roles"
-              label="Roles"
-              color="black"
-            ></v-select>
+            <v-select :items="items" v-model="data.roles" label="Roles" color="black"></v-select>
           </v-flex>
         </v-layout>
         <v-layout row wrap>
           <v-layout align-center justify-center wrap class="px-5 mt-2">
-            <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+            <v-btn @click="changeRole" class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
               <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
               <span class="white--text">Add</span>
             </v-btn>
-            <router-link to="/dashboard">
-              <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-                <v-icon class="black--text mr-2 caption">fas fa-times</v-icon>
-                <span class="black--text">Close</span>
-              </v-btn>
-            </router-link>
+            <v-btn
+              @click="closeModal"
+              class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5"
+            >
+              <v-icon class="black--text mr-2 caption">fas fa-times</v-icon>
+              <span class="black--text">Close</span>
+            </v-btn>
           </v-layout>
         </v-layout>
       </material-card>
@@ -34,17 +27,30 @@
   </v-form>
 </template>
 <script>
+import { mapGetters, mapMutations } from "vuex";
+import { ApiService } from "@/services";
+import { roles } from "@/config/utils";
+import { urls } from "@/config/urls";
 export default {
-  name: "",
   data: () => ({
-    items : [
-      'SuperAdmin',
-      'Admin',
-      'SuperVisior',
-      'User'
-    ]
-  })
-}
-</script>
-<style lang="scss" scoped>
-</style>
+    items: roles,
+    data: { roles: "" }
+  }),
+  methods: {
+    ...mapMutations("modal", ["closeModal", "setResultModal"]),
+    async changeRole() {
+      const result = await ApiService.post(
+        urls.changeRoleUser(this.getModalProperties.user.id),
+        this.data
+      );
+      if (result && result.status == 200) {
+        this.setResultModal(result.data.data);
+        this.closeModal();
+      }
+    }
+  },
+  computed: {
+    ...mapGetters("modal", ["getModalProperties"])
+  }
+};
+</script>
\ No newline at end of file
diff --git a/resources/js/vue/config/urls.js b/resources/js/vue/config/urls.js
new file mode 100644
index 00000000..78d13c36
--- /dev/null
+++ b/resources/js/vue/config/urls.js
@@ -0,0 +1,68 @@
+const urls = {
+    updateInfo : "/UpdateInfo",
+    getInfo : "/GetInfo",
+    login : "/login",
+    logout : "/logout",
+    storeMedicalCenter : "/MedicalCenters",
+    storeTestResult : "/TestResults",
+    storeTestType : "/TestTypes",
+    listTestTypeName : "/TestTypes/ListNames",
+    getInputs : `/GetInputs`,
+    forgotPassword : `/password/phone`,
+    sendVerifyCode : `/password/verifyCode`,
+    changePassword : `/password/reset`,
+    listTestType : function(page) {
+        return "/TestTypes?page=" + page;
+    },
+    deleteTestType : function(id) {
+        return `/TestTypes/${id}`;
+    },
+    editTestType : function(id) {
+        return `/TestTypes/${id}/edit`;
+    },
+    updateTestType : function(id) {
+        return `/TestTypes/${id}`;
+    },
+    listTestResult : function(page) {
+        return "/TestResults?page=" + page;
+    },
+    editTestResult : function(id) {
+        return `/TestResults/${id}/edit`;
+    },
+    updateTestResult : function(id) {
+        return `/TestResults/${id}`;
+    },
+    removeTestResult : function(id) {
+        return `/TestResults/${id}`;
+    },
+    listMedicalCenter : function(page) {
+        return "/MedicalCenters?page=" + page;
+    },
+    updateMedicalCenter : function(id) {
+        return `/MedicalCenters/${id}`;
+    },
+    editMedicalCenter : function(id) {
+        return `/MedicalCenters/${id}/edit`;
+    },
+    deleteMedicalCenter : function(id) {
+        return `/MedicalCenters/${id}`;
+    },
+    listOpertorMedicalCenter: function(id) {
+        return  `/Users/MedicalCenter/${id}`;
+    },
+    listOpertor : function(page) {
+        return "/Users?page=" + page;
+    },
+    changeStatusUser: function(userId) {
+        return  `Users/ChangeStatus/${userId}`;
+    },
+    changeRoleUser: function(userId) {
+        return  `Users/ChangeRole/${userId}`;
+    },
+    deleteUser: function(userId) {
+        return  `Users/${userId}`;
+    },
+   
+
+};
+export {urls};
\ No newline at end of file
diff --git a/resources/js/vue/config/utils.js b/resources/js/vue/config/utils.js
new file mode 100644
index 00000000..7d79d18c
--- /dev/null
+++ b/resources/js/vue/config/utils.js
@@ -0,0 +1,6 @@
+const roles = [
+    'Admin',
+    'User',
+    'Supervisor',
+];
+export { roles };
\ No newline at end of file
diff --git a/resources/js/vue/main.js b/resources/js/vue/main.js
index 52f76946..6081f563 100644
--- a/resources/js/vue/main.js
+++ b/resources/js/vue/main.js
@@ -18,20 +18,33 @@ import i18n from '@/i18n'
 import router from '@/router'
 import store from '@/store'
 
+
 import { ApiService, TokenService } from '@/services'
 // Sync store with router
 sync(store, router)
 
 Vue.config.productionTip = false
-
+ApiService.setHeader();
 // Set the base URL of the API
 ApiService.init(process.env.MIX_APP_ROOT_API)
 
-// If token exists set header
+require('./services/global/errorHandler.service');
+// If token exists set Authorizion header
 if (TokenService.getToken()) {
-  ApiService.setHeader()
+  ApiService.setAuthHeader();
+  
+  // If info exists set info in Store
+  if(TokenService.getInfo()) {
+    let info = TokenService.getInfo();
+    store.commit('setInfo', info);
+  } else {
+    store.dispatch('info');
+  }
 }
 
+import hasRole from '@/services/mixin/hasRole'
+Vue.mixin(hasRole)
+
 /* eslint-disable no-new */
 new Vue({
   i18n,
diff --git a/resources/js/vue/router/index.js b/resources/js/vue/router/index.js
index 228bba29..68446642 100644
--- a/resources/js/vue/router/index.js
+++ b/resources/js/vue/router/index.js
@@ -8,7 +8,7 @@
 
 // Lib imports
 import Vue from 'vue'
-import VueAnalytics from 'vue-analytics'
+// import VueAnalytics from 'vue-analytics'
 import Router from 'vue-router'
 import Meta from 'vue-meta'
 import { TokenService } from '@/services'
@@ -52,10 +52,14 @@ const router = new Router({
 
 Vue.use(Meta)
 
+import {$hasRole} from '@/services/acl/role';
+
 router.beforeEach((to, from, next) => {
   const isPublic = to.matched.some(record => record.meta.public);
   const onlyWhenLoggedOut = to.matched.some(record => record.meta.onlyWhenLoggedOut);
   const loggedIn = !!TokenService.getToken();
+  const roles = (to.meta && to.meta.roles) ? to.meta.roles : null;
+  
   if (!isPublic && !loggedIn) {
     return next({
       path:'/login',
@@ -64,7 +68,12 @@ router.beforeEach((to, from, next) => {
   }
 
   // Do not allow user to visit login page or register page if they are logged in
-  if (loggedIn && onlyWhenLoggedOut) {
+  if (loggedIn && onlyWhenLoggedOut && policy) {
+    return next('/')
+  }
+
+  // Do not allow user to visit Pages then not access roles
+  if (roles && !$hasRole(roles)) {
     return next('/')
   }
 
diff --git a/resources/js/vue/router/paths.js b/resources/js/vue/router/paths.js
index cace2537..b8b05cca 100644
--- a/resources/js/vue/router/paths.js
+++ b/resources/js/vue/router/paths.js
@@ -6,38 +6,63 @@
 export default [
   {
     path: '/dashboard',
-    // Relative to /src/views
-    view: 'Dashboard'
+    name: 'Dashboard',
+    view: 'Dashboard',
   },
   {
     path: '/my-info',
-    name: 'My Info',
-    view: 'MyInfo'
-  },
-  {
-    path: '/all-resualttest',
-    name: 'All Result Test',
-    view: 'AllResultTest'
+    name: 'MyInfo',
+    view: 'User/MyInfo'
   },
   {
     path: '/manage-users',
-    name: 'Manage Users',
-    view: 'ManageUsers'
+    name: 'ManageUsers',
+    view: 'User/List',
   },
   {
-    path: '/test-creator',
-    name: 'Add New Test',
-    view: 'TestCreator'
+    path: '/test-type/create',
+    name: 'AddTestType',
+    view: 'TestType/AddEdit'
   },
   {
-    path: '/manage-medical-center',
-    name: 'Manage Medical Center',
-    view: 'ManageMedicalCenter'
+    path: '/test-type/:testType/edit',
+    name: 'EditTestType',
+    view: 'TestType/AddEdit'
+  },
+  {
+    path: '/test-types',
+    name: 'ListTestType',
+    view: 'TestType/List'
+  },
+  {
+    path: '/medical-center',
+    name: 'ManageMedicalCenter',
+    view: 'MedicalCenter/List'
+  },
+  {
+    path: '/medical-center/create',
+    name: 'AddMedicalCenter',
+    view: 'MedicalCenter/AddEdit'
+  },
+  {
+    path: '/medical-center/:medicalCenter/edit',
+    name: 'EditMedicalCenter',
+    view: 'MedicalCenter/AddEdit'
+  },
+  {
+    path: '/add-operator/:medicalCenter',
+    name: 'AddOperator',
+    view: 'Auth/Register'
+  },
+  {
+    path: '/operator-list/:medicalCenter',
+    name: 'OperatorList',
+    view: 'MedicalCenter/OperatorList'
   },
   {
     path: '/login',
     name: 'Login',
-    view: 'Login',
+    view: 'Auth/Login',
     meta: {
         public: true,  // Allow access to even if not logged in
         onlyWhenLoggedOut: true
@@ -46,54 +71,34 @@ export default [
   {
     path: '/register',
     name: 'Register',
-    view: 'Register',
+    view: 'Auth/Register',
     meta: {
         public: true,  // Allow access to even if not logged in
         onlyWhenLoggedOut: true
     }
   },
-  {
-    path: '/Adminregister',
-    name: 'AdminRegister',
-    view: 'AdminRegister'
-  },
-  {
-    path: '/submit-test-result',
-    name: 'Submit Test Result',
-    view: 'SubmitTestResult'
-  },
   {
     path: '/forgot-password',
     name: 'ForgotPassword',
-    view: 'ForgotPassword',
+    view: 'Auth/ForgotPassword',
     meta: {
         public: true,  // Allow access to even if not logged in
         onlyWhenLoggedOut: true
-    }
+    },
   },
   {
-    path: '/test-creator',
-    name: 'Test Creator',
-    view: 'TestCreator'
+    path: '/resualt-test',
+    name: 'AllResultTest',
+    view: 'TestResult/List'
   },
   {
-    path: '/test',
-    name: 'Test',
-    view: 'Test'
+    path: '/add-test-result',
+    name: 'SubmitTestResult',
+    view: 'TestResult/AddEdit'
   },
   {
-    path: '/add-medical-center',
-    name: 'Add Medical Center',
-    view: 'AddMedicalCenter'
+    path: '/test-result/:testResult/edit',
+    name: 'EditTestResult',
+    view: 'TestResult/AddEdit'
   },
-  {
-    path: '/operator-list',
-    name: 'Operator List',
-    view: 'OperatorList'
-  },
-  {
-    path: '/role',
-    name: 'Role',
-    view: 'Role'
-  }
 ]
diff --git a/resources/js/vue/services/acl/role.js b/resources/js/vue/services/acl/role.js
new file mode 100644
index 00000000..a521c4ca
--- /dev/null
+++ b/resources/js/vue/services/acl/role.js
@@ -0,0 +1,17 @@
+import { TokenService } from '@/services'
+
+const $hasRole = function(roles) {
+    if (TokenService.getToken()) {
+        roles = roles.split('|');
+        for (const role of roles) {
+            if(TokenService.getInfo().roles && Array.isArray(TokenService.getInfo().roles) && TokenService.getInfo().roles.includes(role)) {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+
+export {
+    $hasRole
+}
\ No newline at end of file
diff --git a/resources/js/vue/services/auth/storage.service.js b/resources/js/vue/services/auth/storage.service.js
index 2e039bff..100b9821 100644
--- a/resources/js/vue/services/auth/storage.service.js
+++ b/resources/js/vue/services/auth/storage.service.js
@@ -1,6 +1,8 @@
+import qs from 'qs';
+
 const TOKEN_KEY = 'access_token'
 const REFRESH_TOKEN_KEY = 'refresh_token'
-
+const INFO = 'info'
 /**
  * Manage the how Access Tokens are being stored and retreived from storage.
  *
@@ -30,7 +32,20 @@ const TokenService = {
 
     removeRefreshToken() {
         localStorage.removeItem(REFRESH_TOKEN_KEY)
-    }
+    },
+    
+    getInfo() {
+        return qs.parse(localStorage.getItem(INFO))
+    },
+
+    saveInfo(info = null) {
+        info = qs.stringify(info);        
+        localStorage.setItem(INFO, info)
+    },
+
+    removeInfo() {
+        localStorage.removeItem(INFO)
+    },
 
 }
 
diff --git a/resources/js/vue/services/auth/user.service.js b/resources/js/vue/services/auth/user.service.js
index b159d268..d7c6ff88 100644
--- a/resources/js/vue/services/auth/user.service.js
+++ b/resources/js/vue/services/auth/user.service.js
@@ -1,13 +1,13 @@
-import ApiService from './api.service'
-import { TokenService } from './storage.service'
-
+import { ApiService } from "../global/api.service";
+import { TokenService } from "./storage.service";
+import { urls } from "@/config/urls";
 
 class AuthenticationError extends Error {
     constructor(errorCode, message) {
-        super(message)
-        this.name = this.constructor.name
-        this.message = message
-        this.errorCode = errorCode
+        super(message);
+        this.name = this.constructor.name;
+        this.message = message;
+        this.errorCode = errorCode;
     }
 }
 
@@ -17,160 +17,112 @@ const UserService = {
      *
      * @returns access_token
      * @throws AuthenticationError
-    **/
+     **/
     login: async function(cell_number, password) {
         const requestData = {
-            method: 'post',
-            url: "/login",
+            method: "post",
+            url: urls.login,
             data: {
                 cell_number,
                 password,
-                grant_type: 'password',
+                grant_type: "password"
             },
             auth: {
                 username: process.env.MIX_APP_CLIENT_ID,
                 password: process.env.MIX_APP_CLIENT_SECRET
             }
-        }
+        };
 
         try {
             const response = await ApiService.customRequest(requestData);
             TokenService.saveToken(response.data.access_token);
             TokenService.saveRefreshToken(response.data.refresh_token);
-            ApiService.setHeader();
+            ApiService.setAuthHeader();
 
             // NOTE: We haven't covered this yet in our ApiService
             //       but don't worry about this just yet - I'll come back to it later
             ApiService.mount401Interceptor();
             return response.data.access_token;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
     },
-    /**
-     * Login the user and store the access token to TokenService.
-     *
-     * @returns access_token
-     * @throws AuthenticationError
-    **/
-    forgotPassword: async function(cell_number) {
-        const requestData = {
-            method: 'post',
-            url: "forgotPassword",
-            data: {
-                cell_number,
-            },
-            auth: {
-                username: process.env.MIX_APP_CLIENT_ID,
-                password: process.env.MIX_APP_CLIENT_SECRET
-            }
-        }
-
-        try {
-            const response = await ApiService.customRequest(requestData);
-            ApiService.setHeader();
-
-            return response.data;
-        } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
-        }
-    },
-    /**
-     * Login the user and store the access token to TokenService.
-     *
-     * @returns access_token
-     * @throws AuthenticationError
-    **/
-    verifyCode: async function(verifyCode) {
-        const requestData = {
-            method: 'post',
-            url: "forgotPassword",
-            data: {
-                verifyCode,
-            },
-            auth: {
-                username: process.env.MIX_APP_CLIENT_ID,
-                password: process.env.MIX_APP_CLIENT_SECRET
-            }
-        }
-
-        try {
-            const response = await ApiService.customRequest(requestData);
-            ApiService.setHeader();
-
-            return response.data;
-        } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
-        }
-    },
-
     /**
      * Refresh the access token.
-    **/
+     **/
     refreshToken: async function() {
-        const refreshToken = TokenService.getRefreshToken()
+        const refreshToken = TokenService.getRefreshToken();
 
         const requestData = {
-            method: 'post',
-            url: "login",
+            method: "post",
+            url: urls.login,
             data: {
-                grant_type: 'refresh_token',
+                grant_type: "refresh_token",
                 refresh_token: refreshToken
             },
             auth: {
                 username: process.env.MIX_APP_CLIENT_ID,
                 password: process.env.MIX_APP_CLIENT_SECRET
             }
-        }
+        };
 
         try {
-            const response = await ApiService.customRequest(requestData)
+            const response = await ApiService.customRequest(requestData);
 
-            TokenService.saveToken(response.data.access_token)
-            TokenService.saveRefreshToken(response.data.refresh_token)
+            TokenService.saveToken(response.data.access_token);
+            TokenService.saveRefreshToken(response.data.refresh_token);
             // Update the header in ApiService
-            ApiService.setHeader()
+            ApiService.setAuthHeader();
 
-            return response.data.access_token
+            return response.data.access_token;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail)
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
-
     },
 
     /**
      * Logout the current user by removing the token from storage.
      *
      * Will also remove `Authorization Bearer <token>` header from future requests.
-    **/
+     **/
     logout: async function() {
-        const requestData = {
-            method: 'post',
-            url: "logout",
-            auth: {
-                username: process.env.MIX_APP_CLIENT_ID,
-                password: process.env.MIX_APP_CLIENT_SECRET
-            }
-        }
-
         try {
-            await ApiService.customRequest(requestData);
+            const response = await ApiService.post(urls.logout);
             // Remove the token and remove Authorization header from Api Service as well
-            TokenService.removeToken()
-            TokenService.removeRefreshToken()
-            ApiService.removeHeader()
+            TokenService.removeToken();
+            TokenService.removeRefreshToken();
+            TokenService.removeInfo();
+            ApiService.removeAuthHeader();
 
             // NOTE: Again, we'll cover the 401 Interceptor a bit later.
-            ApiService.unmount401Interceptor()
+            ApiService.unmount401Interceptor();
 
             return response.data;
         } catch (error) {
-            throw new AuthenticationError(error.response.status, error.response.data.detail);
+            throw new AuthenticationError(
+                error.response.status,
+                error.response.data.detail
+            );
         }
-
+    },
+    /**
+     * Get Information the current user ;
+     *
+     * Will also Register in Store;
+     **/
+    getInfo: async function() {
+        const response = await ApiService.get(urls.getInfo);
+        TokenService.saveInfo(response.data.data);
+        return response.data.data;
     }
-}
+};
 
-export default UserService
+export default UserService;
 
-export { UserService, AuthenticationError }
+export { UserService, AuthenticationError };
diff --git a/resources/js/vue/services/auth/api.service.js b/resources/js/vue/services/global/api.service.js
similarity index 81%
rename from resources/js/vue/services/auth/api.service.js
rename to resources/js/vue/services/global/api.service.js
index 85d26a81..8f77614f 100644
--- a/resources/js/vue/services/auth/api.service.js
+++ b/resources/js/vue/services/global/api.service.js
@@ -1,7 +1,6 @@
 import axios from 'axios'
-import { TokenService } from './storage.service'
+import { TokenService } from '../auth/storage.service'
 import store  from '@/store'
-import qs from 'qs';
 
 const ApiService = {
 
@@ -10,11 +9,16 @@ const ApiService = {
     },
 
     setHeader() {
-        axios.defaults.headers.common["Authorization"] = `Bearer ${TokenService.getToken()}`
+        axios.defaults.headers.common["Accept"] = `application/json`;
+        axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
     },
 
-    removeHeader() {
-        axios.defaults.headers.common = {}
+    setAuthHeader() {
+        axios.defaults.headers.common["Authorization"] = `Bearer ${TokenService.getToken()}`;
+    },
+
+    removeAuthHeader() {
+        axios.defaults.headers.common["Authorization"] = null;
     },
 
     get(resource) {
@@ -26,11 +30,13 @@ const ApiService = {
     },
 
     put(resource, data) {
-        return axios.put(resource, data)
+        data['_method'] = 'put';
+        return axios.post(resource, data)
     },
 
     delete(resource) {
-        return axios.delete(resource)
+        let data = {'_method': 'delete'};
+        return axios.post(resource, data)
     },
 
     /**
@@ -45,11 +51,6 @@ const ApiService = {
      *    - password
     **/
     customRequest(data) {
-        for (let d in data) {
-            if (typeof data[d] == 'object') {
-                data[d] = qs.stringify(data[d]);
-            }
-        }
         return axios(data);
     },
 
diff --git a/resources/js/vue/services/global/errorHandler.service.js b/resources/js/vue/services/global/errorHandler.service.js
new file mode 100644
index 00000000..766e4039
--- /dev/null
+++ b/resources/js/vue/services/global/errorHandler.service.js
@@ -0,0 +1,45 @@
+import axios from "axios";
+import toast from "./toast.service";
+import {TokenService, ApiService} from '@/services';
+function errorResponseHandler(error) {
+    
+    // check for errorHandle config
+    if (
+        error.config.hasOwnProperty("errorHandle") &&
+        error.config.errorHandle === false
+    ) {
+        return Promise.reject(error);
+    }
+
+    // if has response show the error
+    if (error.response) {
+        if(typeof error.response.data.errors !== 'undefined') {
+            for (const key in error.response.data.errors) {
+                if (error.response.data.errors.hasOwnProperty(key)) {
+                    let title = (error.response.data.title) ? error.response.data.title : undefined;
+                    toast.error(error.response.data.errors[key], title);
+                }
+            }
+        }
+        if(error.response.status == 401) {
+            TokenService.removeToken();
+            TokenService.removeRefreshToken();
+            TokenService.removeInfo();
+            ApiService.removeAuthHeader();
+        }
+        
+    }
+}
+function successHandler(response) {
+    if(response.status == 200) {
+        if(typeof response.data.message !== 'undefined') {
+            toast.success(response.data.message, response.data.title);
+        }
+    }
+    return response;
+}
+
+// apply interceptor on response
+axios.interceptors.response.use(successHandler, errorResponseHandler);
+
+export default errorResponseHandler;
diff --git a/resources/js/vue/services/global/toast.service.js b/resources/js/vue/services/global/toast.service.js
new file mode 100644
index 00000000..79150f29
--- /dev/null
+++ b/resources/js/vue/services/global/toast.service.js
@@ -0,0 +1,21 @@
+import "izitoast/dist/css/iziToast.min.css";
+import iZtoast from "izitoast";
+
+const toast = {
+    error: (message, title = "Error") => {
+        return iZtoast.error({
+            title: title,
+            message: message,
+            position: "bottomCenter"
+        });
+    },
+    success: (message, title = "Success") => {
+        return iZtoast.success({
+            title: title,
+            message: message,
+            position: "bottomCenter"
+        });
+    }
+};
+
+export default toast;
diff --git a/resources/js/vue/services/index.js b/resources/js/vue/services/index.js
index 6ee835ed..9ceb248e 100644
--- a/resources/js/vue/services/index.js
+++ b/resources/js/vue/services/index.js
@@ -1,3 +1,3 @@
-export * from './auth/api.service';
+export * from './global/api.service';
 export * from './auth/storage.service';
 export * from './auth/user.service';
diff --git a/resources/js/vue/services/mixin/hasRole.js b/resources/js/vue/services/mixin/hasRole.js
new file mode 100644
index 00000000..bd1fc484
--- /dev/null
+++ b/resources/js/vue/services/mixin/hasRole.js
@@ -0,0 +1,6 @@
+import {$hasRole} from '../acl/role';
+export default {
+    methods: {
+       $hasRole
+    },
+}
\ No newline at end of file
diff --git a/resources/js/vue/store/actions.js b/resources/js/vue/store/actions.js
index 4b71d542..f5229e87 100644
--- a/resources/js/vue/store/actions.js
+++ b/resources/js/vue/store/actions.js
@@ -1,5 +1,8 @@
-// https://vuex.vuejs.org/en/actions.html
-
+import { UserService } from '@/services/auth/user.service'
 export default {
-  //
-}
+    async info({ commit }) {
+        const info = await UserService.getInfo();
+        commit("setInfo", info);
+        return true;
+    }
+};
diff --git a/resources/js/vue/store/modules/auth/actions.js b/resources/js/vue/store/modules/auth/actions.js
index 351a1621..a52a7d80 100644
--- a/resources/js/vue/store/modules/auth/actions.js
+++ b/resources/js/vue/store/modules/auth/actions.js
@@ -1,17 +1,18 @@
-import { UserService, AuthenticationError } from '@/services/auth/user.service'
+import { UserService, AuthenticationError, ApiService, TokenService } from '@/services'
 import router from '@/router'
-import axios from 'axios'
+import { urls } from '@/config/urls'
 
 export default {
-    async login({ commit }, {cell_number, password}) {
+    async login({ commit, dispatch }, {cell_number, password}) {
         commit('loginRequest');
         try {
             const token = await UserService.login(cell_number, password);
             commit('loginSuccess', token);
-
             // Redirect the user to the page he first tried to visit or to the home view
             router.push(router.history.current.query.redirect || '/');
 
+            dispatch('info', {}, {root : true});
+            
             return true
         } catch (e) {
             if (e instanceof AuthenticationError) {
@@ -22,14 +23,31 @@ export default {
         }
     },
 
-    async forgotPassword({ commit }, {cell_number}) {
-         const result = await UserService.forgotPassword(cell_number);
-         // TODO: Open Modal For Get Section
+    async forgotPassword({commit}, {form}) {
+        var result = await ApiService.post(urls.forgotPassword, form);
+        if(result && result.status == 200) {
+            commit('modal/changeCurrentModal', { modal: "modal-auth-verify-code" }, {root: true});
+        }
+    },
+    
+
+    async verifyCodeSMS({commit, dispatch}, {form}) {
+        var response = await ApiService.post(urls.sendVerifyCode, form);
+        if(response && response.status == 200 && response.data.access_token) {
+            TokenService.saveToken(response.data.access_token);
+            TokenService.saveRefreshToken(response.data.refresh_token);
+            ApiService.setAuthHeader();
+            commit('loginSuccess', response.data.access_token);
+            commit('modal/changeCurrentModal', { modal: "modal-auth-change-password" }, {root: true});
+            dispatch('info', {}, {root : true});
+        }
     },
 
-    async verifyCodeSMS({ commit }, {verifyCode}) {
-         const result = await UserService.verifyCode(verifyCode);
-         // TODO: Open Modal For Get Section
+    async changePassword({commit}, {form}) {
+        var response = await ApiService.post(urls.changePassword, form);
+        if(response && response.status == 200 ) {
+            commit('modal/closeModal', {}, {root: true});
+        }
     },
 
     async logout({ commit }) {
diff --git a/resources/js/vue/store/modules/modal/getters.js b/resources/js/vue/store/modules/modal/getters.js
index 858f98ec..f0526685 100644
--- a/resources/js/vue/store/modules/modal/getters.js
+++ b/resources/js/vue/store/modules/modal/getters.js
@@ -4,6 +4,9 @@ export default {
     },
     getModalProperties: (state) => {
         return state.currentModal.properties;
+    },
+    getModalResult: (state) => {
+        return state.currentModal.result;
     }
 
 }
diff --git a/resources/js/vue/store/modules/modal/mutations.js b/resources/js/vue/store/modules/modal/mutations.js
index 1c76030c..c2195f9a 100644
--- a/resources/js/vue/store/modules/modal/mutations.js
+++ b/resources/js/vue/store/modules/modal/mutations.js
@@ -1,12 +1,16 @@
 export default {
     changeCurrentModal: (state, data) => {
-         state.currentModal.name = data.modal;
-         if (data.properties) {
-             state.currentModal.properties = data.properties;
-         }
-     },
-     closeModal: (state) => {
-         state.currentModal.name = '';
-         state.currentModal.properties = {};
-     }
-}
+        state.result = '';
+        state.currentModal.name = data.modal;
+        if (data.properties) {
+            state.currentModal.properties = data.properties;
+        }
+    },
+    setResultModal: (state, data) => {
+        state.currentModal.result = data;
+    },
+    closeModal: state => {
+        state.currentModal.name = "";
+        state.currentModal.properties = {};
+    }
+};
diff --git a/resources/js/vue/store/modules/modal/state.js b/resources/js/vue/store/modules/modal/state.js
index 78198e4a..d64eb9f3 100644
--- a/resources/js/vue/store/modules/modal/state.js
+++ b/resources/js/vue/store/modules/modal/state.js
@@ -1,6 +1,7 @@
 export default {
     currentModal: {
         name: '',
-        properties: {}
+        properties: {},
+        result: {}
     },
 }
diff --git a/resources/js/vue/store/mutations.js b/resources/js/vue/store/mutations.js
index 31dc08f6..66c3b641 100644
--- a/resources/js/vue/store/mutations.js
+++ b/resources/js/vue/store/mutations.js
@@ -1,5 +1,10 @@
-// https://vuex.vuejs.org/en/mutations.html
-
 export default {
-  //
-}
+    setInfo: (state, info) => {
+        if(info.user) {
+            state.user = info.user;
+        }
+        if(info.roles) {
+            state.roles = info.roles;
+        }
+    }
+};
diff --git a/resources/js/vue/store/state.js b/resources/js/vue/store/state.js
index 573407b6..18274451 100644
--- a/resources/js/vue/store/state.js
+++ b/resources/js/vue/store/state.js
@@ -1,5 +1,3 @@
-// https://vuex.vuejs.org/en/state.html
-
 export default {
-  //
+  user : {},
 }
diff --git a/resources/js/vue/views/AddMedicalCenter.vue b/resources/js/vue/views/AddMedicalCenter.vue
deleted file mode 100644
index 935cdb9b..00000000
--- a/resources/js/vue/views/AddMedicalCenter.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <v-form v-model="model">
-    <v-container grid-list-xs>
-      <material-card class=""
-        color="black"
-        title="Add Medical Center"
-        text=""
-      >
-        <v-layout row wrap class="px-5 mb-3">
-          <v-flex xs12 md3 xs3>
-            <v-text-field
-              name="Name"
-              label="Name"
-              color="black"
-              class="pa-2"
-              id="id1"
-            ></v-text-field>
-          </v-flex>
-          <v-flex xs12 md3 xs3>
-            <v-text-field
-              name="Operator"
-              label="Operator"
-              color="black"
-              class="pa-2"
-              id="id2"
-            ></v-text-field>
-          </v-flex>
-        </v-layout>
-        <v-layout row wrap align-center justify-center class="mt-3">
-          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
-            <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-            <span class="white--text">Add</span>
-          </v-btn>
-          <router-link to="/manage-medical-center">
-            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-              <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
-              <span class="black--text">Back</span>
-            </v-btn>
-          </router-link>
-        </v-layout>
-      </material-card>
-    </v-container>
-  </v-form>
-</template>
-<script>
-export default {
-  name: "",
-  data: () => ({
-
-  })
-}
-</script>
-<style lang="scss" scoped>
-</style>
diff --git a/resources/js/vue/views/AllResultTest.vue b/resources/js/vue/views/AllResultTest.vue
deleted file mode 100644
index 12ab78ea..00000000
--- a/resources/js/vue/views/AllResultTest.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-  <div class="">
-    <v-container fluid>
-      <material-card class=""
-        color="black"
-        title="All Test Resualt"
-        text=""
-      >
-      <v-layout align-center wrap class="my-3">
-        <v-flex xs12 md2 sm2>
-          <v-text-field
-          class="pa-2"
-          label="Name"
-          color="black"
-          >
-          </v-text-field>
-        </v-flex>
-        <v-flex xs12 md2 sm2>
-          <v-text-field
-          class="pa-2"
-          label="Date"
-          color="black"
-          >
-          </v-text-field>
-        </v-flex>
-        <v-flex xs12 md2 sm2>
-          <v-text-field
-          class="pa-2"
-          label="Hospital"
-          color="black"
-          >
-          </v-text-field>
-        </v-flex>
-        <v-flex class="" xs12 md2 sm2>
-          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
-            <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
-            <span class="white--text">Filter</span>
-          </v-btn>
-        </v-flex>
-      </v-layout>
-      <v-divider></v-divider>
-      <v-layout align-center wrap class="my-3">
-        <v-flex xs1>
-          <v-card-title>
-            <div>
-              <div>
-                222
-              </div>
-              <div>
-                Test
-              </div>
-              <div class="">
-                1
-              </div>
-            </div>
-          </v-card-title>
-        </v-flex>
-        <v-flex xs6>
-          <v-card-text>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-            </p>
-          </v-card-text>
-        </v-flex>
-        <v-flex xs4>
-          <v-card-text>
-            <v-btn color="black" class="mr-2">
-              <v-icon class="white--text mr-1 caption">fas fa-folder</v-icon>
-              <span>Archive</span>
-            </v-btn>
-            <v-btn color="cyan" class="mr-2">
-              <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
-              <span>Edit</span>
-            </v-btn>
-            <v-btn color="orange darken-1">
-              <v-icon class="white--text mr-1 caption">fas fa-barcode</v-icon>
-              <span>Generate Barcode</span>
-            </v-btn>
-          </v-card-text>
-        </v-flex>
-      </v-layout>
-      <v-divider></v-divider>
-      <v-layout row wrap align-center justify-center class="mt-3">
-        <router-link to="/dashboard">
-          <v-btn
-          class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-          <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
-          <span class="black--text">Back</span>
-          </v-btn>
-       </router-link>
-      </v-layout>
-      </material-card>
-    </v-container>
-  </div>
-</template>
-
-<script>
-export default {
-}
-</script>
-
-<style lang="css" scoped>
-</style>
diff --git a/resources/js/vue/views/ForgotPassword.vue b/resources/js/vue/views/Auth/ForgotPassword.vue
similarity index 51%
rename from resources/js/vue/views/ForgotPassword.vue
rename to resources/js/vue/views/Auth/ForgotPassword.vue
index fbbab9f6..b54bb94d 100644
--- a/resources/js/vue/views/ForgotPassword.vue
+++ b/resources/js/vue/views/Auth/ForgotPassword.vue
@@ -1,36 +1,37 @@
 <template>
-  <v-form >
+  <v-form>
     <v-container grid-list-xs>
       <v-layout row wrap class="justify-center">
         <v-flex xs12 md3 sm3 class="WM-WidthScreen-SM WM-WidthScreen-XS">
-          <material-card
-          color="black"
-          title="Login Page">
+          <material-card color="black" title="Login Page">
             <v-layout row wrap class="px-3">
               <v-flex xs12 md12 sm12>
                 <v-text-field
-                  v-model="cell_number"
+                  v-model="form.cell_number"
                   name="cellnumber"
                   label="Cell Number"
-                  id="id1"
                   color="black"
                 ></v-text-field>
               </v-flex>
             </v-layout>
             <v-layout row wrap class="px-3">
               <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
-                <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="handleSubmit">
+                <v-btn
+                  class="WM-CyanBlueGradient-BG"
+                  style="padding:10px 60px"
+                  @click="handleSubmit"
+                >
                   <v-icon class="white--text mr-2 caption">fas fa-sign-in-alt</v-icon>
                   <span class="white--text">Send</span>
                 </v-btn>
               </v-flex>
               <v-flex xs12 md6 sm6 class="text-md-right text-sm-center text-xs-center">
-                  <router-link class="black--text" to="login">
-                    <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
-                      <v-icon class="black--text mr-2 caption">fas fa-sign-in-alt</v-icon>
-                      <span class="black--text">Login</span>
-                    </v-btn>
-                  </router-link>
+                <router-link class="black--text" :to="{name: 'Login'}">
+                  <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+                    <v-icon class="black--text mr-2 caption">fas fa-sign-in-alt</v-icon>
+                    <span class="black--text">Login</span>
+                  </v-btn>
+                </router-link>
               </v-flex>
             </v-layout>
           </material-card>
@@ -41,26 +42,22 @@
 </template>
 <script>
 import { mapActions, mapMutations } from "vuex";
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
 export default {
   data() {
     return {
-      cell_number: "",
+      form :{
+        cell_number: ""
+      }
     };
   },
   methods: {
-      ...mapActions('auth', [
-          'forgotPassword'
-      ]),
-      ...mapMutations('modal', [
-          'changeCurrentModal'
-      ]),
-      handleSubmit() {
-          this.changeCurrentModal({modal: 'modal-auth-verify-code'});
-          // Perform a simple validation that cell_number and password have been typed in
-          // if (this.cell_number != '') {
-          //   this.forgotPassword({cell_number: this.cell_number});
-          // }
-      }
+    ...mapActions("auth", ["forgotPassword"]),
+    // ...mapMutations("modal", ["changeCurrentModal"]),
+    async handleSubmit() {
+      this.forgotPassword({form : this.form});
+    }
   }
 };
 </script>
diff --git a/resources/js/vue/views/Login.vue b/resources/js/vue/views/Auth/Login.vue
similarity index 81%
rename from resources/js/vue/views/Login.vue
rename to resources/js/vue/views/Auth/Login.vue
index a41b2260..237ddf93 100644
--- a/resources/js/vue/views/Login.vue
+++ b/resources/js/vue/views/Auth/Login.vue
@@ -19,12 +19,15 @@
             </v-layout>
             <v-layout row wrap class="px-3">
               <v-flex xs12 md12 sm12>
-                <v-text-field
-                  v-model="password"
+              <v-text-field
                   name="password"
                   label="Password"
-                  id="id2"
+                  v-model="password"
+                  :type="show1 ? 'text' : 'password'"
+                  :append-icon="show1 ? 'visibility' : 'visibility_off'"
+                  @click:append="show1 = !show1"
                   color="black"
+                  class="pa-2"
                 ></v-text-field>
               </v-flex>
             </v-layout>
@@ -35,18 +38,10 @@
                   <span class="white--text">Login</span>
                 </v-btn>
               </v-flex>
-              <v-flex xs12 md6 sm6 class="text-md-right text-sm-center text-xs-center">
-                  <router-link class="black--text" to="register">
-                    <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
-                      <v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
-                      <span  class="black--text">Register</span>
-                    </v-btn>
-                  </router-link>
-              </v-flex>
             </v-layout>
             <v-layout row wrap class="text-md-left text-sm-center text-xs-center">
               <v-flex xs12 md6 sm6 class="px-4 py-3">
-                <router-link to="/forgot-password">
+                <router-link :to="{name: 'ForgotPassword'}">
                   <span class="black--text" style="border-bottom:1px solid #000;">Forgot Password ?</span>
                 </router-link>
               </v-flex>
@@ -64,6 +59,7 @@ export default {
     return {
       cell_number: "",
       password: "",
+      show1: false,
     };
   },
   computed: {
diff --git a/resources/js/vue/views/Auth/Register.vue b/resources/js/vue/views/Auth/Register.vue
new file mode 100644
index 00000000..0a35144e
--- /dev/null
+++ b/resources/js/vue/views/Auth/Register.vue
@@ -0,0 +1,123 @@
+<template>
+  <v-form ref="form">
+    <v-container grid-list-xs>
+      <v-layout row wrap class="justify-center">
+        <v-flex xs12 md3 sm6 class="WM-WidthScreen-SM WM-WidthScreen-XS">
+          <material-card color="black" title="Register Page">
+            <v-layout column>
+              <v-flex xs12 md2 sm2>
+                <v-text-field
+                  name="name"
+                  label="Name"
+                  v-model="form.name"
+                  color="black"
+                  class="pa-2"
+                  :rules="[rules.required, rules.nameCounter]"
+                ></v-text-field>
+              </v-flex>
+              <v-flex xs12 md2 sm2>
+                <v-select
+                  :items="items"
+                  label="Gender"
+                  name="gender"
+                  v-model="form.gender"
+                  single-line
+                  class="pa-2"
+                  color="black"
+                  :rules="[rules.required]"
+                ></v-select>
+              </v-flex>
+              <v-flex xs12 md2 sm2>
+                <v-text-field
+                  name="cell_number"
+                  label="Cell Number"
+                  v-model="form.cell_number"
+                  color="black"
+                  class="pa-2"
+                  :rules="[rules.required, rules.cellNumberCounter]"
+                  mask="#### ### ####"
+                ></v-text-field>
+              </v-flex>
+              <v-flex xs12 md2 sm2>
+                <v-text-field
+                  name="password"
+                  label="Password"
+                  v-model="form.password"
+                  :type="show1 ? 'text' : 'password'"
+                  :append-icon="show1 ? 'visibility' : 'visibility_off'"
+                  @click:append="show1 = !show1"
+                  color="black"
+                  class="pa-2"
+                  :rules="[rules.required, rules.passCounter]"
+                ></v-text-field>
+              </v-flex>
+            </v-layout>
+            <v-layout row wrap>
+              <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
+                <v-btn @click="register" class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+                  <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
+                  <span class="white--text">Register</span>
+                </v-btn>
+              </v-flex>
+              <v-flex
+                v-if="!isLogin"
+                xs12
+                md6
+                sm6
+                class="text-md-right text-sm-center text-xs-center"
+              >
+                <router-link to="/login">
+                  <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+                    <v-icon class="black--text mr-2 caption">fas fa-sign-in-alt</v-icon>
+                    <span class="black--text">Login</span>
+                  </v-btn>
+                </router-link>
+              </v-flex>
+            </v-layout>
+          </material-card>
+        </v-flex>
+      </v-layout>
+    </v-container>
+  </v-form>
+</template>
+<script>
+import { TokenService, ApiService } from "@/services";
+
+export default {
+  data() {
+    const defaultForm = Object.freeze({
+      cell_number: "",
+      password: "",
+      name: "",
+      gender: "",
+      medical_center_id: this.$route.params.medicalCenter
+        ? this.$route.params.medicalCenter
+        : ''
+    });
+    return {
+      form: Object.assign({}, defaultForm),
+      show1: false,
+      items: ["Male", "FeMale"],
+      isLogin: TokenService.getInfo(),
+      rules: {
+        required: value => !!value || "Required.",
+        nameCounter: value => value.length >= 5 || "Min 5 characters",
+        passCounter: value => value.length >= 6 || "Min 6 characters",
+        cellNumberCounter: value => value.length == 11 || "must 11 characters"
+      }
+    };
+  },
+  methods: {
+    async register() {
+      if (this.$refs.form.validate()) {
+        var result = await ApiService.post(`register`, this.form);
+        if (result && result.status == 200) {
+          this.$router.push(
+            {name:`OperatorList`, params: { medicalCenter: this.form.medical_center_id }}
+          );
+        }
+      }
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/resources/js/vue/views/Dashboard.vue b/resources/js/vue/views/Dashboard.vue
index c907d121..6d99bbd4 100644
--- a/resources/js/vue/views/Dashboard.vue
+++ b/resources/js/vue/views/Dashboard.vue
@@ -5,7 +5,7 @@
       title="Material Dashboard Heading"
       text=""
     >
-      <v-layout row wrap>
+      <v-layout row wrap >
         <v-flex v-for="(Card, Key ) in Cards" :class="[Card.column , 'pa-2']" :key="Key">
           <router-link :to="Card.route">
             <material-cards
@@ -28,13 +28,13 @@ export default {
  data() {
      return {
          Cards :[
-             {title:'My Info', text:'You can easily edit your registration information',icon:'/img/Static/Dashboard/darkmug.png',color:'WM-OrangeGradient-BG',route:'/my-info',aligntext:'text-md-left',alignimg:'text-md-right', column:'xs12 md6 sm6'},
-             {title:'All Test Result', text:'You can see all user tests and own tests',icon:'/img/Static/Dashboard/pad.png',color:'WM-GreenGradient-BG',route:'/all-resualttest',aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md6 sm6'},
-             {title:'Manage Users', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:'/manage-users',aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
-             {title:'Manage Medical Center', text:'Managing users very fast by ...',icon:'/img/Static/Dashboard/Macbook.png',color:'WM-MuskGradient-BG',route:'/manage-medical-center',aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md7 sm7'},
-             {title:'Add a Test Type', text:'You can simply add your own test type',icon:'/img/Static/Dashboard/Book-and-Pen.png',color:'WM-GreyGradient-BG',route:'/test-creator',aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md5 sm5'},
-             {title:'Test to Verify', text:'You can simply add your own test type in this section of website',icon:'/img/Static/Dashboard/notepad-colorful.png',color:'WM-PinkGradient-BG',route:'/submit-test-result',aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
-             {title:'Add a Test Result', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:'/manage-medical-center',aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
+             {title:'My Info', text:'You can easily edit your registration information',icon:'/img/Static/Dashboard/darkmug.png',color:'WM-OrangeGradient-BG',route:{name: 'MyInfo'},aligntext:'text-md-left',alignimg:'text-md-right', column:'xs12 md6 sm6'},
+             {title:'All Test Result', text:'You can see all user tests and own tests',icon:'/img/Static/Dashboard/pad.png',color:'WM-GreenGradient-BG',route:{name: 'AllResultTest'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md6 sm6'},
+             {title:'Manage Users', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:{name: 'ManageUsers'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
+             {title:'Manage Medical Center', text:'Managing users very fast by ...',icon:'/img/Static/Dashboard/Macbook.png',color:'WM-MuskGradient-BG',route:{name: 'ManageMedicalCenter'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md7 sm7'},
+             {title:'List Test Type', text:'You can simply add your own test type',icon:'/img/Static/Dashboard/Book-and-Pen.png',color:'WM-GreyGradient-BG',route:{name: 'ListTestType'},aligntext:'text-md-left',alignimg:'text-md-right',column:'xs12 md5 sm5'},
+             {title:'Test to Verify', text:'You can simply add your own test type in this section of website',icon:'/img/Static/Dashboard/notepad-colorful.png',color:'WM-PinkGradient-BG',route:{name: 'SubmitTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
+             {title:'Add a Test Result', text:'You can edit the medical center information',icon:'/img/Static/Dashboard/ipad.png',color:'WM-YellowPinkGradient-BG',route:{name: 'SubmitTestResult'},aligntext:'text-md-center',alignimg:'text-md-left',column:'xs12 md12 sm12'},
          ]
      }
  }
diff --git a/resources/js/vue/views/ManageUsers.vue b/resources/js/vue/views/ManageUsers.vue
deleted file mode 100644
index 90a41615..00000000
--- a/resources/js/vue/views/ManageUsers.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-  <v-container grid-list-xs>
-    <material-card
-    color="black"
-    title="Member List">
-      <v-layout align-center justify-center wrap class="px-5 mb-3">
-        <v-flex xs12 md3 sm3>
-          <v-text-field
-            class="pa-2"
-            color="black"
-            name="name"
-            label="Name"
-            id="id1"
-          ></v-text-field>
-        </v-flex>
-        <v-flex xs12 md3 sm3>
-          <v-text-field
-            class="pa-2"
-            color="black"
-            name="date"
-            label="Date"
-            id="id2"
-          ></v-text-field>
-        </v-flex>
-        <v-flex xs12 md3 sm3>
-          <v-text-field
-            class="pa-2"
-            color="black"
-            name="hospital"
-            label="Hospital"
-            id="id3"
-          ></v-text-field>
-        </v-flex>
-        <v-flex xs12 md3 sm3>
-          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
-            <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
-            <span class="white--text">Filter</span>
-          </v-btn>
-        </v-flex>
-      </v-layout>
-      <v-layout class="px-4 my-3">
-        <v-divider></v-divider>
-      </v-layout>
-      <v-layout align-center justify-center wrap class="px-5 my-2">
-        <v-flex xs12 md12 sm12>
-          <v-data-table
-            :headers="headers"
-            :items="items"
-            hide-actions
-          >
-            <template
-              slot="headerCell"
-              slot-scope="{ header }">
-              <span
-                class="subheading font-weight-light text-white text--darken-3"
-                v-text="header.text"
-              />
-            </template>
-            <template
-              slot="items"
-              slot-scope="{ item }">
-              <td class="headline font-weight-light">{{item.name}}</td>
-              <td class="title font-weight-light">{{item.date}}</td>
-              <td class="title font-weight-light">{{item.operator}}</td>
-              <td class="text-xs-right">
-                <v-btn color="purple" class="mr-2 WM-ActionButton">
-                  <v-icon class="white--text mr-1 caption">fas fa-envelope</v-icon>
-                  <span>SMS</span>
-                </v-btn>
-                <v-btn color="cyan" class="mr-2 WM-ActionButton">
-                  <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
-                  <span>Edit</span>
-                </v-btn>
-                <v-btn color="orange darken-1" class="mr-2 WM-ActionButton">
-                  <v-icon class="white--text mr-1 caption">fas fa-user</v-icon>
-                  <span>Operator</span>
-                </v-btn>
-                <v-btn color="pink" class=" WM-ActionButton">
-                  <v-icon class="white--text mr-1 caption">fas fa-times</v-icon>
-                  <span>Remove</span>
-                </v-btn>
-              </td>
-            </template>
-          </v-data-table>
-        </v-flex>
-      </v-layout>
-      <v-layout class="px-4 my-3">
-        <v-divider></v-divider>
-      </v-layout>
-      <v-layout row wrap align-center justify-center class="mt-3">
-        <router-link to="/dashboard">
-          <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-            <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
-            <span class="black--text">Back</span>
-          </v-btn>
-        </router-link>
-      </v-layout>
-    </material-card>
-  </v-container>
-</template>
-
-<script>
-export default {
-  data: () => ({
-    headers : [
-      {
-        sortable : true,
-        text: 'Operator',
-        value: 'operator'
-      },
-      {
-        sortable : true,
-        text: 'Date',
-        value: 'date'
-      },
-      {
-        sortable : true,
-        text: 'Hospital',
-        value: 'hospital'
-      },
-      {
-        sortable : true,
-        text: 'Action',
-        value: 'action',
-        align: 'right'
-      },
-    ],
-    items: [
-      {
-        name: 'Fatemeh Shokouhi',
-        date: '12/05/1397',
-        operator: 'Shahid Beheshti',
-        action: ''
-      },
-      {
-        name: 'Fatemeh Fayyazi',
-        date: '12/05/1397',
-        operator: 'Emam Reza',
-        action: ''
-      },
-    ]
-  })
-}
-</script>
-
-<style lang="css" scoped>
-</style>
diff --git a/resources/js/vue/views/MedicalCenter/AddEdit.vue b/resources/js/vue/views/MedicalCenter/AddEdit.vue
new file mode 100644
index 00000000..b481afe0
--- /dev/null
+++ b/resources/js/vue/views/MedicalCenter/AddEdit.vue
@@ -0,0 +1,79 @@
+<template>
+  <v-form ref="form">
+    <v-container grid-list-xs>
+      <material-card class color="black" title="Add Medical Center" text>
+        <v-layout row wrap class="px-5 mb-3">
+          <v-flex xs12 md3 xs3>
+            <v-text-field
+              v-model="medicalCenter.name"
+              label="Name"
+              color="black"
+              class="pa-2"
+              :rules="[rules.required, rules.counter]"
+            ></v-text-field>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap align-center justify-center class="mt-3">
+          <v-btn class="WM-CyanBlueGradient-BG" @click="AddMedicalCenter" style="padding:10px 60px">
+            <template v-if="$route.params.medicalCenter">
+              <v-icon class="white--text mr-2 caption">fas fa-edit</v-icon>
+              <span class="white--text">Edit</span>
+            </template>
+            <template v-else>
+              <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
+              <span class="white--text">Add</span>
+            </template>
+          </v-btn>
+          <router-link :to="{name:'ManageMedicalCenter'}">
+            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
+              <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+              <span class="black--text">Back</span>
+            </v-btn>
+          </router-link>
+        </v-layout>
+      </material-card>
+    </v-container>
+  </v-form>
+</template>
+<script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
+export default {
+  data() {
+    return {
+      medicalCenter: {
+        name: ""
+      },
+      rules: {
+        required: value => !!value || "Required.",
+        counter: value => value.length <= 30 || "Max 30 characters"
+      }
+    };
+  },
+  created() {
+    if (this.$route.params.medicalCenter) {
+      this.load(this.$route.params.medicalCenter);
+    }
+  },
+  methods: {
+    async load(id) {
+      const result = await ApiService.get(urls.editMedicalCenter(id));
+      this.medicalCenter = result.data.MedicalCenter;
+    },
+    async AddMedicalCenter() {
+      if (this.$refs.form.validate()) {
+        if (this.$route.params.medicalCenter) {
+          var result = await ApiService.put(urls.updateMedicalCenter(this.$route.params.medicalCenter), this.medicalCenter);
+        } else {
+          var result = await ApiService.post(urls.storeMedicalCenter, this.medicalCenter);
+        }
+        if (result && result.status == 200) {
+          this.$router.push({name : "ManageMedicalCenter"});
+        }
+      }
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+</style>
diff --git a/resources/js/vue/views/ManageMedicalCenter.vue b/resources/js/vue/views/MedicalCenter/List.vue
similarity index 50%
rename from resources/js/vue/views/ManageMedicalCenter.vue
rename to resources/js/vue/views/MedicalCenter/List.vue
index 055273ee..f0b515e5 100644
--- a/resources/js/vue/views/ManageMedicalCenter.vue
+++ b/resources/js/vue/views/MedicalCenter/List.vue
@@ -1,16 +1,9 @@
 <template>
   <v-container fluid>
-    <material-card class=""
-      color="black"
-      title="Medical Centers List"
-      text=""
-    >
+    <material-card class color="black" title="Medical Centers List" text>
       <v-layout wrap class="px-5 mb-3">
         <v-flex xs12 md3 sm3>
-          <v-text-field
-          label="Name"
-          color="black">
-          </v-text-field>
+          <v-text-field label="Name" color="black"></v-text-field>
         </v-flex>
         <v-flex xs12 md2 sm2 class="text-xs-right">
           <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
@@ -20,54 +13,44 @@
         </v-flex>
         <v-spacer></v-spacer>
         <v-flex xs12 md2 sm2 class="text-xs-right">
-          <router-link to="/add-medical-center">
+          <router-link :to="{name: 'AddMedicalCenter'}">
             <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
               <v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
               <span class="black--text">Add</span>
             </v-btn>
-         </router-link>
+          </router-link>
         </v-flex>
       </v-layout>
       <v-layout class="px-4 my-3">
         <v-divider></v-divider>
       </v-layout>
       <v-layout align-center justify-center wrap class="px-5 mt-3">
-        <v-flex
-          md12
-        >
-          <v-data-table
-            :headers="headers"
-            :items="items"
-            hide-actions
-          >
-            <template
-              slot="headerCell"
-              slot-scope="{ header }"
-            >
+        <v-flex md12>
+          <v-data-table :headers="headers" :items="items" hide-actions>
+            <template slot="headerCell" slot-scope="{ header }">
               <span
                 class="subheading font-weight-light text-white text--darken-3"
                 v-text="header.text"
               />
             </template>
-            <template
-              slot="items"
-              slot-scope="{ item }"
-            >
+            <template slot="items" slot-scope="{ item }">
               <td class="headline font-weight-light">{{ item.name }}</td>
-              <td class="title font-weight-light">{{ item.date }}</td>
-              <td class="title font-weight-light">{{ item.operator }}</td>
+              <td class="title font-weight-light">{{ item.created_at }}</td>
+              <td class="title font-weight-light">{{ item.users_count }} Operator</td>
               <td class="text-xs-right">
-                <v-btn color="cyan" class="mr-2 WM-ActionButton">
-                  <v-icon class="white--text mr-2 caption">fas fa-pen</v-icon>
-                  <span>Edit</span>
-                </v-btn>
-                <router-link to="/operator-list">
+                <router-link :to="{name : 'EditMedicalCenter', params : {medicalCenter : item.id}}">
+                  <v-btn color="cyan" class="mr-2 WM-ActionButton">
+                    <v-icon class="white--text mr-2 caption">fas fa-pen</v-icon>
+                    <span>Edit</span>
+                  </v-btn>
+                </router-link>
+                <router-link :to="{name : 'OperatorList', params : {medicalCenter : item.id}}">
                   <v-btn color="orange darken-1" class="mr-2 WM-ActionButton">
                     <v-icon class="white--text mr-2 caption">fas fa-user</v-icon>
                     <span>Operator</span>
                   </v-btn>
                 </router-link>
-                <v-btn color="pink" class=" WM-ActionButton">
+                <v-btn color="pink" @click="remove(item.id)" class="WM-ActionButton">
                   <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
                   <span>Remove</span>
                 </v-btn>
@@ -77,8 +60,11 @@
         </v-flex>
       </v-layout>
       <v-divider></v-divider>
+      <div class="text-xs-center" v-if="lastPage > 1">
+        <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+      </div>
       <v-layout row wrap align-center justify-center class="mt-3">
-        <router-link to="/dashboard">
+        <router-link :to="{name: 'Dashboard'}">
           <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
             <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
             <span class="black--text">Back</span>
@@ -90,52 +76,68 @@
 </template>
 
 <script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
 export default {
   data: () => ({
     headers: [
       {
         sortable: false,
-        text: 'Hospital Name',
-        value: 'name'
+        text: "Hospital Name",
+        value: "name"
       },
       {
         sortable: false,
-        text: 'Date',
-        value: 'date'
+        text: "Date",
+        value: "date"
       },
       {
         sortable: false,
-        text: 'Operator',
-        value: 'operator'
+        text: "Operator",
+        value: "operator"
       },
       {
         sortable: false,
-        text: 'Action',
-        value: 'action',
-        align: 'right'
+        text: "Action",
+        value: "action",
+        align: "right"
       }
     ],
-    items: [
-      {
-        name: 'Shahid Beheshti',
-        date: '12/05/1397',
-        operator: '3 Operator',
-        action: ''
-      },
-      {
-        name: 'Emam Reza',
-        date: '12/05/1397',
-        operator: '5 Operator',
-        action: ''
-      },
-    ]
-  })
-}
+    items: [],
+    currentPage: 1,
+    lastPage: 1
+  }),
+  created() {
+    this.getData();
+  },
+  methods: {
+    async getData(page = 1) {
+      const result = await ApiService.get(urls.listMedicalCenter(page));
+      this.items = result.data.data.data;
+      this.currentPage = result.data.data.current_page;
+      this.lastPage = result.data.data.last_page;
+    },
+    async remove(id) {
+      const result = await ApiService.delete(urls.deleteMedicalCenter(id));
+      if (result && result.status == 200) {
+        for (const key in this.items) {
+          if (this.items.hasOwnProperty(key) && this.items[key].id == id) {
+            this.items.splice(key, 1);
+          }
+        }
+      }
+    }
+  },
+  watch: {
+    currentPage(page) {
+      this.getData(page);
+    }
+  }
+};
 </script>
 
 <style lang="css" scoped>
 .WM-ActionButton {
-  padding : 8px 22px;
+  padding: 8px 22px;
 }
-
 </style>
diff --git a/resources/js/vue/views/MedicalCenter/OperatorList.vue b/resources/js/vue/views/MedicalCenter/OperatorList.vue
new file mode 100644
index 00000000..27c971aa
--- /dev/null
+++ b/resources/js/vue/views/MedicalCenter/OperatorList.vue
@@ -0,0 +1,184 @@
+<template>
+  <v-container grid-list-xs>
+    <material-card class color="black" :title="`Operator List ${name}`" text>
+      <v-layout row wrap class="px-5 mb-3">
+        <v-flex xs12 md3 xs3>
+          <v-text-field name="Name" label="Name" class="pa-2" color="black" id="id"></v-text-field>
+        </v-flex>
+        <v-flex xs12 md3 xs3>
+          <v-text-field name="cell_number" label="Cell Number" class="pa-2" color="black" id="id"></v-text-field>
+        </v-flex>
+        <v-flex xs12 md2 sm2 class="text-xs-right">
+          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+            <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
+            <span class="white--text">Filter</span>
+          </v-btn>
+        </v-flex>
+        <v-spacer></v-spacer>
+        <v-flex xs12 md2 sm2 class="text-xs-right">
+          <router-link :to="`/add-operator/${$route.params.medicalCenter}`">
+            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+              <v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
+              <span class="black--text">Add</span>
+            </v-btn>
+          </router-link>
+        </v-flex>
+      </v-layout>
+      <v-layout row align-center justify-center wrap class="px-5 mt-3">
+        <v-flex md12>
+          <v-data-table :headers="headers" :items="items" hide-actions>
+            <template slot="headerCell" slot-scope="{ header }">
+              <span
+                class="subheading font-weight-light text-white text--darken-3"
+                v-text="header.text"
+              />
+            </template>
+            <template slot="items" slot-scope="{ item }">
+              <td class="headline font-weight-light">{{ item.name }}</td>
+              <td class="title font-weight-light">
+                <span v-for="(role, key) in item.roles" :key="key">{{ role.name }}</span>
+              </td>
+              <td class="title font-weight-light">{{ item.cell_number }}</td>
+              <td class="title font-weight-light">{{ item.status }}</td>
+              <td class="text-xs-right">
+                <v-btn
+                  :color="item.status == 'Active' ? 'red' : 'green'"
+                  @click="changeStatus(item.id)"
+                  class="mr-2 WM-ActionButton"
+                >
+                  <template v-if="item.status == 'Active'">
+                    <v-icon class="white--text mr-2 caption">fas fa-user-tag</v-icon>
+                    <span v-if="item.status == 'Active'">Susspended</span>
+                  </template>
+                  <template v-else>
+                    <v-icon class="white--text mr-2 caption">fas fa-user-tag</v-icon>
+                    <span>Active</span>
+                  </template>
+                </v-btn>
+                <v-btn
+                  color="orange darken-1"
+                  @click="changeRoleModal(item)"
+                  class="mr-2 WM-ActionButton"
+                >
+                  <v-icon class="white--text mr-2 caption">fas fa-user-tag</v-icon>
+                  <span>Role</span>
+                </v-btn>
+                <v-btn color="pink" class="WM-ActionButton" @click="remove(item.id)">
+                  <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
+                  <span>Remove</span>
+                </v-btn>
+              </td>
+            </template>
+          </v-data-table>
+        </v-flex>
+      </v-layout>
+      <v-divider></v-divider>
+      <v-layout row wrap align-center justify-center class="mt-3">
+        <router-link to="/manage-medical-center">
+          <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
+            <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+            <span class="black--text">Back</span>
+          </v-btn>
+        </router-link>
+      </v-layout>
+    </material-card>
+  </v-container>
+</template>
+<script>
+import { ApiService } from "@/services";
+import { mapMutations, mapGetters } from "vuex";
+import { urls } from "@/config/urls";
+export default {
+  data: () => ({
+    headers: [
+      {
+        sortable: true,
+        text: "Operator Name",
+        value: "name"
+      },
+      {
+        sortable: false,
+        text: "Role",
+        value: "role"
+      },
+      {
+        sortable: false,
+        text: "Number",
+        value: "number"
+      },
+      {
+        sortable: false,
+        text: "Status",
+        value: "status"
+      },
+      {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }
+    ],
+    items: [],
+    name: ""
+  }),
+  created() {
+    if (this.$route.params.medicalCenter) {
+      this.load(this.$route.params.medicalCenter);
+    }
+  },
+  methods: {
+    async load(medicalCenterId) {
+      const result = await ApiService.get(
+        urls.listOpertorMedicalCenter(medicalCenterId)
+      );
+      if (result && result.status == 200) {
+        this.items = result.data.data.users;
+        this.name = result.data.data.name;
+      } else {
+        this.$router.push({name:`Dashboard`});
+      }
+    },
+    async changeStatus(userId) {
+      const result = await ApiService.post(urls.changeStatusUser(userId));
+      if (result && result.status == 200) {
+        for (let user of this.items) {
+          if (user.id == userId) {
+            user.status = result.data.data.status;
+          }
+        }
+      } else {
+        this.$router.push({name:`Dashboard`});
+      }
+    },
+    ...mapMutations("modal", ["changeCurrentModal"]),
+    changeRoleModal(user) {
+      this.changeCurrentModal({
+        modal: "modal-user-role",
+        properties: { user }
+      });
+    },
+    async remove(userId) {
+      const result = await ApiService.delete(urls.deleteUser(userId));
+      if (result && result.status == 200) {
+        for (const key in this.items) {
+          if (this.items.hasOwnProperty(key) && this.items[key].id == userId) {
+            this.items.splice(key, 1);
+          }
+        }
+      }
+    }
+  },
+  computed: {
+    ...mapGetters("modal", ["getModalResult"])
+  },
+  watch: {
+    getModalResult(user) {
+      for (const userList of this.items) {
+        if (userList.id == user.id) {
+          userList.roles = user.roles;
+        }
+      }
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/resources/js/vue/views/AddNewTest.vue b/resources/js/vue/views/NotWorking/AddNewTest.vue
similarity index 100%
rename from resources/js/vue/views/AddNewTest.vue
rename to resources/js/vue/views/NotWorking/AddNewTest.vue
diff --git a/resources/js/vue/views/Icons.vue b/resources/js/vue/views/NotWorking/Icons.vue
similarity index 100%
rename from resources/js/vue/views/Icons.vue
rename to resources/js/vue/views/NotWorking/Icons.vue
diff --git a/resources/js/vue/views/Maps.vue b/resources/js/vue/views/NotWorking/Maps.vue
similarity index 100%
rename from resources/js/vue/views/Maps.vue
rename to resources/js/vue/views/NotWorking/Maps.vue
diff --git a/resources/js/vue/views/Notifications.vue b/resources/js/vue/views/NotWorking/Notifications.vue
similarity index 100%
rename from resources/js/vue/views/Notifications.vue
rename to resources/js/vue/views/NotWorking/Notifications.vue
diff --git a/resources/js/vue/views/TableList.vue b/resources/js/vue/views/NotWorking/TableList.vue
similarity index 100%
rename from resources/js/vue/views/TableList.vue
rename to resources/js/vue/views/NotWorking/TableList.vue
diff --git a/resources/js/vue/views/Typography.vue b/resources/js/vue/views/NotWorking/Typography.vue
similarity index 100%
rename from resources/js/vue/views/Typography.vue
rename to resources/js/vue/views/NotWorking/Typography.vue
diff --git a/resources/js/vue/views/Upgrade.vue b/resources/js/vue/views/NotWorking/Upgrade.vue
similarity index 100%
rename from resources/js/vue/views/Upgrade.vue
rename to resources/js/vue/views/NotWorking/Upgrade.vue
diff --git a/resources/js/vue/views/UserProfile.vue b/resources/js/vue/views/NotWorking/UserProfile.vue
similarity index 100%
rename from resources/js/vue/views/UserProfile.vue
rename to resources/js/vue/views/NotWorking/UserProfile.vue
diff --git a/resources/js/vue/views/OperatorList.vue b/resources/js/vue/views/OperatorList.vue
deleted file mode 100644
index e42cdc21..00000000
--- a/resources/js/vue/views/OperatorList.vue
+++ /dev/null
@@ -1,150 +0,0 @@
-<template>
-  <v-container grid-list-xs>
-    <material-card class=""
-      color="black"
-      title="Operator List"
-      text=""
-    >
-    <v-layout row wrap class="px-5 mb-3">
-      <v-flex xs12 md3 xs3>
-        <v-text-field
-          name="Name"
-          label="Name"
-          class="pa-2"
-          color="black"
-          id="id"
-        ></v-text-field>
-      </v-flex>
-      <v-flex xs12 md3 xs3>
-        <v-text-field
-          name="Number"
-          label="Number"
-          class="pa-2"
-          color="black"
-          id="id"
-        ></v-text-field>
-      </v-flex>
-      <v-flex xs12 md2 sm2 class="text-xs-right">
-        <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
-          <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
-          <span class="white--text">Filter</span>
-        </v-btn>
-      </v-flex>
-    </v-layout>
-    <v-layout row align-center justify-center wrap class="px-5 mt-3">
-      <v-flex
-        md12
-      >
-        <v-data-table
-          :headers="headers"
-          :items="items"
-          hide-actions
-        >
-          <template
-            slot="headerCell"
-            slot-scope="{ header }"
-          >
-            <span
-              class="subheading font-weight-light text-white text--darken-3"
-              v-text="header.text"
-            />
-          </template>
-          <template
-            slot="items"
-            slot-scope="{ item }"
-          >
-            <td class="headline font-weight-light">{{ item.name }}</td>
-            <td class="title font-weight-light">{{ item.role }}</td>
-            <td class="title font-weight-light">{{ item.medicalcenter }}</td>
-            <td class="title font-weight-light">{{ item.number }}</td>
-            <td class="text-xs-right">
-              <v-btn color="cyan" class="mr-2 WM-ActionButton">
-                <v-icon class="white--text mr-2 caption">fas fa-pen</v-icon>
-                <span>Edit</span>
-              </v-btn>
-              <router-link to="/role">
-                <v-btn color="orange darken-1" class="mr-2 WM-ActionButton">
-                  <v-icon class="white--text mr-2 caption">fas fa-user-tag</v-icon>
-                  <span>Role</span>
-                </v-btn>
-              </router-link>
-              <v-btn color="pink" class=" WM-ActionButton">
-                <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
-                <span>Remove</span>
-              </v-btn>
-            </td>
-          </template>
-        </v-data-table>
-      </v-flex>
-    </v-layout>
-    <v-divider></v-divider>
-    <v-layout row wrap align-center justify-center class="mt-3">
-      <router-link to="/manage-medical-center">
-        <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-          <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
-          <span class="black--text">Back</span>
-        </v-btn>
-      </router-link>
-    </v-layout>
-   </material-card>
-  </v-container>
-</template>
-<script>
-export default {
-  data: () => ({
-    headers: [
-      {
-        sortable: false,
-        text: 'Operator Name',
-        value: 'name'
-      },
-      {
-        sortable: false,
-        text: 'Role',
-        value: 'role'
-      },
-      {
-        sortable: false,
-        text: 'Medical Center',
-        value: 'medicalcenter'
-      },
-      {
-        sortable: false,
-        text: 'Number',
-        value: 'number'
-      },
-      {
-        sortable: false,
-        text: 'Action',
-        value: 'action',
-        align: 'right'
-      }
-    ],
-    items: [
-      {
-        name: 'Saeed Khakbazan',
-        role: 'Admin',
-        medicalcenter: 'Emam Reza',
-        number:'09120000',
-        action: ''
-      },
-      {
-        name: 'Fatemeh Shokouhi',
-        role: 'SuperAdmin',
-        medicalcenter: 'Shahid Beheshti',
-        number:'09125555',
-        action: ''
-      },
-      {
-        name: 'Fatemeh Fayyazi',
-        role: 'SuperVisior',
-        medicalcenter: 'Emam Reza',
-        number:'09123333',
-        action: ''
-      },
-    ]
-  })
-}
-</script>
-<style lang="scss" scoped>
-</style>
diff --git a/resources/js/vue/views/Register.vue b/resources/js/vue/views/Register.vue
deleted file mode 100644
index cac74c2a..00000000
--- a/resources/js/vue/views/Register.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-  <v-form v-model="valid">
-    <v-container grid-list-xs>
-      <v-layout row wrap class="justify-center">
-        <v-flex xs12 md3 sm6 class="WM-WidthScreen-SM WM-WidthScreen-XS">
-          <material-card color="black" title="Register Page">
-            <v-layout column>
-              <v-flex xs12 md2 sm2>
-                  <v-text-field
-                    name="name"
-                    label="Name"
-                    v-model="form.name"
-                    id="id3"
-                    color="black"
-                    class="pa-2"
-                  ></v-text-field>
-              </v-flex>
-              <v-flex xs12 md2 sm2>
-                <v-text-field
-                  name="cellnumber"
-                  label="Cell Number"
-                  v-model="form.cellnumber"
-                  id="id1"
-                  color="black"
-                  class="pa-2"
-                ></v-text-field>
-              </v-flex>
-              <v-flex xs12 md2 sm2>
-                <v-text-field
-                  name="password"
-                  label="Password"
-                  v-model="form.password"
-                  :type="show1 ? 'text' : 'password'"
-                  :append-icon="show1 ? 'visibility' : 'visibility_off'"
-                  @click:append="show1 = !show1"
-                  id="id2"
-                  color="black"
-                  class="pa-2"
-                ></v-text-field>
-              </v-flex>
-            </v-layout>
-            <v-layout row wrap>
-              <v-flex xs12 md6 sm6 class="text-md-left text-sm-center text-xs-center">
-                <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
-                  <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-                  <span class="white--text">Register</span>
-                </v-btn>
-              </v-flex>
-              <v-flex xs12 md6 sm6 class="text-md-right text-sm-center text-xs-center">
-                <router-link to="/login">
-                  <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
-                    <v-icon class="black--text mr-2 caption">fas fa-sign-in-alt</v-icon>
-                    <span class="black--text">Login</span>
-                  </v-btn>
-                </router-link>
-              </v-flex>
-            </v-layout>
-          </material-card>
-        </v-flex>
-      </v-layout>
-    </v-container>
-  </v-form>
-</template>
-<script>
-export default {
-  name: "",
-  data () {
-      const defaultForm = Object.freeze({
-        cellnumber: '',
-        password: '',
-        name: '',
-      })
-      return {
-        form: Object.assign({}, defaultForm),
-        valid : false,
-        show1 : false,
-        defaultForm
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-</style>
diff --git a/resources/js/vue/views/Role.vue b/resources/js/vue/views/Role.vue
deleted file mode 100644
index b43f7c04..00000000
--- a/resources/js/vue/views/Role.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <v-form>
-    <v-container grid-list-xs fluid>
-      <material-card class=""
-        color="black"
-        title="Role"
-      >
-        <v-layout row align-center justify-center wrap class="px-5 mb-3">
-          <v-flex xs12 md3 sm3>
-            <v-select
-              :items="items"
-              v-model="roles"
-              label="Roles"
-              color="black"
-            ></v-select>
-          </v-flex>
-        </v-layout>
-        <v-layout row wrap>
-          <v-layout align-center justify-center wrap class="px-5 mt-2">
-            <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
-              <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-              <span class="white--text">Add</span>
-            </v-btn>
-            <router-link to="/dashboard">
-              <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-                <v-icon class="black--text mr-2 caption">fas fa-times</v-icon>
-                <span class="black--text">Close</span>
-              </v-btn>
-            </router-link>
-          </v-layout>
-        </v-layout>
-      </material-card>
-    </v-container>
-  </v-form>
-</template>
-<script>
-export default {
-  name: "",
-  data: () => ({
-    items : [
-      'SuperAdmin',
-      'Admin',
-      'SuperVisior',
-      'User'
-    ]
-  })
-}
-</script>
-<style lang="scss" scoped>
-</style>
diff --git a/resources/js/vue/views/SubmitTestResult.vue b/resources/js/vue/views/SubmitTestResult.vue
deleted file mode 100644
index 6a7da2b1..00000000
--- a/resources/js/vue/views/SubmitTestResult.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <v-form>
-    <v-container grid-list-xs>
-      <material-card
-        color="black"
-        title="Submit Test Result">
-        <v-layout align-center justify-center wrap class="px-5 my-3">
-          <v-flex xs12 sm4 md4>
-            <v-select
-              :items="items"
-              label="Choose Test Type"
-              color="black"
-              class="pa-2"
-            ></v-select>
-          </v-flex>
-          <v-flex xs12 sm3 md3>
-            <v-text-field
-              name="testcode"
-              label="Or Enter Test Code"
-              id="id"
-              color="black"
-              class="pa-2"
-            ></v-text-field>
-          </v-flex>
-          <v-flex xs12 md2 sm2 class="text-xs-center text-sm-center text-md-center">
-            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" style="padding:10px 60px;">
-              <v-icon class="black--text mr-2 caption">fas fa-chevron-right</v-icon>
-              <span class="black--text">GO</span>
-            </v-btn>
-          </v-flex>
-        </v-layout>
-        <v-layout row wrap class="px-5 my-3">
-          <v-divider></v-divider>
-        </v-layout>
-        <v-layout align-center justify-center wrap class="px-5 my-3">
-          <v-flex xs12 sm4 md4>
-            <v-text-field
-              name="cssd"
-              label="ID CSSD"
-              color="black"
-              id="id"
-              class="pa-2"
-            ></v-text-field>
-          </v-flex>
-          <v-flex xs12 sm4 md4>
-            <v-text-field
-              name="autoclave"
-              label="ID AutoClave"
-              color="black"
-              id="id"
-              class="pa-2"
-            ></v-text-field>
-          </v-flex>
-          <v-flex xs12 sm4 md4>
-            <v-select
-              :items="items"
-              label="Resualt"
-              color="black"
-              class="pa-2"
-            ></v-select>
-          </v-flex>
-        </v-layout>
-        <v-layout row wrap class="px-5 my-3">
-          <v-divider></v-divider>
-        </v-layout>
-        <v-layout align-center justify-center wrap class="px-5 mt-2">
-          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
-            <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
-            <span class="white--text">SAVE</span>
-          </v-btn>
-          <router-link to="/dashboard">
-            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-              <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
-              <span class="black--text">Back</span>
-            </v-btn>
-          </router-link>
-        </v-layout>
-     </material-card>
-    </v-container>
-  </v-form>
-</template>
-<script>
-export default {
-  name: "",
-  data: () => ({
-    items: [
-      'Item 1',
-      'Item 2',
-      'Item 3',
-      'Item 4'
-    ]
-  })
-}
-</script>
-<style lang="scss" scoped>
-</style>
diff --git a/resources/js/vue/views/SuperVisior/UserInfo.vue b/resources/js/vue/views/SuperVisior/UserInfo.vue
deleted file mode 100644
index 9e785de4..00000000
--- a/resources/js/vue/views/SuperVisior/UserInfo.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <v-form>
-    <v-container grid-list-xs>
-      <v-layout row wrap>
-        <material-card color="black" title="User Info">
-          <v-flex xs12 sm4 md4>
-            <v-text-field
-              name="name"
-              label="label"
-              id="id"
-            ></v-text-field>
-          </v-flex>
-        </material-card>
-      </v-layout>
-    </v-container>
-  </v-form>
-</template>
-<script>
-export default {
-  name: "",
-  data: () => ({
-
-  })
-}
-</script>
-<style lang="scss" scoped>
-</style>
diff --git a/resources/js/vue/views/SuperVisior/table.vue b/resources/js/vue/views/SuperVisior/table.vue
deleted file mode 100644
index e01a8ef0..00000000
--- a/resources/js/vue/views/SuperVisior/table.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<template>
-  <v-card>
-    <v-card-title>
-      Nutrition
-      <v-spacer></v-spacer>
-      <v-text-field
-        v-model="search"
-        append-icon="search"
-        label="Search"
-        single-line
-        hide-details
-      ></v-text-field>
-    </v-card-title>
-    <v-data-table
-      :headers="headers"
-      :items="desserts"
-      :search="search"
-    >
-      <template v-slot:items="props">
-        <td>{{ props.item.name }}</td>
-        <td class="text-xs-right">{{ props.item.calories }}</td>
-        <td class="text-xs-right">{{ props.item.fat }}</td>
-        <td class="text-xs-right">{{ props.item.carbs }}</td>
-        <td class="text-xs-right">{{ props.item.protein }}</td>
-        <td class="text-xs-right">{{ props.item.iron }}</td>
-      </template>
-      <v-alert v-slot:no-results :value="true" color="error" icon="warning">
-        Your search for "{{ search }}" found no results.
-      </v-alert>
-    </v-data-table>
-  </v-card>
-</template>
-<script>
-  export default {
-    data () {
-      return {
-        search: '',
-        headers: [
-          {
-            text: 'Dessert (100g serving)',
-            align: 'left',
-            sortable: false,
-            value: 'name'
-          },
-          { text: 'Calories', value: 'calories' },
-          { text: 'Fat (g)', value: 'fat' },
-          { text: 'Carbs (g)', value: 'carbs' },
-          { text: 'Protein (g)', value: 'protein' },
-          { text: 'Iron (%)', value: 'iron' }
-        ],
-        desserts: [
-          {
-            name: 'Frozen Yogurt',
-            calories: 159,
-            fat: 6.0,
-            carbs: 24,
-            protein: 4.0,
-            iron: '1%'
-          },
-          {
-            name: 'Ice cream sandwich',
-            calories: 237,
-            fat: 9.0,
-            carbs: 37,
-            protein: 4.3,
-            iron: '1%'
-          },
-          {
-            name: 'Eclair',
-            calories: 262,
-            fat: 16.0,
-            carbs: 23,
-            protein: 6.0,
-            iron: '7%'
-          },
-          {
-            name: 'Cupcake',
-            calories: 305,
-            fat: 3.7,
-            carbs: 67,
-            protein: 4.3,
-            iron: '8%'
-          },
-          {
-            name: 'Gingerbread',
-            calories: 356,
-            fat: 16.0,
-            carbs: 49,
-            protein: 3.9,
-            iron: '16%'
-          },
-          {
-            name: 'Jelly bean',
-            calories: 375,
-            fat: 0.0,
-            carbs: 94,
-            protein: 0.0,
-            iron: '0%'
-          },
-          {
-            name: 'Lollipop',
-            calories: 392,
-            fat: 0.2,
-            carbs: 98,
-            protein: 0,
-            iron: '2%'
-          },
-          {
-            name: 'Honeycomb',
-            calories: 408,
-            fat: 3.2,
-            carbs: 87,
-            protein: 6.5,
-            iron: '45%'
-          },
-          {
-            name: 'Donut',
-            calories: 452,
-            fat: 25.0,
-            carbs: 51,
-            protein: 4.9,
-            iron: '22%'
-          },
-          {
-            name: 'KitKat',
-            calories: 518,
-            fat: 26.0,
-            carbs: 65,
-            protein: 7,
-            iron: '6%'
-          }
-        ]
-      }
-    }
-  }
-</script>
diff --git a/resources/js/vue/views/TestCreator.vue b/resources/js/vue/views/TestCreator.vue
deleted file mode 100644
index 2a2e05df..00000000
--- a/resources/js/vue/views/TestCreator.vue
+++ /dev/null
@@ -1,392 +0,0 @@
-<template>
-  <v-form id="ParentForm">
-    <v-container grid-list-xs>
-      <material-card
-        color="black"
-        title="Add a New Test"
-        class="">
-        <v-layout row wrap class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Relative">
-          <v-layout row wrap id="Form" class="ma-2">
-            <v-flex xs12 md3 sm3>
-              <v-text-field
-                name="name"
-                label="Name"
-                color="black"
-                class="pa-2"
-                id="name"
-              ></v-text-field>
-            </v-flex>
-            <v-flex xs12 md3 sm3>
-              <v-select
-                :items="Items[0]"
-                item-text="state"
-                item-value="abbr"
-                label="Type"
-                v-model="SelectedType[0]"
-                single-line
-                color="black"
-                class="pa-2"
-                @change="DefaultValue(0, SelectedType[0])"
-              ></v-select>
-            </v-flex>
-            <!-- Text Input Section -->
-            <v-flex xs12 md3 sm3 v-if="SelectedType[0] === 'text'">
-              <v-text-field
-                name="size"
-                label="Size"
-                color="black"
-                class="pa-2"
-                id="InputSize"
-              ></v-text-field>
-            </v-flex>
-          </v-layout>
-          <!-- SelectBox Section -->
-          <v-layout class="ma-3 pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" row wrap v-if="SelectedType[0] === 'select'">
-            <v-layout row wrap class="WM-Relative WM-Width-Full">
-              <v-flex xs12 md3 sm3 v-for="(SelectBox , Key) in ArraySelectBox[0]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
-                <v-text-field
-                  name="title"
-                  label="Title"
-                  color="black"
-                  class="pa-2 Input"
-                  v-model="SelectBox.value"
-                ></v-text-field>
-                <v-btn
-                  absolute
-                  small
-                  right
-                  bottom
-                  color="pink"
-                  v-if="Key >= 1"
-                  @click="RemoveInput('ArraySelectBox', 0, Key)"
-                  >
-                  <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
-                REMOVE</v-btn>
-              </v-flex>
-            </v-layout>
-            <v-btn
-              absolute
-              right
-              bottom
-              small
-              @click="InputDuplicate('ArraySelectBox', 0)"
-              color="black"
-              class="mb-2">
-              <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-              <span class="white--text">Add</span>
-            </v-btn>
-          </v-layout>
-          <!-- Checkbox Section -->
-          <v-layout row wrap class="pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[0] === 'checkbox'">
-            <v-layout row wrap class="WM-Width-Full WM-Relative">
-              <v-flex xs12 sm3 md3 v-for="(Checkbox , Key) in ArrayCheckBox[0]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
-                <v-text-field
-                  name="title"
-                  label="Title"
-                  color="black"
-                  class="pa-2 Input"
-                  v-model="Checkbox.value"
-                ></v-text-field>
-                <v-btn
-                  absolute
-                  small
-                  right
-                  bottom
-                  @click="RemoveInput('ArrayCheckBox', 0, Key)"
-                  v-if="Key >= 1"
-                  color="pink">
-                  <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
-                  <span class="white--text">REMOVE</span>
-                </v-btn>
-              </v-flex>
-            </v-layout>
-            <v-btn
-              absolute
-              small
-              right
-              bottom
-              @click="InputDuplicate('ArrayCheckBox', 0)"
-              class="mb-2"
-              color="black">
-            <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-            <span class="white--text">Add</span>
-            </v-btn>
-          </v-layout>
-          <!-- Form Section -->
-          <v-layout row wrap v-if="SelectedType[0] === 'form'" class="pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative">
-            <v-layout row wrap v-for="(Div , ArrayDivKey) in ArrayDiv" :key="ArrayDivKey" class="pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Color-LightGrey WM-Width-Full WM-Relative Form">
-              <v-flex xs12 md3 sm3>
-                <v-text-field
-                  class="pa-2"
-                  name="name"
-                  label="Name"
-                  id=""
-                ></v-text-field>
-              </v-flex>
-              <v-flex xs12 md3 sm3>
-                <v-select
-                :items="Items[1]"
-                item-text="state"
-                item-value="abbr"
-                label="Type"
-                v-model="SelectedType[1][ArrayDivKey]"
-                single-line
-                color="black"
-                class="pa-2"
-                @change="DefaultValue(ArrayDivKey, SelectedType[1][ArrayDivKey])"
-                ></v-select>
-              </v-flex>
-              <v-flex xs12 md3 sm3 v-if="SelectedType[1][ArrayDivKey] === 'text'">
-                <v-text-field
-                  name="size"
-                  label="Size"
-                  color="black"
-                  class="pa-2"
-                  id="InputSize"
-                ></v-text-field>
-              </v-flex>
-              <!-- Inner Form Selectbox Section  -->
-              <v-layout row wrap class="pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[1][ArrayDivKey] === 'select'" >
-                <v-layout row wrap class="WM-Relative WM-Width-Full">
-                  <v-flex xs12 md3 sm3 v-for="(SelectBox , Key) in ArraySelectBox[ArrayDivKey]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
-                    <v-text-field
-                      name="title"
-                      label="Title"
-                      color="black"
-                      class="pa-2 Input"
-                      v-model="SelectBox.value"
-                      id="value"
-                    ></v-text-field>
-                    <v-btn
-                      absolute
-                      small
-                      right
-                      bottom
-                      color="pink"
-                      @click="RemoveInput('ArraySelectBox', ArrayDivKey, Key)"
-                      v-if="Key >= 1"
-                      >
-                      <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
-                    REMOVE</v-btn>
-                  </v-flex>
-                </v-layout>
-                <v-btn
-                  absolute
-                  right
-                  bottom
-                  small
-                  @click="InputDuplicate('ArraySelectBox', ArrayDivKey)"
-                  color="black">
-                  <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-                  <span class="white--text">Add</span>
-                </v-btn>
-              </v-layout>
-              <!-- Inner Form Checkbox Section -->
-              <v-layout row wrap class="pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full" v-if="SelectedType[1][ArrayDivKey] === 'checkbox'" >
-                <v-layout row wrap class="WM-Relative WM-Width-Full">
-                  <v-flex xs12 md3 sm3 v-if="Key >= 0" v-for="(CheckBox , Key) in ArrayCheckBox[ArrayDivKey]" :key="Key" class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative">
-                    <v-text-field
-                      name="title"
-                      label="Title"
-                      color="black"
-                      class="pa-2 Input"
-                      v-model="CheckBox.value"
-                      id="value"
-                    ></v-text-field>
-                    <v-btn
-                      absolute
-                      small
-                      right
-                      bottom
-                      color="pink"
-                      @click="RemoveInput('ArrayCheckBox', ArrayDivKey, Key)"
-                      v-if="Key >= 1"
-                      >
-                      <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
-                    REMOVE</v-btn>
-                  </v-flex>
-                </v-layout>
-                <v-btn
-                  absolute
-                  right
-                  bottom
-                  small
-                  @click="InputDuplicate('ArrayCheckBox', ArrayDivKey)"
-                  color="black">
-                  <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-                  <span class="white--text">Add</span>
-                </v-btn>
-              </v-layout>
-              <v-btn
-                absolute
-                small
-                right
-                top
-                color="pink"
-                @click="Remove(ArrayDivKey)"
-                id="RemoveFormDuplicator"
-              >
-              <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
-              REMOVE</v-btn>
-            </v-layout>
-            <v-btn
-              absolute
-              small
-              right
-              bottom
-              color="cyan"
-              @click="Duplicator"
-              id="FormDuplicator"
-            >
-            <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-            ADD</v-btn>
-        </v-layout>
-          <v-btn
-            absolute
-            right
-            bottom
-            small
-            @click="InputDuplicate('ArrayForm', 0)"
-            color="pink"
-            class="mb-2">
-            <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
-            <span class="white--text">Add</span>
-          </v-btn>
-        </v-layout>
-        <v-layout row wrap align-center justify-center class="mt-4">
-          <v-btn class="WM-CyanBlueGradient-BG" v-if="Hidden" style="padding:10px 60px">
-            <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
-            <span class="white--text">Generate Form</span>
-          </v-btn>
-          <router-link to="/dashboard">
-            <v-btn
-            class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
-            <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
-            <span class="black--text">Back</span>
-            </v-btn>
-         </router-link>
-        </v-layout>
-      </material-card>
-    </v-container>
-  </v-form>
-</template>
-<script>
-export default {
-  name: "",
-  data () {
-    return {
-      SelectedType : {0 : 0, 1 : {}},
-      InputDuplicator : {0:0},
-      ArrayInput : [{value:''}],
-      ArraySelectBox : [],
-      ArrayCheckBox : [],
-      ArrayForm : [],
-      SelectBox : {},
-      CheckBox : {},
-      ArrayDiv : [0],
-      Hidden : false,
-      select: { state: 'Text', abbr: 'text' },
-      Items: [
-         [
-          { state: 'Text', abbr: 'text' },
-          { state: 'Checkbox', abbr: 'checkbox' },
-          { state: 'Select', abbr: 'select' },
-          { state: 'Form', abbr: 'form' },
-        ],
-        [
-          { state: 'Text', abbr: 'text' },
-          { state: 'Checkbox', abbr: 'checkbox' },
-          { state: 'Select', abbr: 'select' },
-        ]
-      ],
-    }
-  },
-  methods: {
-    Duplicator() {
-      this.ArrayDiv.push(this.ArrayDiv.length);
-    },
-    Remove (index) {
-      this.ArrayDiv.splice(index, 1);
-    },
-    RemoveInput (Type, ArrayDivindex, index) {
-      if (Type === 'ArraySelectBox') {
-        this.ArraySelectBox[ArrayDivindex].splice(index, 1);
-        this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox');
-      }
-      else {
-        this.ArrayCheckBox[ArrayDivindex].splice(index, 1);
-        this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox');
-      }
-    },
-    InputDuplicate (Type, ArrayDivindex) {
-      if (Type === 'ArraySelectBox') {
-        if (this.ArraySelectBox[ArrayDivindex] == undefined) {
-          this.ArraySelectBox[ArrayDivindex] = [];
-        }
-          this.ArraySelectBox[ArrayDivindex].push({value : ''});
-          this.CreateAgainArray(this.ArraySelectBox, 'ArraySelectBox');
-      }
-      else if(Type === 'ArrayCheckBox'){
-        if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
-          this.ArrayCheckBox[ArrayDivindex] = [];
-        }
-          this.ArrayCheckBox[ArrayDivindex].push({value : ''});
-          this.CreateAgainArray(this.ArrayCheckBox, 'ArrayCheckBox');
-      }
-      else {
-          if (this.ArrayForm[ArrayDivindex] == undefined) {
-            this.ArrayForm[ArrayDivindex] = [];
-        }
-        else {
-          this.ArrayForm[ArrayDivindex].push({value : ''});
-          this.CreateAgainArray(this.ArrayForm, 'ArrayForm');
-        }
-      }
-    },
-    CreateAgainArray(arrayDiv, Type) {
-      let array = arrayDiv;
-      if (Type === 'ArraySelectBox') {
-        this.ArraySelectBox = [];
-        this.ArraySelectBox = array;
-      }
-      else if(Type === 'ArrayCheckBox'){
-        this.ArrayCheckBox = [];
-        this.ArrayCheckBox = array;
-      }
-      else {
-        this.ArrayForm = [];
-        this.ArrayForm = array;
-      }
-    },
-    DefaultValue(ArrayDivindex, SelectedType) {
-      this.Hidden = true;
-      if (SelectedType == 'select') {
-        if (this.ArraySelectBox[ArrayDivindex] == undefined) {
-          this.ArraySelectBox[ArrayDivindex] = [];
-          this.ArraySelectBox[ArrayDivindex].push({value : ''});
-        }
-      } else if(SelectedType == 'checkbox') {
-        if (this.ArrayCheckBox[ArrayDivindex] == undefined) {
-          this.ArrayCheckBox[ArrayDivindex] = [];
-          this.ArrayCheckBox[ArrayDivindex].push({value : ''});
-        }
-      }
-    }
-
-  }
-}
-</script>
-<style lang="css" scoped>
-.WM-Border-Gray {
-  border-color: #aaa !important;
-}
-.WM-Color-LightGrey {
-  background-color : #F5F5F5;
-}
-.v-btn--top.v-btn--absolute.v-btn--small {
-    top: -25px !important;
-}
-.v-btn--bottom.v-btn--absolute.v-btn--small {
-    bottom: -24px !important;
-}
-</style>
diff --git a/resources/js/vue/views/TestResult/AddEdit.vue b/resources/js/vue/views/TestResult/AddEdit.vue
new file mode 100644
index 00000000..f6f01b25
--- /dev/null
+++ b/resources/js/vue/views/TestResult/AddEdit.vue
@@ -0,0 +1,211 @@
+<template>
+  <v-form ref="form">
+    <v-container grid-list-xs>
+      <material-card color="black" title="Submit Test Result">
+        <v-layout align-center justify-center wrap class="px-5 my-3" v-if="!$route.params.testResult">
+          <v-flex xs12 sm4 md4>
+            <v-autocomplete
+              :search-input.sync="searchInput"
+              :items="testTypeNames"
+              v-model="filter.name"
+              label="Choose Test Type"
+              color="black"
+              class="pa-2"
+            ></v-autocomplete>
+          </v-flex>
+          <v-flex xs12 sm3 md3>
+            <v-text-field
+              name="testcode"
+              v-model="filter.unique_code"
+              label="Or Enter Test Unique Code"
+              color="black"
+              class="pa-2"
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 md2 sm2 class="text-xs-center text-sm-center text-md-center">
+            <v-btn
+              class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+              @click="selectTestType"
+              style="padding:10px 60px;"
+            >
+              <v-icon class="black--text mr-2 caption">fas fa-chevron-right</v-icon>
+              <span class="black--text">GO</span>
+            </v-btn>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap class="px-5 my-3" v-if="!$route.params.testResult">
+          <v-divider></v-divider>
+        </v-layout>
+        <v-layout align-center justify-center wrap class="px-5 my-3">
+          <v-flex xs12 sm4 md3>
+            <v-text-field
+              name="autoclave"
+              v-model="formData.autoclave_id"
+              label="ID AutoClave"
+              color="black"
+              class="pa-2"
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 sm4 md3>
+            <v-select
+              :items="result"
+              v-model="formData.result"
+              label="Resualt"
+              color="black"
+              class="pa-2"
+            ></v-select>
+          </v-flex>
+          <v-flex :class="['pa-2', item.size]" v-for="(item, key) in form" :key="key">
+            <v-text-field
+              v-if="item.type == 'Text'"
+              v-model="formData[item.name]"
+              :label="item.name"
+              color="black"
+            ></v-text-field>
+            <v-select
+              v-if="item.type == 'Select'"
+              :items="item.options"
+              v-model="formData[item.name]"
+              :label="item.name"
+              color="black"
+              item-text="title"
+              item-value="id"
+            ></v-select>
+            <v-container fluid v-if="item.type == 'Checkbox'" >
+              <p>{{ item.name }}</p>
+              <v-checkbox
+                v-for="(optionValue, keyOption) in item.options"
+                :key="keyOption"
+                :label="optionValue.title"
+                v-model="formData[item.name]"
+                :value="optionValue.id"
+              ></v-checkbox>
+            </v-container>
+            <template v-if="item.type == 'Form'">
+              <v-layout row wrap>
+                <h3>{{ item.name }}</h3>
+                <v-flex  :class="['pa-2', children.size]" v-for="(children, keyChildren) in item.children" :key="keyChildren">
+                  <v-text-field
+                    v-if="children.type == 'Text'"
+                    v-model="formData[children.name]"
+                    :label="children.name"
+                    color="black"
+                  ></v-text-field>
+                  <v-select
+                    v-if="children.type == 'Select'"
+                    :items="children.options"
+                    v-model="formData[children.name]"
+                    :label="children.name"
+                    color="black"
+                    item-text="title"
+                    item-value="id"
+                  ></v-select>
+                  <v-container fluid v-if="children.type == 'Checkbox'">
+                    <p>{{ children.name }}</p>
+                    <v-checkbox
+                      v-for="(optionValue, keyOption) in children.options"
+                      :key="keyOption"
+                      :label="optionValue.title"
+                      v-model="formData[children.name]"
+                      :value="optionValue.id"
+                    ></v-checkbox>
+                  </v-container>
+                </v-flex>
+              </v-layout>
+            </template>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap class="px-5 my-3">
+          <v-divider></v-divider>
+        </v-layout>
+        <v-layout align-center justify-center wrap class="px-5 mt-2">
+          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="submitForm">
+            <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
+            <span class="white--text">SAVE</span>
+          </v-btn>
+          <router-link :to="{name: 'Dashboard'}">
+            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
+              <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+              <span class="black--text">Back</span>
+            </v-btn>
+          </router-link>
+        </v-layout>
+      </material-card>
+    </v-container>
+  </v-form>
+</template>
+<script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
+export default {
+  data: () => ({
+    result: ["Accept", "Reject"],
+    testTypeNames: [],
+    searchInput: "",
+    form: [],
+    filter: {
+      test_result_id: "",
+      name: "",
+      unique_code: ""
+    },
+    formData : {
+      autoclave_id: "",
+      result: "",
+      test_type_id: "",
+    }
+  }),
+  created() {
+    if (this.$route.params.testResult) {
+      this.filter.test_result_id = this.$route.params.testResult;
+      this.selectTestType();
+    }
+    this.load();
+    
+  },
+  methods: {
+    async load() {
+      const result = await ApiService.get(urls.listTestTypeName);
+      this.testTypeNames = result.data.data;
+    },
+    async selectTestType() {
+      const result = await ApiService.post(urls.getInputs, this.filter);
+      if (result && result.status == 200) {
+        this.form = result.data.data.inputs;
+        this.formData.test_type_id = result.data.data.testType.id;
+        for (const key in result.data.data.inputs) {
+          if (result.data.data.inputs.hasOwnProperty(key)) {
+            if(result.data.data.inputs[key].type == 'Form') {
+              for (const keyForm in result.data.data.inputs[key].children) {
+                if (result.data.data.inputs[key].children.hasOwnProperty(keyForm)) {
+                  this.formData[result.data.data.inputs[key].children[keyForm].name] = '';
+                }
+              }  
+            } else if(result.data.data.inputs[key].type == 'Checkbox') {
+              this.formData[result.data.data.inputs[key].name] = [];
+            } else {
+              this.formData[result.data.data.inputs[key].name] = '';
+            }
+          }
+        }
+        if (this.$route.params.testResult) {
+          const result = await ApiService.get(urls.editTestResult(this.$route.params.testResult));
+          if (result && result.status == 200) {
+            this.formData = result.data.data;
+          }
+        }
+      }
+    },
+    async submitForm() {
+      if (this.$route.params.testResult) {
+         const result = await ApiService.put(urls.updateTestResult(this.$route.params.testResult), this.formData);
+      } else {
+         const result = await ApiService.post(urls.storeTestResult, this.formData);
+      }
+    
+      if (result && result.status == 200) {
+        this.$router.push({name: 'Dashboard'})
+      }
+    },
+  }
+};
+</script>
\ No newline at end of file
diff --git a/resources/js/vue/views/TestResult/List.vue b/resources/js/vue/views/TestResult/List.vue
new file mode 100644
index 00000000..9d1e5f6d
--- /dev/null
+++ b/resources/js/vue/views/TestResult/List.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="">
+    <v-container fluid>
+      <material-card class=""
+        color="black"
+        title="All Test Resualt"
+        text=""
+      >
+      <v-layout align-center wrap class="my-3">
+        <v-flex xs12 md2 sm2>
+          <v-text-field
+          class="pa-2"
+          label="Name"
+          color="black"
+          >
+          </v-text-field>
+        </v-flex>
+        <v-flex xs12 md2 sm2>
+          <v-text-field
+          class="pa-2"
+          label="Date"
+          color="black"
+          >
+          </v-text-field>
+        </v-flex>
+        <v-flex xs12 md2 sm2>
+          <v-text-field
+          class="pa-2"
+          label="Hospital"
+          color="black"
+          >
+          </v-text-field>
+        </v-flex>
+        <v-flex class="" xs12 md2 sm2>
+          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+            <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
+            <span class="white--text">Filter</span>
+          </v-btn>
+        </v-flex>
+      </v-layout>
+      <v-divider></v-divider>
+      <v-layout align-center wrap class="my-3">
+         <v-flex md12>
+          <v-data-table :headers="headers" :items="items" hide-actions>
+            <template slot="headerCell" slot-scope="{ header }">
+              <span
+                class="subheading font-weight-light text-white text--darken-3"
+                v-text="header.text"
+              />
+            </template>
+            <template slot="items" slot-scope="{ item }">
+              <td class="headline font-weight-light">{{ item.autoclave_id }}</td>
+              <td class="title font-weight-light">{{ item.user.medical_center.name }}</td>
+              <td class="title font-weight-light">{{ item.user.name }}</td>
+              <td class="title font-weight-light">{{ item.result }}</td>
+              <td class="title font-weight-light">{{ item.created_at }}</td>
+              <td class="text-xs-right">
+                <router-link :to="{name: 'EditTestResult', params: {testResult: item.id}}">
+                  <v-btn color="cyan" class="mr-2">
+                    <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
+                    <span>Edit</span>
+                  </v-btn>
+                </router-link>
+                <v-btn color="black" class="mr-2" @click="remove(item.id)" >
+                  <v-icon class="white--text mr-1 caption">fas fa-folder</v-icon>
+                  <span>Archive</span>
+                </v-btn>
+              </td>
+            </template>
+          </v-data-table>
+        </v-flex>
+      </v-layout>
+      <v-divider></v-divider>
+      <div class="text-xs-center" v-if="lastPage > 1">
+        <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+      </div>
+      <v-layout row wrap align-center justify-center class="mt-3">
+        <router-link to="/dashboard">
+          <v-btn
+          class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
+          <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+          <span class="black--text">Back</span>
+          </v-btn>
+       </router-link>
+      </v-layout>
+      </material-card>
+    </v-container>
+  </div>
+</template>
+
+<script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
+
+export default {
+  data: () => ({
+    headers: [
+      {
+        sortable: false,
+        text: "AutoClaveId",
+        value: "name"
+      },
+      {
+        sortable: false,
+        text: "Hospital",
+        value: "Hospital"
+      },
+      {
+        sortable: false,
+        text: "User",
+        value: "Users"
+      },
+      {
+        sortable: false,
+        text: "Result",
+        value: "result"
+      },
+      {
+        sortable: false,
+        text: "Date",
+        value: "date"
+      },
+      {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }
+    ],
+    items:[],
+    currentPage:1,
+    lastPage:1,
+  }),
+    created() {
+    this.load();
+  },
+  methods: {
+    async load(page = 1) {
+      const result = await ApiService.get(urls.listTestResult(page));
+      if (result && result.status == 200) {
+        this.items = result.data.data.data;
+        this.currentPage = result.data.data.current_page;
+        this.lastPage = result.data.data.last_page;
+      }
+    },
+    async remove(testResultId) {
+      const result = await ApiService.delete(urls.removeTestResult(testResultId));
+      if (result && result.status == 200) {
+        for (const key in this.items) {
+          if (this.items.hasOwnProperty(key) && this.items[key].id == testResultId) {
+            this.items.splice(key, 1);
+          }
+        }
+      }
+    },
+  },
+  watch: {
+    currentPage(page) {
+      this.load(page);
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/resources/js/vue/views/TestType/AddEdit.vue b/resources/js/vue/views/TestType/AddEdit.vue
new file mode 100644
index 00000000..ca95aa99
--- /dev/null
+++ b/resources/js/vue/views/TestType/AddEdit.vue
@@ -0,0 +1,441 @@
+<template>
+  <v-form ref="form">
+    <v-container grid-list-xs>
+      <material-card color="black" title="Add a New Test" class>
+        <v-layout row wrap class="ma-2">
+          <v-flex xs12 md3 sm3>
+            <v-text-field
+              name="name"
+              v-model="form.name"
+              label="Name"
+              color="black"
+              class="pa-2"
+              :rules="[rules.required]"
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 md3 sm3>
+            <v-text-field
+              :rules="[rules.required]"
+              name="uniquecode"
+              v-model="form.unique_code"
+              label="Unique Code"
+              color="black"
+              class="pa-2"
+            ></v-text-field>
+          </v-flex>
+        </v-layout>
+        <v-layout
+          row
+          wrap
+          class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Relative"
+          :key="keyForm"
+          v-for="(info, keyForm) in form.info"
+        >
+          <v-layout row wrap class="ma-2">
+            <v-flex xs12 md3 sm3>
+              <v-text-field
+                name="inputname"
+                v-model="info.name"
+                label="Input Name"
+                color="black"
+                class="pa-2"
+                :rules="[rules.required]"
+              ></v-text-field>
+            </v-flex>
+            <v-flex xs12 md3 sm3>
+              <v-select
+                :items="type"
+                item-text="state"
+                item-value="abbr"
+                label="Type"
+                v-bind="info.id !== 0 ? {disabled: true} : {disabled: false}"
+                v-model="info.type"
+                single-line
+                color="black"
+                class="pa-2"
+                @change="changeType(keyForm, info.type)"
+              ></v-select>
+            </v-flex>
+            <!-- Text Input Section -->
+            <v-flex xs12 md3 sm3>
+              <v-select
+                :items="size"
+                item-text="state"
+                item-value="abbr"
+                label="Size"
+                v-model="info.size"
+                v-if="info.type !== 'Form'"
+                single-line
+                color="black"
+                class="pa-2"
+              ></v-select>
+            </v-flex>
+          </v-layout>
+          <!-- SelectBox Section -->
+          <v-layout
+            class="ma-3 pa-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full"
+            row
+            wrap
+            v-if="info.type === 'Select' || info.type === 'Checkbox'"
+          >
+            <v-layout row wrap class="WM-Relative WM-Width-Full" v-if="info['options'].length > 0">
+              <v-flex
+                xs12
+                md3
+                sm3
+                v-for="(selectbox , keySelect) in info['options']"
+                :key="keySelect"
+                class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative"
+              >
+                <v-text-field
+                  :rules="[rules.required]"
+                  name="title"
+                  label="Title"
+                  color="black"
+                  class="pa-2 Input"
+                  v-model="selectbox.title"
+                ></v-text-field>
+                <v-btn
+                  absolute
+                  small
+                  right
+                  bottom
+                  color="pink"
+                  v-if="keySelect >= 1"
+                  @click="removeSelectbox(keyForm, keySelect)"
+                >
+                  <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>REMOVE
+                </v-btn>
+              </v-flex>
+            </v-layout>
+            <v-btn
+              absolute
+              right
+              bottom
+              small
+              @click="addSelectbox(keyForm)"
+              color="black"
+              class="mb-2"
+            >
+              <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
+              <span class="white--text">Add</span>
+            </v-btn>
+          </v-layout>
+          <!-- Form Section -->
+          <v-layout
+            row
+            wrap
+            v-if="info.type === 'Form'"
+            class="pa-3 my-4 mx-3 WM-Border WM-Border-Black WM-Relative"
+          >
+            <v-layout
+              row
+              wrap
+              v-for="(children , keychildren) in info.children"
+              :key="keychildren"
+              class="pa-3 my-4 mx-3 WM-Border WM-Border-Gray WM-Color-LightGrey WM-Width-Full WM-Relative Form"
+            >
+              <v-flex xs12 md3 sm3>
+                <v-text-field
+                  :rules="[rules.required]"
+                  name="name"
+                  v-model="children.name"
+                  label="Input Name"
+                  color="black"
+                  class="pa-2"
+                ></v-text-field>
+              </v-flex>
+              <v-flex xs12 md3 sm3>
+                <v-select
+                  :items="type"
+                  item-text="state"
+                  item-value="abbr"
+                  label="Type"
+                  v-model="children.type"
+                  v-bind="children.id !== 0 ? {disabled: true} : {disabled: false}"
+                  single-line
+                  color="black"
+                  class="pa-2"
+                  @change="changeTypeForm(keyForm, children.type, keychildren)"
+                ></v-select>
+              </v-flex>
+              <v-flex xs12 md3 sm3>
+                <v-select
+                  :items="size"
+                  item-text="state"
+                  item-value="abbr"
+                  label="Size"
+                  v-if="children.type !== 'Form'"
+                  v-model="children.size"
+                  single-line
+                  color="black"
+                  class="pa-2"
+                ></v-select>
+              </v-flex>
+              <!-- Inner Form Selectbox Section  -->
+              <v-layout
+                row
+                wrap
+                class="pa-3 mb-3 WM-Border WM-Border-Black WM-Relative WM-Width-Full"
+                v-if="children.type === 'Select' || children.type === 'Checkbox'"
+              >
+                <v-layout
+                  row
+                  wrap
+                  class="WM-Relative WM-Width-Full"
+                  v-if="children['options'].length > 0"
+                >
+                  <v-flex
+                    xs12
+                    md3
+                    sm3
+                    v-for="(selectbox , keySelect) in children['options']"
+                    :key="keySelect"
+                    class="pb-4 ma-2 WM-Border WM-Border-Gray WM-BG-White WM-Width-Full WM-Relative"
+                  >
+                    <v-text-field
+                      name="title"
+                      label="Title"
+                      color="black"
+                      class="pa-2 Input"
+                      v-model="selectbox.title"
+                      :rules="[rules.required]"
+                    ></v-text-field>
+                    <v-btn
+                      absolute
+                      small
+                      right
+                      bottom
+                      color="pink"
+                      @click="removeSelectboxForm(keyForm, keySelect, keychildren)"
+                      v-if="keySelect >= 1"
+                    >
+                      <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>REMOVE
+                    </v-btn>
+                  </v-flex>
+                </v-layout>
+                <v-btn
+                  absolute
+                  right
+                  bottom
+                  small
+                  @click="addSelectboxForm(keyForm, keychildren)"
+                  color="black"
+                >
+                  <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
+                  <span class="white--text">Add</span>
+                </v-btn>
+              </v-layout>
+              <v-btn
+                absolute
+                small
+                right
+                top
+                color="pink"
+                @click="removeForm(keyForm, keychildren)"
+              >
+                <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>REMOVE
+              </v-btn>
+            </v-layout>
+            <v-btn absolute small right bottom color="cyan" @click="duplicateForm(keyForm)">
+              <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>ADD
+            </v-btn>
+          </v-layout>
+          <v-btn v-if="keyForm > 0" absolute small right top color="pink" @click="removeInput(keyForm)">
+            <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>REMOVE
+          </v-btn>
+          <v-layout
+            row
+            wrap
+            align-center
+            justify-center
+            class="mt-4"
+            v-if="(form.info.length -1)  == keyForm"
+          >
+            <v-btn absolute right bottom small @click="addInput" color="pink" class="mb-2">
+              <v-icon class="white--text mr-2 caption">fas fa-plus</v-icon>
+              <span class="white--text">Add</span>
+            </v-btn>
+          </v-layout>
+        </v-layout>
+
+        <v-layout row wrap align-center justify-center class="mt-4">
+          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="registerForm">
+            <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
+            <span class="white--text">Generate Form</span>
+          </v-btn>
+          <router-link to="/dashboard">
+            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
+              <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+              <span class="black--text">Back</span>
+            </v-btn>
+          </router-link>
+        </v-layout>
+      </material-card>
+    </v-container>
+  </v-form>
+</template>
+<script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
+export default {
+  data() {
+    return {
+      form: {
+        name: "",
+        unique_code: "",
+        info: [
+          {
+            id: 0,
+            name: "",
+            type: "",
+            size: ""
+          }
+        ]
+      },
+      type: [
+        { state: "Text", abbr: "Text" },
+        { state: "Checkbox", abbr: "Checkbox" },
+        { state: "Select", abbr: "Select" },
+        { state: "Form", abbr: "Form" }
+      ],
+      size: [
+        { state: "not Selected", abbr: "" },
+        { state: "2 as 12", abbr: "md2 xs12" },
+        { state: "3 as 12", abbr: "md3 xs12" },
+        { state: "4 as 12", abbr: "md4 xs12" },
+        { state: "6 as 12", abbr: "md6 xs12" },
+        { state: "8 as 12", abbr: "md8 xs12" },
+        { state: "10 as 12", abbr: "md10 xs12" },
+        { state: "10 as 12", abbr: "md12 xs12" },
+      ],
+      rules: {
+        required: value => !!value || "Required."
+      },
+    };
+  },
+  created() {
+    if (this.$route.params.testType) {
+      this.load(this.$route.params.testType);
+    }
+  },
+  methods: {
+    changeType(infoIndex, selectedboxType) {
+      if (selectedboxType == "Select" || selectedboxType == "Checkbox") {
+        this.form.info[infoIndex]["options"] = [{ id: 0, title: "" }];
+      } else {
+        this.form.info[infoIndex]["options"] = [];
+      }
+      if (selectedboxType == "Form") {
+        this.form.info[infoIndex]["children"] = [
+          { id: 0, name: "", type: "", size: "" }
+        ];
+      }
+    },
+    removeSelectbox(infoIndex, selectboxOptions) {
+      let form = this.form;
+      this.form = [];
+      form.info[infoIndex]["options"].splice(selectboxOptions, 1);
+      this.form = form;
+    },
+    addSelectbox(infoIndex) {
+      let form = this.form;
+      this.form = [];
+      form.info[infoIndex]["options"].push({ id: 0, title: "" });
+      this.form = form;
+    },
+    addInput() {
+      this.form.info.push({ id: 0, name: "", type: "", size: "" });
+    },
+    changeTypeForm(infoIndex, type, formLevel) {
+      if (type == "Select" || type == "Checkbox") {
+        let form = this.form;
+        this.form = "";
+        form.info[infoIndex]["children"][formLevel]["options"] = [
+          { id: 0, title: "" }
+        ];
+        this.form = form;
+      } else {
+        let form = this.form;
+        this.form = "";
+        form.info[infoIndex]["children"][formLevel]["options"] = [];
+        this.form = form;
+      }
+    },
+    removeSelectboxForm(infoIndex, selectboxOptions, formLevel) {
+      let form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"][formLevel]["options"].splice(
+        selectboxOptions,
+        1
+      );
+      this.form = form;
+    },
+    addSelectboxForm(infoIndex, formLevel) {
+      let form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"][formLevel]["options"].push({
+        id: 0, 
+        title: ""
+      });
+      this.form = form;
+    },
+    duplicateForm(infoIndex) {
+      let form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"].push({
+        id: 0,
+        name: "",
+        type: "",
+        size: ""
+      });
+      this.form = form;
+    },
+    removeForm(infoIndex, formLevel) {
+      let form = this.form;
+      this.form = [];
+      form.info[infoIndex]["children"].splice(formLevel, 1);
+      this.form = form;
+    },
+    removeInput(infoIndex) {
+      let form = this.form;
+      this.form = [];
+      form.info.splice(infoIndex, 1);
+      this.form = form;
+    },
+    async registerForm() {
+      if (this.$refs.form.validate()) {
+        let result = null;
+        if (this.$route.params.testType) {
+          result = await ApiService.put(urls.updateTestType(this.$route.params.testType), this.form); 
+        } else {
+          result = await ApiService.post(urls.storeTestType, this.form); 
+        }
+        if (result && result.status == 200) {
+          this.$router.push({ name: `Dashboard` });
+        }
+      }
+    },
+     async load(id) {
+      const result = await ApiService.get(urls.editTestType(id));
+      if (result.status == 200) {
+        this.form = result.data.data;
+      }
+    },
+  }
+};
+</script>
+<style lang="css" scoped>
+.WM-Border-Gray {
+  border-color: #aaa !important;
+}
+.WM-Color-LightGrey {
+  background-color: #f5f5f5;
+}
+.v-btn--top.v-btn--absolute.v-btn--small {
+  top: -25px !important;
+}
+.v-btn--bottom.v-btn--absolute.v-btn--small {
+  bottom: -24px !important;
+}
+</style>
diff --git a/resources/js/vue/views/TestType/List.vue b/resources/js/vue/views/TestType/List.vue
new file mode 100644
index 00000000..49eb67cc
--- /dev/null
+++ b/resources/js/vue/views/TestType/List.vue
@@ -0,0 +1,149 @@
+ <template>
+  <v-container fluid>
+    <material-card class color="black" title="Medical Centers List" text>
+      <v-layout wrap class="px-5 mb-3">
+        <v-flex xs12 md3 sm3>
+          <v-text-field label="Name" color="black"></v-text-field>
+        </v-flex>
+        <v-flex xs12 md2 sm2 class="text-xs-right">
+          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+            <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
+            <span class="white--text">Filter</span>
+          </v-btn>
+        </v-flex>
+        <v-spacer></v-spacer>
+        <v-flex xs12 md2 sm2 class="text-xs-right">
+          <router-link :to="{name: 'AddTestType'}">
+            <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black">
+              <v-icon class="black--text mr-2 caption">fas fa-plus</v-icon>
+              <span class="black--text">Add</span>
+            </v-btn>
+          </router-link>
+        </v-flex>
+      </v-layout>
+      <v-layout class="px-4 my-3">
+        <v-divider></v-divider>
+      </v-layout>
+      <v-layout align-center justify-center wrap class="px-5 mt-3">
+        <v-flex md12>
+          <v-data-table :headers="headers" :items="items" hide-actions>
+            <template slot="headerCell" slot-scope="{ header }">
+              <span
+                class="subheading font-weight-light text-white text--darken-3"
+                v-text="header.text"
+              />
+            </template>
+            <template slot="items" slot-scope="{ item }">
+              <td class="headline font-weight-light">{{ item.name }}</td>
+              <td class="title font-weight-light">{{ item.unique_code }}</td>
+              <td class="title font-weight-light">{{ item.user.name }}</td>
+              <td class="title font-weight-light">{{ item.created_at }}</td>
+              <td class="text-xs-right">
+                <router-link :to="{name : 'EditTestType', params : {testType : item.id}}">
+                  <v-btn color="cyan" class="mr-2 WM-ActionButton">
+                    <v-icon class="white--text mr-2 caption">fas fa-pen</v-icon>
+                    <span>Edit</span>
+                  </v-btn>
+                </router-link>
+                <v-btn color="orange darken-1">
+                  <v-icon class="white--text mr-1 caption">fas fa-barcode</v-icon>
+                  <span>Generate Barcode</span>
+                </v-btn>
+                <v-btn color="pink" @click="remove(item.id)" class="WM-ActionButton">
+                  <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
+                  <span>Remove</span>
+                </v-btn>
+              </td>
+            </template>
+          </v-data-table>
+        </v-flex>
+      </v-layout>
+      <v-divider></v-divider>
+      <div class="text-xs-center" v-if="lastPage > 1">
+        <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+      </div>
+      <v-layout row wrap align-center justify-center class="mt-3">
+        <router-link to="/dashboard">
+          <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
+            <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+            <span class="black--text">Back</span>
+          </v-btn>
+        </router-link>
+      </v-layout>
+    </material-card>
+  </v-container>
+</template>
+
+<script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
+export default {
+  data: () => ({
+    headers: [
+      {
+        sortable: false,
+        text: "TestType Name",
+        value: "name"
+      },
+      {
+        sortable: false,
+        text: "TestType UniqueId",
+        value: "uniqueId"
+      },
+      {
+        sortable: false,
+        text: "Register TestType",
+        value: "users"
+      },
+      {
+        sortable: false,
+        text: "Date",
+        value: "date"
+      },
+      {
+        sortable: false,
+        text: "Action",
+        value: "action",
+        align: "right"
+      }
+    ],
+    items: [],
+    currentPage: 1,
+    lastPage: 1
+  }),
+  created() {
+    this.getData();
+  },
+  methods: {
+    async getData(page = 1) {
+      const result = await ApiService.get(urls.listTestType(page));
+      if (result && result.status == 200) {
+        this.items = result.data.data.data;
+        this.currentPage = result.data.data.current_page;
+        this.lastPage = result.data.data.last_page;
+      }
+    },
+    async remove(id) {
+      const result = await ApiService.delete(urls.deleteTestType(id));
+      if (result.status == 200) {
+        for (const key in this.items) {
+          if (this.items.hasOwnProperty(key) && this.items[key].id == id) {
+            this.items.splice(key, 1);
+          }
+        }
+      }
+    }
+  },
+  watch: {
+    currentPage(page) {
+      this.getData(page);
+    }
+  }
+};
+</script>
+
+<style lang="css" scoped>
+.WM-ActionButton {
+  padding: 8px 22px;
+}
+</style>
diff --git a/resources/js/vue/views/User/List.vue b/resources/js/vue/views/User/List.vue
new file mode 100644
index 00000000..d44f2326
--- /dev/null
+++ b/resources/js/vue/views/User/List.vue
@@ -0,0 +1,213 @@
+<template>
+  <v-container grid-list-xs>
+    <material-card
+    color="black"
+    title="Member List">
+      <v-layout align-center justify-center wrap class="px-5 mb-3">
+        <v-flex xs12 md3 sm3>
+          <v-text-field
+            class="pa-2"
+            color="black"
+            name="name"
+            label="Name"
+          ></v-text-field>
+        </v-flex>
+        <v-flex xs12 md3 sm3>
+          <v-text-field
+            class="pa-2"
+            color="black"
+            name="date"
+            label="Date"
+          ></v-text-field>
+        </v-flex>
+        <v-flex xs12 md3 sm3>
+          <v-text-field
+            class="pa-2"
+            color="black"
+            name="hospital"
+            label="Hospital"
+          ></v-text-field>
+        </v-flex>
+        <v-flex xs12 md3 sm3>
+          <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+            <v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
+            <span class="white--text">Filter</span>
+          </v-btn>
+        </v-flex>
+      </v-layout>
+      <v-layout class="px-4 my-3">
+        <v-divider></v-divider>
+      </v-layout>
+      <v-layout align-center justify-center wrap class="px-5 my-2">
+        <v-flex xs12 md12 sm12>
+          <v-data-table
+            :headers="headers"
+            :items="items"
+            hide-actions
+          >
+            <template
+              slot="headerCell"
+              slot-scope="{ header }">
+              <span
+                class="subheading font-weight-light text-white text--darken-3"
+                v-text="header.text"
+              />
+            </template>
+            <template
+              slot="items"
+              slot-scope="{ item }">
+              <td class="headline font-weight-light">{{item.name}}</td>
+              <td class="title font-weight-light">{{item.created_at}}</td>
+              <td class="title font-weight-light">
+                <span v-for="(role, key) in item.roles" :key="key">{{ role.name }}</span>
+              </td>
+              <td class="title font-weight-light">{{item.medical_center.name}}</td>
+              <td class="text-xs-right">
+                <v-btn
+                  :color="item.status == 'Active' ? 'red' : 'green'"
+                  @click="changeStatus(item.id)"
+                  class="mr-2 WM-ActionButton"
+                >
+                  <template v-if="item.status == 'Active'">
+                    <v-icon class="white--text mr-2 caption">fas fa-user-tag</v-icon>
+                    <span v-if="item.status == 'Active'">Susspended</span>
+                  </template>
+                  <template v-else>
+                    <v-icon class="white--text mr-2 caption">fas fa-user-tag</v-icon>
+                    <span>Active</span>
+                  </template>
+                </v-btn>
+                <v-btn
+                  color="orange darken-1"
+                  @click="changeRoleModal(item)"
+                  class="mr-2 WM-ActionButton"
+                >
+                  <v-icon class="white--text mr-2 caption">fas fa-user-tag</v-icon>
+                  <span>Role</span>
+                </v-btn>
+                <v-btn color="pink" class="WM-ActionButton" @click="remove(item.id)">
+                  <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
+                  <span>Remove</span>
+                </v-btn>
+              </td>
+            </template>
+          </v-data-table>
+        </v-flex>
+      </v-layout>
+      <v-layout class="px-4 my-3">
+        <v-divider></v-divider>
+      </v-layout>
+      <div class="text-xs-center" v-if="lastPage > 1">
+        <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+      </div>
+      <v-layout row wrap align-center justify-center class="mt-3">
+        <router-link :to="{name: 'Dashboard'}">
+          <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black ml-5">
+            <v-icon class="black--text mr-2 caption">fas fa-chevron-left</v-icon>
+            <span class="black--text">Back</span>
+          </v-btn>
+        </router-link>
+      </v-layout>
+    </material-card>
+  </v-container>
+</template>
+
+<script>
+import { urls } from '@/config/urls'
+import { ApiService } from '@/services'
+import { mapMutations, mapGetters } from "vuex";
+export default {
+  data: () => ({
+    headers : [
+      {
+        sortable : true,
+        text: 'Operator',
+        value: 'name'
+      },
+      {
+        sortable : false,
+        text: 'Date',
+        value: 'date'
+      },
+      {
+        sortable : false,
+        text: 'Role',
+        value: 'role'
+      },
+      {
+        sortable : true,
+        text: 'Hospital',
+        value: 'hospital'
+      },
+      {
+        sortable : false,
+        text: 'Action',
+        value: 'action',
+        align: 'right'
+      },
+    ],
+    items: [],
+    currentPage: 1,
+    lastPage: 1
+  }),
+  created() {
+    this.load();
+  },
+  methods: {
+    async load(page = 1) {
+      const result = await ApiService.get(urls.listOpertor(page) );
+      if (result && result.status == 200) {
+        this.items = result.data.data.data;
+        this.currentPage = result.data.data.current_page;
+        this.lastPage = result.data.data.last_page;
+      } else {
+        this.$router.push({name:`Dashboard`});
+      }
+    },
+    async changeStatus(userId) {
+      const result = await ApiService.post(urls.changeStatusUser(userId));
+      if (result && result.status == 200) {
+        for (let user of this.items) {
+          if (user.id == userId) {
+            user.status = result.data.data.status;
+          }
+        }
+      } else {
+        this.$router.push({name:`Dashboard`});
+      }
+    },
+    ...mapMutations("modal", ["changeCurrentModal"]),
+    changeRoleModal(user) {
+      this.changeCurrentModal({
+        modal: "modal-user-role",
+        properties: { user }
+      });
+    },
+    async remove(userId) {
+      const result = await ApiService.delete(urls.deleteUser(userId));
+      if (result && result.status == 200) {
+        for (const key in this.items) {
+          if (this.items.hasOwnProperty(key) && this.items[key].id == userId) {
+            this.items.splice(key, 1);
+          }
+        }
+      }
+    }
+  },
+  computed: {
+    ...mapGetters("modal", ["getModalResult"])
+  },
+  watch: {
+    getModalResult(user) {
+      for (const userList of this.items) {
+        if (userList.id == user.id) {
+          userList.roles = user.roles;
+        }
+      }
+    },
+    currentPage(page) {
+      this.load(page);
+    }
+  }
+}
+</script>
diff --git a/resources/js/vue/views/MyInfo.vue b/resources/js/vue/views/User/MyInfo.vue
similarity index 54%
rename from resources/js/vue/views/MyInfo.vue
rename to resources/js/vue/views/User/MyInfo.vue
index 3be5e603..752bc4b4 100644
--- a/resources/js/vue/views/MyInfo.vue
+++ b/resources/js/vue/views/User/MyInfo.vue
@@ -1,17 +1,15 @@
 <template>
-  <v-form>
+  <v-form ref="form">
     <v-container grid-list-xs fluid>
-      <material-card
-        color="black"
-        title="My Info">
+      <material-card color="black" title="My Info">
         <v-layout align-center justify-center wrap class="px-5 my-3">
           <v-flex xs12 sm4 md4>
             <v-text-field
-              name="username"
-              label="User Name"
+              name="name"
+              label="Name"
               color="black"
-              v-model="username"
-              id="id1"
+              v-model="user.name"
+              :rules="[rules.required, rules.counter]"
               class="pa-2"
             ></v-text-field>
           </v-flex>
@@ -20,21 +18,22 @@
               :items="items"
               label="Gender"
               name="gender"
-              v-model="gender"
+              v-model="user.gender"
               single-line
-              id="id3"
+              :rules="[rules.required]"
               class="pa-2"
-              color="black">
-            </v-select>
+              color="black"
+            ></v-select>
           </v-flex>
           <v-flex xs12 sm4 md4>
             <v-text-field
               name="cellnumber"
               label="Cell Number"
-              v-model="cellnumber"
+              v-model="user.cell_number"
+              mask="0### ### ####"
               color="black"
               class="pa-2"
-              id="id2"
+              disabled
             ></v-text-field>
           </v-flex>
         </v-layout>
@@ -43,8 +42,8 @@
             <v-text-field
               name="emailaddress"
               label="Email Address"
-              v-model="emailaddress"
-              id="id4"
+              v-model="user.email"
+              :rules="[rules.email]"
               class="px-2"
               color="black"
               style="padding-top:75px"
@@ -53,20 +52,20 @@
           <v-flex xs12 sm8 md8>
             <v-textarea
               color="black"
-              v-model="address"
+              :rules="[rules.counter]"
+              v-model="user.address"
               class="pa-2"
-              name="address">
+              name="address"
+            >
               <template v-slot:label>
-                <div>
-                  Address
-                </div>
+                <div>Address</div>
               </template>
             </v-textarea>
           </v-flex>
         </v-layout>
         <v-layout row wrap justify-center align-center>
           <v-flex xs12 md2 sm2 class="text-md-center text-xs-center">
-            <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
+            <v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="saveInfo()">
               <v-icon class="white--text mr-2 caption">fas fa-check</v-icon>
               <span class="white--text">SAVE</span>
             </v-btn>
@@ -86,36 +85,45 @@
 </template>
 
 <script>
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
 export default {
   data() {
     return {
-      username:'',
-      gender:'',
-      cellnumber:'',
-      emailaddress:'',
-      address:'',
-
-      items: [
-        'Item 1',
-        'Item 2',
-        'Item 3',
-        'Item 4'
-      ],
+      user: {
+        cell_number: "",
+        gender: "",
+        name: "",
+        email: "",
+        address: ""
+      },
+      items: ["Male", "FeMale"],
+      rules: {
+        required: value => !!value || "Required.",
+        counter: value =>
+          value.length == 0 || value.length >= 5 || "Min 5 characters",
+        email: value => {
+          if (value.length > 0) {
+            const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+            return pattern.test(value) || "Invalid e-mail.";
+          }
+        }
+      }
+    };
+  },
+  created() {
+    this.user = this.$store.state.user;
+  },
+  methods: {
+    async saveInfo() {
+      if (this.$refs.form.validate()) {
+        const result = await ApiService.post(urls.updateInfo, this.user);
+        if (result && result.status == 200) {
+          this.$store.dispatch("info", {}, { root: true });
+          this.$router.push({ name: `Dashboard` });
+        }
+      }
     }
-      // const Info = Object.freeze({
-      //   username:'',
-      //   cellnumber:'',
-      //   emailaddress:'',
-      //   address:''
-      //   gender:0
-      // })
-      // return {
-      //   InfoForm : Object.assign({} ,Info),
-      //   Info
-      // }
   }
-}
-</script>
-
-<style lang="css" scoped>
-</style>
+};
+</script>
\ No newline at end of file
diff --git a/resources/lang/en/messages.php b/resources/lang/en/messages.php
new file mode 100644
index 00000000..af44ebb8
--- /dev/null
+++ b/resources/lang/en/messages.php
@@ -0,0 +1,12 @@
+<?php
+
+return [
+
+    'failed'   => 'Error',
+    'failed_message'   => "You've encountered an error",
+    'success' => 'Success',
+    'success_message' => 'Done Successfully',
+    'create' => 'The Item created successfully',
+    'update' => 'The Item updated successfully',
+
+];
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 635c9b7f..6a504e6f 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -65,6 +65,6 @@
     </head>
     <body>
         <div id="app"></div>
-        <script src="{{ asset('vue/js/app.js') }}"></script>
+        <script src="{{ mix('vue/js/app.js') }}"></script>
     </body>
 </html>
diff --git a/routes/api.php b/routes/api.php
index c641ca5e..74019a0b 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -1,7 +1,5 @@
 <?php
 
-use Illuminate\Http\Request;
-
 /*
 |--------------------------------------------------------------------------
 | API Routes
@@ -13,6 +11,27 @@ use Illuminate\Http\Request;
 |
 */
 
-Route::middleware('auth:api')->get('/user', function (Request $request) {
-    return $request->user();
+Route::group(['namespace' => 'Api'],function () {
+
+    Route::post('/login', 'Auth\LoginController@login')->name('login');
+    Route::post('/logout', 'Auth\LoginController@logout')->name('logout')->middleware('auth:api');
+    Route::post('/register', 'Auth\RegisterController@register')->name('register');
+    Route::post('/password/phone', 'Auth\ForgotPasswordController@sendDisposablePassword');
+    Route::post('/password/verifyCode', 'Auth\ForgotPasswordController@checkDisposablePassword');
+    Route::post('/password/reset', 'Auth\ResetPasswordController@reset')->name('password.reset')->middleware('auth:api');
+
 });
+
+Route::get('TestTypes/ListNames', 'TestTypeController@listNames');
+Route::resource('TestTypes', 'TestTypeController');
+Route::resource('TestResults', 'TestResultController');
+Route::resource('MedicalCenters', 'MedicalCenterController');
+Route::post('/GetInputs', 'TestTypeController@getInputs');
+
+Route::get('/GetInfo', 'UserController@getInfo')->middleware('auth:api');
+Route::get('Users/MedicalCenter/{MedicalCenter}', 'UserController@getByMedicalCenter')->middleware('auth:api');
+Route::post('Users/ChangeStatus/{User}', 'UserController@changeStatus')->middleware('auth:api');
+Route::post('Users/ChangeRole/{User}', 'UserController@changeRole')->middleware('auth:api');
+Route::post('UpdateInfo', 'UserController@updateInfo')->middleware('auth:api');
+Route::resource('Users', 'UserController');
+Route::post('/TestResults/Verify/{TestResult}', 'TestResultController@verifyTestResult');
diff --git a/routes/routes.php b/routes/routes.php
new file mode 100644
index 00000000..73b9b746
--- /dev/null
+++ b/routes/routes.php
@@ -0,0 +1,15 @@
+<?php
+
+/*
+|--------------------------------------------------------------------------
+| Routes Without web/api Middleware
+|--------------------------------------------------------------------------
+|
+| Here is where you can register routes without middleware for your application.
+| These routes are loaded by the RouteServiceProvider within a group which
+| contains the "web" middleware group. Now create something great!
+|
+*/
+
+
+Route::post('oauth/token', '\Laravel\Passport\Http\Controllers\AccessTokenController@issueToken')->middleware('throttle');
diff --git a/routes/web.php b/routes/web.php
index dfcc57f5..bfa228eb 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -10,8 +10,48 @@
 | contains the "web" middleware group. Now create something great!
 |
 */
+// 
+// app()->bind('messages', function() {
+//     return new \App\Appended\Classes\Common\Response\MessageResponse;
+// });
 
-Route::get('/', function () {
+/*
+|--------------------------------------------------------------------------
+| Laravel Passport Routes
+|--------------------------------------------------------------------------
+|
+| If you'd like to use full functionality of laravel passport
+| use the routes below instead of registering your routes in
+| AuthServiceProvider as instructed in passport documentation.
+| This will use "auth:api" guard instead of "auth"
+|
+*/
+Route::get('oauth/authorize', '\Laravel\Passport\Http\Controllers\AuthorizationController@authorize')->middleware('auth:api');
+Route::delete('oauth/authorize', '\Laravel\Passport\Http\Controllers\DenyAuthorizationController@deny')->middleware('auth:api');
+Route::post('oauth/authorize', '\Laravel\Passport\Http\Controllers\ApproveAuthorizationController@approve')->middleware('auth:api');
+
+Route::get('oauth/clients', '\Laravel\Passport\Http\Controllers\ClientController@forUser')->middleware('auth:api');
+Route::post('oauth/clients', '\Laravel\Passport\Http\Controllers\ClientController@store')->middleware('auth:api');
+Route::put('oauth/clients/{client_id}', '\Laravel\Passport\Http\Controllers\ClientController@update')->middleware('auth:api');
+Route::delete('oauth/clients/{client_id}', '\Laravel\Passport\Http\Controllers\ClientController@destroy')->middleware('auth:api');
+
+Route::post('oauth/personal-access-tokens', '\Laravel\Passport\Http\Controllers\PersonalAccessTokenController@store')->middleware('auth:api');
+Route::get('oauth/personal-access-tokens', '\Laravel\Passport\Http\Controllers\PersonalAccessTokenController@forUser')->middleware('auth:api');
+Route::delete('oauth/personal-access-tokens/{token_id}', '\Laravel\Passport\Http\Controllers\PersonalAccessTokenController@destroy')->middleware('auth:api');
+
+Route::get('oauth/scopes', '\Laravel\Passport\Http\Controllers\ScopeController@all')->middleware('auth:api');
+Route::post('oauth/token/refresh', '\Laravel\Passport\Http\Controllers\TransientTokenController@refresh')->middleware('auth:api');
+Route::get('oauth/tokens', '\Laravel\Passport\Http\Controllers\AuthorizedAccessTokenController@forUser')->middleware('auth:api');
+Route::delete('oauth/tokens/{token_id}', '\Laravel\Passport\Http\Controllers\AuthorizedAccessTokenController@destroy')->middleware('auth:api');
+
+/*
+|--------------------------------------------------------------------------
+| Vue Router
+|--------------------------------------------------------------------------
+|
+| Allows vue router to pick up all other URL's.
+|
+*/
+Route::any('{all}', function(){
     return view('welcome');
-});
-Route::redirect('{mskh}', '/');
+})->where(['all' => '.*']);
diff --git a/webpack.mix.js b/webpack.mix.js
index 23aaab8f..36e4c42d 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -21,3 +21,5 @@ const mix = require('laravel-mix');
  });
 
 mix.js('resources/js/vue/main.js', 'public/vue/js/app.js');
+
+mix.version();
\ No newline at end of file