Update datatable icons and display result count

Author: AbdelrhmanSaid

config/livewire-datatable.php

@@ -24,15 +24,18 @@
         ],
     ],
 
+    /**
+     * Datatable icons.
+     */
     'icons' => [
         'search' => 'fa fa-search',
         'actions' => 'fa fa-cog text-muted',
         'sort-none' => 'fa fa-sort',
         'sort-asc' => 'fa fa-sort-up',
         'sort-desc' => 'fa fa-sort-down',
-        'create' => 'fa fa-square-plus text-success',
-        'edit' => 'fa fa-edit text-warning',
-        'view' => 'fa fa-eye text-primary',
-        'delete' => 'fa fa-trash text-danger',
+        'create' => 'fa fa-plus',
+        'edit' => 'fa fa-edit',
+        'view' => 'fa fa-eye',
+        'delete' => 'fa fa-trash',
     ],
 ];

resources/views/datatable.blade.php

@@ -106,6 +106,16 @@
             @endforeach
         </select>
 
+        <div class="text-muted">
+            {{ __('Showing') }}
+            <span class="fw-bold">{{ $rows->firstItem() }}</span>
+            {{ __('to') }}
+            <span class="fw-bold">{{ $rows->lastItem() }}</span>
+            {{ __('of') }}
+            <span class="fw-bold">{{ $rows->total() }}</span>
+            {{ __('results') }}
+        </div>
+
         <div class="my-1">{{ $rows->links() }}</div>
     </div>
 </div>