New client checkin page and updated join page

app/Http/Controllers/GuestController.php

@@ -35,6 +35,10 @@ class GuestController extends Controller
         return view('join');
     }
 
+    public function checkin(Request $request) {
+        return view('checkin');
+    }
+
     public function meet(Request $request) {
         return view('meet', [
             'guest' => true

resources/views/checkin.blade.php

@@ -0,0 +1,64 @@
+@extends('layouts.join')
+@section('content')
+    <form action=""
+          method="post"
+          enctype="multipart/form-data"
+          onsubmit="return checkIn(this)">
+        @csrf
+
+        <p class="login-box-msg">Welcome! Please check in.</p>
+
+        @if (session('message'))
+            <div class="alert alert-danger">{{ session('message') }}</div>
+        @endif
+
+        <div class="form-group mb-3">
+            <input type="text" name="checkInToken" class="form-control" placeholder="Checkin Token"
+                   value="<?= isset($_REQUEST['checkInToken']) ? $_REQUEST['checkInToken'] : ''?>"
+                   required
+                   <?= !isset($_REQUEST['checkInToken']) ? 'autofocus' : ''?>>
+        </div>
+        <div class="form-group mb-3">
+            <input type="date" name="dob" class="form-control" placeholder="Date of Birth" required <?= isset($_REQUEST['checkInToken']) ? 'autofocus' : ''?>>
+        </div>
+        <button type="submit" class="btn btn-primary btn-block mx-auto w-50 mt-4 mb-2">Check In</button>
+    </form>
+    <script>
+        function checkIn(_form) {
+            $.ajax({
+                type: 'post',
+                url: '/api/session/clientCheckInTokenLogIn',
+                data: $(_form).serialize(),
+                dataType: 'json'
+            })
+            .done(function (_data) {
+                console.log(_data);
+                if(_data.success) {
+                    localStorage.sessionKey = _data.data.sessionKey;
+                    localStorage.clientUid = _data.data.clientUid;
+                    window.location = '/client/dashboard';
+                }
+                else {
+                    new Noty({
+                        theme: 'mint',
+                        type: 'error',
+                        text: _data.message,
+                        progressBar: false,
+                        timeout: false,
+                    }).show();
+                }
+            })
+            .fail(function (_data) {
+                console.log(_data);
+                new Noty({
+                    theme: 'mint',
+                    type: 'error',
+                    text: _data.message,
+                    progressBar: false,
+                    timeout: false,
+                }).show();
+            });
+            return false;
+        }
+    </script>
+@endsection

resources/views/join.blade.php

@@ -47,15 +47,27 @@
                     localStorage.clientLastName = $('[name="nameLast"]').val();
                     localStorage.clientUid = _data.data.clientUid;
                     localStorage.sessionKey = _data.data.sessionKey;
-                    window.location = '/meet';
+                    window.location = '/client/dashboard';
                 }
                 else {
-                    alert(_data.message);
+                    new Noty({
+                        theme: 'mint',
+                        type: 'error',
+                        text: _data.message,
+                        progressBar: false,
+                        timeout: false,
+                    }).show();
                 }
             })
             .fail(function (_data) {
                 console.log(_data);
-                alert(_data.message);
+                new Noty({
+                    theme: 'mint',
+                    type: 'error',
+                    text: _data.message,
+                    progressBar: false,
+                    timeout: false,
+                }).show();
             });
             return false;
         }

resources/views/layouts/join.blade.php

@@ -18,6 +18,10 @@
     <link rel="stylesheet" href="/AdminLTE-3.0.5/dist/css/adminlte.css">
     <!-- Google Font: Source Sans Pro -->
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
+
+    <link href="/noty/noty.css" rel="stylesheet">
+    <link href="/noty/themes/mint.css" rel="stylesheet">
+    <script src="/noty/noty.js" type="text/javascript"></script>
 </head>
 <body class="hold-transition login-page">
 

routes/web.php

@@ -33,7 +33,8 @@ Route::get('/meeting/{meetingID}/{participantID}', 'GuestController@meeting');
 
 Route::get('/join', 'GuestController@join');
 Route::get('/get-client-checkin-token/{uid}', 'GuestController@getCheckinToken');
-Route::get('/meet', 'GuestController@meet');
+Route::get('/client/checkin', 'GuestController@checkin');
+Route::get('/client/dashboard', 'GuestController@dashboard');
 
 // Route::middleware('ensureNoValidProSession')->group(function(){
     Route::get('/', 'AppSessionController@proRequestSmsLogInToken')->name('pro-request-sms-login-token');