From b2e7bae463237d3167cef8fc098d59e940286db4 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Sun, 9 Jan 2022 12:16:35 +0100
Subject: [PATCH] resources/views/admin/admin/index.blade.php: use datatable
 component.

---
 resources/views/admin/admin/index.blade.php | 33 ++++++++++-----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/resources/views/admin/admin/index.blade.php b/resources/views/admin/admin/index.blade.php
index b2f1925..7dc6439 100644
--- a/resources/views/admin/admin/index.blade.php
+++ b/resources/views/admin/admin/index.blade.php
@@ -1,21 +1,20 @@
 <x-layout name="admin">
 
-    <table class="table-fixed w-full">
-
-        <tr class="text-left border-b-2">
-            <th class="border px-6 py-3">Username</th>
-            <th class="border px-6 py-3">Created</th>
-            <th class="border px-6 py-3">Updated</th>
-        </tr>
-
-        @foreach($items as $item)
-        <tr class="bg-gray-100">
-            <td class="border px-4 py-2">{{ $item->username }}</td>
-            <td class="border px-4 py-2">{{ $item->created_at }}</td>
-            <td class="border px-4 py-2">{{ $item->updated_at }}</td>
-        </tr>
-        @endforeach
-
-    </table>
+    @livewire('datatable', [
+        'model' => \App\Models\Admin::class,
+        'default_sort' => 'id',
+        'columns' => [
+            'id' => '#',
+            'username' => 'Username',
+    		'created_at' => 'Created',
+    		'updated_at' => 'Updated',
+        ],
+        'sort_columns' => [
+            'id' => 'id',
+            'username' => 'username',
+    		'created_at' => 'created_at',
+            'updated_at' => 'updated_at'
+        ]
+    ])
 
 </x-layout>