diff --git a/resources/views/staff/worklist/index.blade.php b/resources/views/staff/worklist/index.blade.php
index b26362f..61f8363 100644
--- a/resources/views/staff/worklist/index.blade.php
+++ b/resources/views/staff/worklist/index.blade.php
@@ -19,75 +19,8 @@
 @endsection
 
 @section('content')
-    <!-- Invoice List Widget -->
 
-    <div class="card mb-6">
-        <div class="card-widget-separator-wrapper">
-            <div class="card-body card-widget-separator">
-                <div class="row gy-4 gy-sm-1">
-                    <div class="col-sm-6 col-lg-3">
-                        <div
-                            class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
-                            <div>
-                                <h4 class="mb-0">24</h4>
-                                <p class="mb-0">Clients</p>
-                            </div>
-                            <div class="avatar me-sm-6">
-              <span class="avatar-initial rounded-3">
-                <i class="ri-user-line text-heading ri-26px"></i>
-              </span>
-                            </div>
-                        </div>
-                        <hr class="d-none d-sm-block d-lg-none me-6">
-                    </div>
-                    <div class="col-sm-6 col-lg-3">
-                        <div
-                            class="d-flex justify-content-between align-items-start card-widget-2 border-end pb-4 pb-sm-0">
-                            <div>
-                                <h4 class="mb-0">165</h4>
-                                <p class="mb-0">Invoices</p>
-                            </div>
-                            <div class="avatar me-lg-6">
-              <span class="avatar-initial rounded-3">
-                <i class="ri-pages-line text-heading ri-26px"></i>
-              </span>
-                            </div>
-                        </div>
-                        <hr class="d-none d-sm-block d-lg-none">
-                    </div>
-                    <div class="col-sm-6 col-lg-3">
-                        <div
-                            class="d-flex justify-content-between align-items-start border-end pb-4 pb-sm-0 card-widget-3">
-                            <div>
-                                <h4 class="mb-0">$2.46k</h4>
-                                <p class="mb-0">Paid</p>
-                            </div>
-                            <div class="avatar me-sm-6">
-              <span class="avatar-initial rounded-3">
-                <i class="ri-wallet-line text-heading ri-26px"></i>
-              </span>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-sm-6 col-lg-3">
-                        <div class="d-flex justify-content-between align-items-start">
-                            <div>
-                                <h4 class="mb-0">$876</h4>
-                                <p class="mb-0">Unpaid</p>
-                            </div>
-                            <div class="avatar">
-              <span class="avatar-initial rounded-3">
-                <i class="ri-money-dollar-circle-line text-heading ri-26px"></i>
-              </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!-- Invoice List Table -->
+    <!-- Worklist Table -->
     <div class="card">
         <div class="card-datatable table-responsive">
             <table class="invoice-list-table table">
diff --git a/resources/views/staff/worklist/partials/_stats.blade.php b/resources/views/staff/worklist/partials/_stats.blade.php
new file mode 100644
index 0000000..12422d6
--- /dev/null
+++ b/resources/views/staff/worklist/partials/_stats.blade.php
@@ -0,0 +1,67 @@
+<!-- Workist Widget -->
+
+<div class="card mb-6">
+    <div class="card-widget-separator-wrapper">
+        <div class="card-body card-widget-separator">
+            <div class="row gy-4 gy-sm-1">
+                <div class="col-sm-6 col-lg-3">
+                    <div
+                        class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
+                        <div>
+                            <h4 class="mb-0">24</h4>
+                            <p class="mb-0">All</p>
+                        </div>
+                        <div class="avatar me-sm-6">
+              <span class="avatar-initial rounded-3">
+                <i class="ri-user-line text-heading ri-26px"></i>
+              </span>
+                        </div>
+                    </div>
+                    <hr class="d-none d-sm-block d-lg-none me-6">
+                </div>
+                <div class="col-sm-6 col-lg-3">
+                    <div
+                        class="d-flex justify-content-between align-items-start card-widget-2 border-end pb-4 pb-sm-0">
+                        <div>
+                            <h4 class="mb-0">165</h4>
+                            <p class="mb-0">Pending</p>
+                        </div>
+                        <div class="avatar me-lg-6">
+              <span class="avatar-initial rounded-3">
+                <i class="ri-pages-line text-heading ri-26px"></i>
+              </span>
+                        </div>
+                    </div>
+                    <hr class="d-none d-sm-block d-lg-none">
+                </div>
+                <div class="col-sm-6 col-lg-3">
+                    <div
+                        class="d-flex justify-content-between align-items-start border-end pb-4 pb-sm-0 card-widget-3">
+                        <div>
+                            <h4 class="mb-0">$2.46k</h4>
+                            <p class="mb-0">Work-in-progress</p>
+                        </div>
+                        <div class="avatar me-sm-6">
+              <span class="avatar-initial rounded-3">
+                <i class="ri-wallet-line text-heading ri-26px"></i>
+              </span>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6 col-lg-3">
+                    <div class="d-flex justify-content-between align-items-start">
+                        <div>
+                            <h4 class="mb-0">$876</h4>
+                            <p class="mb-0">Complete</p>
+                        </div>
+                        <div class="avatar">
+              <span class="avatar-initial rounded-3">
+                <i class="ri-money-dollar-circle-line text-heading ri-26px"></i>
+              </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/staff/worklist/table.blade.php b/resources/views/staff/worklist/table.blade.php
index 7aeba1f..d8960fa 100644
--- a/resources/views/staff/worklist/table.blade.php
+++ b/resources/views/staff/worklist/table.blade.php
@@ -53,6 +53,7 @@
 @endsection
 
 @section('content')
+    @include('staff.worklist.partials._stats')
     <div class="table-responsive text-nowrap">
         {{ $dataTable->table(['class' => 'table table-sm'], true) }}
     </div>