From 2b0465a0b4c3b79c7109952bf4b8687116baf5aa Mon Sep 17 00:00:00 2001
From: Dr Masroor Ehsan <masroore@gmail.com>
Date: Sat, 18 Jan 2025 21:15:49 +0600
Subject: [PATCH] nav bar

---
 resources/views/staff/worklist/index.blade.php            | 3 +++
 .../views/staff/worklist/partials/_nav-item.blade.php     | 5 +++++
 .../views/staff/worklist/partials/_nav-top.blade.php      | 8 ++++++++
 3 files changed, 16 insertions(+)
 create mode 100644 resources/views/staff/worklist/partials/_nav-item.blade.php
 create mode 100644 resources/views/staff/worklist/partials/_nav-top.blade.php

diff --git a/resources/views/staff/worklist/index.blade.php b/resources/views/staff/worklist/index.blade.php
index 1df541a..3e2b709 100644
--- a/resources/views/staff/worklist/index.blade.php
+++ b/resources/views/staff/worklist/index.blade.php
@@ -85,6 +85,9 @@
 
 @section('content')
     @include('staff.worklist.partials._stats')
+
+    @include('staff.worklist.partials._nav-top')
+
     <div class="table-responsive text-nowrap">
         {{ $dataTable->table(['class' => 'table table-sm'], true) }}
     </div>
diff --git a/resources/views/staff/worklist/partials/_nav-item.blade.php b/resources/views/staff/worklist/partials/_nav-item.blade.php
new file mode 100644
index 0000000..b8f93b8
--- /dev/null
+++ b/resources/views/staff/worklist/partials/_nav-item.blade.php
@@ -0,0 +1,5 @@
+<li class="nav-item">
+    <a type="button" href="{{ $url ?? '#' }}" class="nav-link {{ $active }}" role="tab"
+       data-bs-toggle="tab" data-bs-target="#{{ $id }}"
+       aria-controls="{{ $id }}" aria-selected="true">{{ $text }}</a>
+</li>
diff --git a/resources/views/staff/worklist/partials/_nav-top.blade.php b/resources/views/staff/worklist/partials/_nav-top.blade.php
new file mode 100644
index 0000000..f426de2
--- /dev/null
+++ b/resources/views/staff/worklist/partials/_nav-top.blade.php
@@ -0,0 +1,8 @@
+<div class="nav-align-top">
+    <ul class="nav nav-tabs" role="tablist">
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav-pending', 'text' => 'Pending', 'active' => 'active'])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav-progress', 'text' => 'In Progress', 'active' => ''])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav-complete', 'text' => 'Complete', 'active' => ''])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav-all', 'text' => 'All', 'active' => ''])
+    </ul>
+</div>