Updated first setup page

app/Http/Controllers/InstallerController.php

@@ -50,6 +50,8 @@ class InstallerController extends Controller
 
         $email = $request->email;
         $password = $request->password;
+        $handle = $request->handle;
+        $name = $request->name;
 
 
         if(DB::table('users')->count() == '0'){
@@ -59,11 +61,11 @@ class InstallerController extends Controller
         Schema::enableForeignKeyConstraints();
 
         $user = User::create([
-            'name' => 'Admin',
+            'name' => $name,
             'email' => $email,
             'email_verified_at' => '0001-01-01 00:00:00',
             'password' => Hash::make($password),
-            'littlelink_name' => 'admin',
+            'littlelink_name' => $handle,
             'littlelink_description' => 'admin page',
             'block' => 'no',
         ]);

resources/views/installer/installer.blade.php

@@ -148,6 +148,13 @@
 <input style="max-width:275px;" class="form-control" placeholder="admin@admin.com" name="email" type="email" required>
 <label>Admin password:</label>
 <input style="max-width:275px;" class="form-control" placeholder="12345678" name="password" type="password" required>
+<label>Handle:</label>
+<div class="input-group">
+<div class="input-group-prepend"><div class="input-group-text">@</div></div>
+<input style="max-width:237px; padding-left:50px;" class="form-control" name="handle" type="text" />
+</div>
+<label>Name:</label>
+<input style="max-width:275px;" class="form-control" name="name" type="text" />
 <div class="input-group">
 </div></div><br>
 <input type="hidden" name="_token" value="{{csrf_token()}}">

resources/views/layouts/installing.blade.php

@@ -186,6 +186,46 @@ button:hover {
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
 }
+.input-group {
+    position: relative;
+    display: --webkit-box;
+    display: --ms-flexbox;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch;
+    width: 100%;
+    z-index: 200000;
+}
+.input-group-text {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    padding: 0.375rem 1rem;
+    margin-bottom: -52px;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #495057;
+    text-align: center;
+    dark-space: nowrap;
+    background-color: #e9ecef;
+    border: 1px solid #ced4da;
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+    z-index: 200000;
+}
+.input-group-prepend {
+    margin-right: -1px;
+    display: flex;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    z-index: 200000;
+}
 .glass-container{
     display: block;
     padding: 10px;