Log in as - update orderBy, UI polish

app/Http/Controllers/HomeController.php

@@ -445,8 +445,12 @@ class HomeController extends Controller
         if($this->pro->pro_type != 'ADMIN'){
             return redirect()->to(route('dashboard'));
         }
-
-        $pros =  Pro::where('pro_type', '!=', 'ADMIN')->orWhereNull('pro_type')->get();
+        $pros =  Pro
+            ::where('pro_type', '!=', 'ADMIN')
+            ->orWhereNull('pro_type')
+            ->orderBy('name_last', 'asc')
+            ->orderBy('name_first', 'asc')
+            ->get();
         return view('app/log-in-as', compact('pros'));
     }
 

resources/views/app/log-in-as.blade.php

@@ -3,39 +3,41 @@
 @section('content')
 
     <div class="p-3 mcp-theme-1">
-    <div class="card">
-        @if(session('message'))
-        <div class="alert alert-info">{{session('message')}}</div>
-        @endif
-        <table class="table table-sm table-striped">
-            <thead>
-                <tr>
-                    <th>First Name</th>
-                    <th>Last Name</th>
-                    <th>Cell Number</th>
-                    <th>Email</th>
-                    <th></th>
-                </tr>
-            </thead>
-            <tbody>
-                @foreach($pros as $pro)
-                <tr>
-                    <td>{{$pro->name_first}}</td>
-                    <td>{{$pro->name_last}}</td>
-                    <td>{{$pro->cell_number}}</td>
-                    <td>{{$pro->email}}</td>
-                    <td>
-                        <form action="{{route('process-log-in-as')}}" method="POST"  target="_top">
-                            @csrf
-                            <input type="hidden" name="proUid" value="{{$pro->uid}}">
-                            <button class="btn btn-primary">Login</button>
-                        </form>
-                    </td>
-                </tr>
-                @endforeach
-            </tbody>
-        </table>
-    </div>
+        <div class="row">
+            <div class="col-12 col-md-6">
+                <div class="card">
+                    @if(session('message'))
+                        <div class="alert alert-info">{{session('message')}}</div>
+                    @endif
+                    <table class="table table-sm table-striped mb-0">
+                        <thead>
+                        <tr>
+                            <th class="border-0 pl-2">Name</th>
+                            <th class="border-0">Cell Number</th>
+                            <th class="border-0">Email</th>
+                            <th class="border-0"></th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        @foreach($pros as $pro)
+                            <tr>
+                                <td class="pl-2">{{$pro->displayName()}}</td>
+                                <td>{{$pro->cell_number}}</td>
+                                <td>{{$pro->email}}</td>
+                                <td class="text-right pr-2">
+                                    <form action="{{route('process-log-in-as')}}" method="POST" target="_top">
+                                        @csrf
+                                        <input type="hidden" name="proUid" value="{{$pro->uid}}">
+                                        <button class="btn btn-sm btn-primary font-weight-bold px-4 py-1">Login</button>
+                                    </form>
+                                </td>
+                            </tr>
+                        @endforeach
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
     </div>
 
 @endsection