Add user device panel to security settings

resources/views/settings/security/device-panel.blade.php

@@ -0,0 +1,47 @@
+<div class="mb-4 pb-4">
+  <h4 class="font-weight-bold">Devices</h4>
+  <hr>
+  <ul class="list-group">
+    @foreach($devices as $device)
+    <li class="list-group-item">
+      <div class="d-flex justify-content-between align-items-center p-3">
+        <div>
+          @if($device->getUserAgent()->isMobile())
+          <i class="fas fa-mobile fa-5x text-muted"></i>
+          @else
+          <i class="fas fa-desktop fa-5x text-muted"></i>
+          @endif
+        </div>
+        <div>
+          <p class="mb-0 font-weight-bold">
+            <span class="text-muted">IP:</span>
+            <span class="text-truncate">{{$device->ip}}</span>
+          </p>
+          <p class="mb-0 font-weight-bold">
+            <span class="text-muted">Device:</span>
+            <span>{{$device->getUserAgent()->device()}}</span>
+          </p>
+          <p class="mb-0 font-weight-bold">
+            <span class="text-muted">Browser:</span>
+            <span>{{$device->getUserAgent()->browser()}}</span>
+          </p>
+          {{-- <p class="mb-0 font-weight-bold">
+            <span class="text-muted">Country:</span>
+            <span>Canada</span>
+          </p> --}}
+          <p class="mb-0 font-weight-bold">
+            <span class="text-muted">Last Login:</span>
+            <span>{{$device->updated_at->diffForHumans()}}</span>
+          </p>
+        </div>
+        <div>
+          <div class="btn-group">
+            {{-- <a class="btn btn-success font-weight-bold py-0 btn-sm" href="#">Trust</a>
+            <a class="btn btn-outline-secondary font-weight-bold py-0 btn-sm" href="#">Remove Device</a> --}}
+          </div>
+        </div>
+      </div>
+    </li>
+    @endforeach
+  </ul>
+</div>