From fc9a401a8c867672af6143fe67bfe5d9ec49a6d7274d86cdd24c57c5f3689a91 Mon Sep 17 00:00:00 2001
From: Utkarsh Khedkar <utkarshkhedkar2003@gmail.com>
Date: Fri, 19 Dec 2025 11:00:34 +0530
Subject: [PATCH 1/2] changes

---
 .../Controllers/Admin/ShipmentController.php  |   76 +
 resources/views/admin/chat_support.blade.php  |  651 ++++++-
 resources/views/admin/chat_window.blade.php   | 1064 +++++++++--
 resources/views/admin/dashboard.blade.php     |    8 +
 resources/views/admin/orders_show.blade.php   |  110 +-
 resources/views/admin/shipments.blade.php     |   11 +-
 resources/views/admin/staff/create.blade.php  | 1313 +++++++++++--
 resources/views/admin/staff/edit.blade.php    | 1022 +++++++++--
 resources/views/admin/staff/index.blade.php   |  941 +++++++++-
 resources/views/admin/view_shipment.blade.php | 1631 ++++++++++++++++-
 routes/web.php                                |   16 +-
 11 files changed, 6113 insertions(+), 730 deletions(-)

diff --git a/app/Http/Controllers/Admin/ShipmentController.php b/app/Http/Controllers/Admin/ShipmentController.php
index 0eab511..6feffef 100644
--- a/app/Http/Controllers/Admin/ShipmentController.php
+++ b/app/Http/Controllers/Admin/ShipmentController.php
@@ -224,5 +224,81 @@ class ShipmentController extends Controller
 
         return view('admin.view_shipment', compact('shipment', 'dummyData'));
     }
+    // App\Models\Shipment.php
+
+public function orders()
+{
+    return $this->belongsToMany(\App\Models\Order::class, 'shipment_items', 'shipment_id', 'order_id');
+}
+
+public function removeOrder(Shipment $shipment, Order $order)
+{
+    // Remove row from pivot table shipment_items
+    ShipmentItem::where('shipment_id', $shipment->id)
+        ->where('order_id', $order->id)
+        ->delete();                                     // removes link shipment <-> order [web:41][web:45]
+
+    // Recalculate totals on this shipment (optional but recommended)
+    $orders = Order::whereIn(
+        'id',
+        ShipmentItem::where('shipment_id', $shipment->id)->pluck('order_id')
+    )->get();
+
+    $shipment->total_ctn     = $orders->sum('ctn');
+    $shipment->total_qty     = $orders->sum('qty');
+    $shipment->total_ttl_qty = $orders->sum('ttl_qty');
+    $shipment->total_cbm     = $orders->sum('cbm');
+    $shipment->total_ttl_cbm = $orders->sum('ttl_cbm');
+    $shipment->total_kg      = $orders->sum('kg');
+    $shipment->total_ttl_kg  = $orders->sum('ttl_kg');
+    $shipment->total_amount  = $orders->sum('ttl_amount');
+    $shipment->save();
+
+    // Redirect back to preview page where your blade is loaded
+    return redirect()
+        ->route('admin.shipments.dummy', $shipment->id)
+        ->with('success', 'Order removed from shipment successfully.');
+}
+
+public function addOrders(Request $request, Shipment $shipment)
+{
+    $request->validate([
+        'order_ids' => 'required|array|min:1',
+    ]);
+
+    // फक्त न वापरलेले orders घ्या
+    $orders = Order::whereIn('id', $request->order_ids)->get();
+
+    foreach ($orders as $order) {
+        // pivot मध्ये insert
+        ShipmentItem::create([
+            'shipment_id'      => $shipment->id,
+            'order_id'         => $order->id,
+            'order_ctn'        => $order->ctn,
+            'order_qty'        => $order->qty,
+            'order_ttl_qty'    => $order->ttl_qty,
+            'order_ttl_amount' => $order->ttl_amount,
+            'order_ttl_kg'     => $order->ttl_kg,
+        ]);
+    }
+
+    // totals 
+    $orderIds = ShipmentItem::where('shipment_id', $shipment->id)->pluck('order_id');
+    $allOrders = Order::whereIn('id', $orderIds)->get();
+
+    $shipment->total_ctn     = $allOrders->sum('ctn');
+    $shipment->total_qty     = $allOrders->sum('qty');
+    $shipment->total_ttl_qty = $allOrders->sum('ttl_qty');
+    $shipment->total_cbm     = $allOrders->sum('cbm');
+    $shipment->total_ttl_cbm = $allOrders->sum('ttl_cbm');
+    $shipment->total_kg      = $allOrders->sum('kg');
+    $shipment->total_ttl_kg  = $allOrders->sum('ttl_kg');
+    $shipment->total_amount  = $allOrders->sum('ttl_amount');
+    $shipment->save();
+
+    return redirect()
+        ->route('admin.shipments.dummy', $shipment->id)
+        ->with('success', 'Orders added to shipment successfully.');
+}
 
 }
\ No newline at end of file
diff --git a/resources/views/admin/chat_support.blade.php b/resources/views/admin/chat_support.blade.php
index 9add999..623fa65 100644
--- a/resources/views/admin/chat_support.blade.php
+++ b/resources/views/admin/chat_support.blade.php
@@ -1,96 +1,605 @@
 @extends('admin.layouts.app')
 
-@section('page-title', 'Chat Support')
+@section('page-title', 'Chat Support Dashboard')
 
 @section('content')
+<style>
+    :root {
+        --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        --success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
+        --danger-gradient: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
+        --warning-gradient: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
+        --info-gradient: linear-gradient(135deg, #56ccf2 0%, #2f80ed 100%);
+        --card-shadow: 0 8px 25px rgba(0,0,0,0.08);
+        --card-shadow-hover: 0 15px 35px rgba(0,0,0,0.12);
+        --border-radius: 12px;
+        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
 
-<div class="container py-4">
+    * {
+        box-sizing: border-box;
+    }
 
-    <h2 class="mb-4 fw-bold">Customer Support Chat</h2>
+    .chat-dashboard {
+        min-height: 100vh;
+        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+        padding: 1.5rem;
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+    }
 
-    <div class="card shadow-sm">
-        <div class="card-body p-0">
+    .dashboard-header {
+        text-align: center;
+        margin-bottom: 2rem;
+        position: relative;
+    }
 
-            @if($tickets->count() === 0)
-                <div class="p-4 text-center text-muted">
-                    <h5>No customer chats yet.</h5>
-                </div>
-            @else
-                <ul class="list-group list-group-flush">
+    .dashboard-title {
+        font-size: clamp(2rem, 4vw, 3rem);
+        font-weight: 800;
+        background: var(--primary-gradient);
+        -webkit-background-clip: text;
+        background-clip: text;
+        -webkit-text-fill-color: transparent;
+        margin: 0 0 0.75rem 0;
+        position: relative;
+        display: inline-block;
+    }
 
-                    @foreach($tickets as $ticket)
-                        @php
-                            // Get last message
-                            $lastMsg = $ticket->messages()->latest()->first();
-                        @endphp
+    .dashboard-title::before {
+        content: '💬';
+        position: absolute;
+        left: -2.5rem;
+        top: 50%;
+        transform: translateY(-50%);
+        font-size: 2rem;
+        animation: bounce 2s infinite;
+    }
 
-                        <li class="list-group-item py-3">
+    @keyframes bounce {
+        0%, 20%, 50%, 80%, 100% { transform: translateY(-50%) translateY(0); }
+        40% { transform: translateY(-50%) translateY(-8px); }
+        60% { transform: translateY(-50%) translateY(-4px); }
+    }
 
-    <div class="d-flex align-items-center justify-content-between">
+    .dashboard-subtitle {
+        color: #64748b;
+        font-size: 1rem;
+        max-width: 500px;
+        margin: 0 auto;
+        line-height: 1.5;
+    }
 
-        <!-- LEFT -->
-        <div class="d-flex align-items-center gap-3">
+    .stats-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 1rem;
+        margin-bottom: 2rem;
+    }
 
-            <!-- Avatar -->
-            <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center"
-                 style="width: 45px; height: 45px; font-size: 18px;">
-                {{ strtoupper(substr($ticket->user->customer_name ?? $ticket->user->name, 0, 1)) }}
-            </div>
+    .stat-card {
+        background: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(15px);
+        border-radius: var(--border-radius);
+        padding: 1.25rem 1.5rem;
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        border: 1px solid rgba(255, 255, 255, 0.3);
+        box-shadow: var(--card-shadow);
+        transition: var(--transition);
+        position: relative;
+        overflow: hidden;
+    }
 
-            <div>
-                <!-- Name + unread badge -->
-                <h6 class="mb-1 fw-semibold">
-                    {{ $ticket->user->customer_name ?? $ticket->user->name }}
+    .stat-card::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 3px;
+        background: var(--primary-gradient);
+        transform: scaleX(0);
+        transition: transform 0.3s ease;
+    }
 
-                    <span
-                        id="badge-{{ $ticket->id }}"
-                        class="badge bg-danger ms-2 {{ $ticket->unread_count == 0 ? 'd-none' : '' }}">
-                        {{ $ticket->unread_count }}
-                    </span>
-                </h6>
+    .stat-card:hover {
+        transform: translateY(-4px);
+        box-shadow: var(--card-shadow-hover);
+    }
 
-                <!-- Last message -->
-                <small class="text-muted">
-                    @if($lastMsg)
-                        @if($lastMsg->message)
-                            {{ Str::limit($lastMsg->message, 35) }}
-                        @elseif(Str::startsWith($lastMsg->file_type, 'image'))
-                            📷 Image
-                        @else
-                            📎 Attachment
-                        @endif
-                    @else
-                        <i>No messages yet</i>
-                    @endif
-                </small>
-            </div>
+    .stat-card:hover::before {
+        transform: scaleX(1);
+    }
 
-        </div>
+    .stat-icon {
+        width: 55px;
+        height: 55px;
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1.5rem;
+        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
+        flex-shrink: 0;
+    }
 
-        <!-- RIGHT -->
-        <div class="text-end">
-            <span class="badge {{ $ticket->status === 'open' ? 'bg-success' : 'bg-danger' }}">
-                {{ ucfirst($ticket->status) }}
-            </span>
+    .stat-total { background: var(--primary-gradient); color: white; }
+    .stat-open  { background: var(--success-gradient); color: white; }
+    .stat-closed{ background: var(--danger-gradient); color: white; }
 
-            <a href="{{ route('admin.chat.open', $ticket->id) }}"
-               class="btn btn-sm btn-primary ms-2">
-                Open Chat →
-            </a>
-        </div>
+    .stat-content h3 {
+        font-size: 2rem;
+        font-weight: 800;
+        margin: 0 0 0.125rem 0;
+        color: #1e293b;
+    }
 
+    .stat-content p {
+        margin: 0;
+        color: #64748b;
+        font-size: 0.9rem;
+        font-weight: 500;
+    }
+
+    .tickets-container {
+        background: rgba(255, 255, 255, 0.95);
+        backdrop-filter: blur(15px);
+        border-radius: var(--border-radius);
+        padding: 1.5rem;
+        box-shadow: var(--card-shadow);
+        border: 1px solid rgba(255, 255, 255, 0.3);
+    }
+
+    .tickets-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 1.5rem;
+        padding-bottom: 1rem;
+        border-bottom: 1px solid #f1f5f9;
+    }
+
+    .tickets-title {
+        font-size: 1.4rem;
+        font-weight: 700;
+        color: #1e293b;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
+    .tickets-count {
+        background: var(--primary-gradient);
+        color: white;
+        padding: 0.2rem 0.6rem;
+        border-radius: 16px;
+        font-size: 0.8rem;
+        font-weight: 600;
+    }
+
+    /* ========= COMPACT TICKET CARD ========= */
+    .ticket-item {
+        background: white;
+        border-radius: 10px;
+        padding: 0.75rem 1rem;
+        margin-bottom: 0.6rem;
+        border: 1px solid #f1f5f9;
+        transition: var(--transition);
+        position: relative;
+        overflow: hidden;
+    }
+
+    .ticket-item::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        width: 3px;
+        background: var(--primary-gradient);
+        transform: scaleY(0);
+        transition: var(--transition);
+    }
+
+    .ticket-item:hover {
+        transform: translateY(-2px);
+        box-shadow: var(--card-shadow-hover);
+        border-color: rgba(102, 126, 234, 0.15);
+    }
+
+    .ticket-item:hover::before {
+        transform: scaleY(1);
+    }
+
+    .ticket-header {
+        display: flex;
+        align-items: flex-start;
+        gap: 0.6rem;
+        margin-bottom: 0.5rem;
+    }
+
+    .ticket-avatar {
+        width: 40px;
+        height: 40px;
+        border-radius: 10px;
+        background: var(--info-gradient);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1rem;
+        font-weight: 700;
+        color: white;
+        flex-shrink: 0;
+        box-shadow: 0 6px 16px rgba(86, 204, 242, 0.25);
+        position: relative;
+        overflow: hidden;
+    }
+
+    .ticket-avatar::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: -100%;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
+        transition: left 0.5s;
+    }
+
+    .ticket-item:hover .ticket-avatar::after {
+        left: 100%;
+    }
+
+    .ticket-content {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .ticket-name {
+        font-size: 0.95rem;
+        font-weight: 700;
+        color: #1e293b;
+        margin: 0 0 0.15rem 0;
+        display: flex;
+        align-items: center;
+        gap: 0.4rem;
+    }
+
+    .unread-count {
+        background: #ef4444;
+        color: white;
+        min-width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.7rem;
+        font-weight: 700;
+        box-shadow: 0 3px 10px rgba(239, 68, 68, 0.4);
+        animation: pulse 2s infinite;
+    }
+
+    @keyframes pulse {
+        0%, 100% { transform: scale(1); }
+        50% { transform: scale(1.05); }
+    }
+
+    .ticket-preview {
+        color: #64748b;
+        font-size: 0.8rem;
+        line-height: 1.4;
+        margin-bottom: 0.25rem;
+        display: flex;
+        align-items: center;
+        gap: 0.4rem;
+    }
+
+    .ticket-time {
+        font-size: 0.75rem;
+        color: #94a3b8;
+        display: flex;
+        align-items: center;
+        gap: 0.25rem;
+    }
+
+    .ticket-time svg {
+        width: 12px;
+        height: 12px;
+        flex-shrink: 0;
+    }
+
+    .ticket-footer {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-top: 0.6rem;
+        border-top: 1px dashed #f1f5f9;
+        margin-top: 0.4rem;
+    }
+
+    .status-badge {
+        padding: 0.25rem 0.7rem;
+        border-radius: 50px;
+        font-size: 0.7rem;
+        font-weight: 700;
+        text-transform: uppercase;
+        letter-spacing: 0.3px;
+    }
+
+    .status-open  { background: var(--success-gradient); color: white; }
+    .status-closed{ background: var(--danger-gradient);  color: white; }
+
+    .chat-btn {
+        background: var(--primary-gradient);
+        color: white;
+        border: none;
+        padding: 0.45rem 0.9rem;
+        border-radius: 25px;
+        font-weight: 600;
+        font-size: 0.8rem;
+        display: flex;
+        align-items: center;
+        gap: 0.4rem;
+        text-decoration: none;
+        transition: var(--transition);
+        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.25);
+    }
+
+    .chat-btn:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 10px 25px rgba(102, 126, 234, 0.35);
+        color: white;
+    }
+
+    .chat-btn::after {
+        content: '→';
+        transition: margin-left 0.3s ease;
+        margin-left: 0;
+    }
+
+    .chat-btn:hover::after {
+        margin-left: 0.4rem;
+    }
+
+    .empty-state {
+        text-align: center;
+        padding: 2.5rem 1.5rem;
+        background: rgba(255, 255, 255, 0.6);
+        border-radius: var(--border-radius);
+        border: 2px dashed #e2e8f0;
+    }
+
+    .empty-icon {
+        font-size: 4rem;
+        margin-bottom: 1.5rem;
+        display: block;
+        animation: float 3s ease-in-out infinite;
+    }
+
+    @keyframes float {
+        0%, 100% { transform: translateY(0px); }
+        50% { transform: translateY(-15px); }
+    }
+
+    .empty-title {
+        font-size: 1.4rem;
+        font-weight: 700;
+        color: #1e293b;
+        margin-bottom: 0.75rem;
+    }
+
+    .empty-subtitle {
+        color: #64748b;
+        font-size: 1rem;
+        margin-bottom: 1.5rem;
+        line-height: 1.5;
+    }
+
+    .ticket-id {
+        background: rgba(102, 126, 234, 0.1);
+        color: #667eea;
+        padding: 0.2rem 0.75rem;
+        border-radius: 16px;
+        font-size: 0.75rem;
+        font-weight: 600;
+        display: inline-flex;
+        align-items: center;
+        gap: 0.25rem;
+    }
+
+    .new-message-dot {
+        position: absolute;
+        top: 0.75rem;
+        right: 0.75rem;
+        width: 10px;
+        height: 10px;
+        background: #ef4444;
+        border-radius: 50%;
+        border: 2px solid white;
+        box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.3);
+        animation: blink 1.5s infinite;
+        z-index: 10;
+    }
+
+    @keyframes blink {
+        0%, 100% { opacity: 1; transform: scale(1); }
+        50% { opacity: 0.5; transform: scale(1.15); }
+    }
+
+    @media (max-width: 768px) {
+        .chat-dashboard {
+            padding: 1rem;
+        }
+        
+        .stats-grid {
+            grid-template-columns: 1fr;
+            gap: 0.75rem;
+        }
+        
+        .ticket-header {
+            flex-direction: column;
+            gap: 0.75rem;
+        }
+        
+        .ticket-footer {
+            flex-direction: column;
+            gap: 0.75rem;
+            align-items: stretch;
+        }
+        
+        .chat-btn {
+            justify-content: center;
+        }
+    }
+
+    .tickets-list {
+        max-height: 55vh;
+        overflow-y: auto;
+        padding-right: 0.4rem;
+    }
+
+    .tickets-list::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    .tickets-list::-webkit-scrollbar-track {
+        background: #f1f5f9;
+        border-radius: 8px;
+    }
+
+    .tickets-list::-webkit-scrollbar-thumb {
+        background: var(--primary-gradient);
+        border-radius: 8px;
+    }
+</style>
+
+<div class="chat-dashboard">
+    <!-- Header -->
+    <div class="dashboard-header">
+        <h1 class="dashboard-title">Live Chat Dashboard</h1>
+        <p class="dashboard-subtitle">
+            Monitor customer conversations with real-time updates
+        </p>
     </div>
 
-</li>
-
-                    @endforeach
-
-                </ul>
-            @endif
-
+    <!-- Stats Cards -->
+    <div class="stats-grid">
+        <div class="stat-card">
+            <div class="stat-icon stat-total">💬</div>
+            <div class="stat-content">
+                <h3>{{ $tickets->count() }}</h3>
+                <p>Total Conversations</p>
+            </div>
         </div>
+        <div class="stat-card">
+            <div class="stat-icon stat-open">📈</div>
+            <div class="stat-content">
+                <h3>{{ $tickets->where('status', 'open')->count() }}</h3>
+                <p>Active Tickets</p>
+            </div>
+        </div>
+        <div class="stat-card">
+            <div class="stat-icon stat-closed">✅</div>
+            <div class="stat-content">
+                <h3>{{ $tickets->where('status', 'closed')->count() }}</h3>
+                <p>Resolved Tickets</p>
+            </div>
+        </div>
+    </div>
+
+    <!-- Tickets Container -->
+    <div class="tickets-container">
+        <div class="tickets-header">
+            <div>
+                <h2 class="tickets-title">
+                    📋 Active Conversations 
+                    <span class="tickets-count">{{ $tickets->count() }}</span>
+                </h2>
+            </div>
+        </div>
+
+        @if($tickets->count() === 0)
+            <!-- Empty State -->
+            <div class="empty-state">
+                <div class="empty-icon">💬</div>
+                <h3 class="empty-title">No Active Conversations</h3>
+                <p class="empty-subtitle">
+                    Customer conversations will appear here with real-time notifications.
+                </p>
+                <div class="ticket-id">Ready for support requests</div>
+            </div>
+        @else
+            <!-- Tickets List -->
+            <div class="tickets-list">
+                @foreach($tickets as $ticket)
+                    <div class="ticket-item" data-ticket-id="{{ $ticket->id }}">
+                        @if($ticket->unread_count > 0)
+                            <div class="new-message-dot"></div>
+                        @endif
+
+                        <div class="ticket-header">
+                            <div class="ticket-avatar">
+                                {{ strtoupper(substr($ticket->user->customer_name ?? $ticket->user->name, 0, 1)) }}
+                            </div>
+                            <div class="ticket-content">
+                                <div class="ticket-name">
+                                    {{ $ticket->user->customer_name ?? $ticket->user->name }}
+                                    @if($ticket->unread_count > 0)
+                                        <span id="badge-{{ $ticket->id }}" class="unread-count">
+                                            {{ $ticket->unread_count }}
+                                        </span>
+                                    @endif
+                                </div>
+                                
+                                @php
+                                    $lastMsg = $ticket->messages()->latest()->first();
+                                @endphp
+                                
+                                <div class="ticket-preview">
+                                    @if($lastMsg)
+                                        @if($lastMsg->message)
+                                            {{ Str::limit($lastMsg->message, 55) }}
+                                        @elseif(Str::startsWith($lastMsg->file_type, 'image'))
+                                            📷 Photo shared
+                                        @else
+                                            📎 File attached
+                                        @endif
+                                    @else
+                                        <em>Conversation started</em>
+                                    @endif
+                                </div>
+
+                                @if($lastMsg)
+                                    <div class="ticket-time">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
+                                            <path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/>
+                                            <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/>
+                                        </svg>
+                                        {{ $lastMsg->created_at->diffForHumans() }}
+                                    </div>
+                                @endif
+                            </div>
+                            <div class="ticket-id">#{{ $ticket->id }}</div>
+                        </div>
+
+                        <div class="ticket-footer">
+                            <span class="status-badge status-{{ $ticket->status }}">
+                                {{ ucfirst($ticket->status) }}
+                            </span>
+                            <a href="{{ route('admin.chat.open', $ticket->id) }}" class="chat-btn">
+                                Open Chat
+                            </a>
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+        @endif
     </div>
 </div>
+@endsection
+
 @section('scripts')
 <script>
 // -------------------------------
@@ -134,8 +643,4 @@ waitForEcho(() => {
         });
 });
 </script>
-@endsection
-
-
-
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/chat_window.blade.php b/resources/views/admin/chat_window.blade.php
index 2dec287..d908aa8 100644
--- a/resources/views/admin/chat_window.blade.php
+++ b/resources/views/admin/chat_window.blade.php
@@ -3,132 +3,828 @@
 @section('page-title', 'Chat With ' . ($ticket->user->customer_name ?? $ticket->user->name))
 
 @section('content')
-
 <style>
-    .chat-box {
-        height: 70vh;
-        overflow-y: auto;
-        background: #f5f6fa;
-        border-radius: 8px;
-        padding: 15px;
+:root {
+    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    --primary-soft: rgba(102, 126, 234, 0.12);
+    --message-admin: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    --message-user: #ffffff;
+    --bg-pattern: #0f172a;
+    --border-radius-lg: 18px;
+    --border-radius-sm: 12px;
+    --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.4);
+    --shadow-chip: 0 4px 12px rgba(15, 23, 42, 0.35);
+}
+
+body {
+    background: radial-gradient(circle at top, #1f2937 0, #020617 55%);
+}
+
+.chat-container {
+    max-width: 1180px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+/* glass card wrapper */
+.chat-shell {
+    border-radius: 26px;
+    overflow: hidden;
+    background: radial-gradient(circle at top left, rgba(148, 163, 184, 0.15), rgba(15, 23, 42, 0.95));
+    box-shadow: var(--shadow-soft);
+    border: 1px solid rgba(148, 163, 184, 0.35);
+    backdrop-filter: blur(22px);
+}
+
+.chat-header {
+    background: radial-gradient(circle at top left, #4f46e5 0%, #4338ca 35%, #0f172a 100%);
+    padding: 18px 26px;
+    color: #e5e7eb;
+    position: relative;
+    overflow: hidden;
+}
+
+.chat-header::before {
+    content: '';
+    position: absolute;
+    inset: -40%;
+    background:
+        radial-gradient(circle at 0% 0%, rgba(248, 250, 252, 0.15), transparent 55%),
+        radial-gradient(circle at 80% 0%, rgba(248, 250, 252, 0.12), transparent 55%);
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.chat-header-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    z-index: 1;
+}
+
+.user-info {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+}
+
+.user-avatar {
+    width: 50px;
+    height: 50px;
+    border-radius: 20px;
+    background: radial-gradient(circle at 0 0, #f97316 0, #ec4899 50%, #6366f1 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 22px;
+    font-weight: 700;
+    color: #f9fafb;
+    border: 2px solid rgba(248, 250, 252, 0.3);
+    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.7);
+}
+
+.user-details h4 {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 700;
+    color: #f9fafb;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.user-details h4 span {
+    font-size: 11px;
+    padding: 2px 8px;
+    border-radius: 999px;
+    background: rgba(15, 23, 42, 0.55);
+    color: #e5e7eb;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+}
+
+.user-details p {
+    margin: 4px 0 0;
+    font-size: 13px;
+    color: #c7d2fe;
+    opacity: 0.9;
+}
+
+.header-actions {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.status-badge {
+    padding: 6px 14px;
+    border-radius: 999px;
+    font-weight: 600;
+    font-size: 11px;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    border: 1px solid rgba(15, 23, 42, 0.5);
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.7);
+}
+
+.status-badge.open {
+    background: radial-gradient(circle at 0 0, #22c55e 0, #16a34a 60%, #15803d 100%);
+    color: #ecfdf3;
+}
+
+.status-badge.closed {
+    background: radial-gradient(circle at 0 0, #fb7185 0, #ef4444 60%, #b91c1c 100%);
+    color: #fef2f2;
+}
+
+.back-btn {
+    background: rgba(15, 23, 42, 0.6);
+    border: 1px solid rgba(148, 163, 184, 0.6);
+    color: #e5e7eb;
+    padding: 7px 18px;
+    border-radius: 999px;
+    font-weight: 500;
+    font-size: 12px;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    text-decoration: none;
+    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.7);
+    backdrop-filter: blur(10px);
+}
+
+.back-btn svg {
+    width: 16px;
+    height: 16px;
+}
+
+.back-btn:hover {
+    background: rgba(15, 23, 42, 0.9);
+    transform: translateX(-3px);
+    border-color: #e5e7eb;
+}
+
+.chat-box {
+    height: calc(100vh - 320px);
+    min-height: 420px;
+    max-height: 620px;
+    overflow-y: auto;
+    background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 1));
+    padding: 20px 22px;
+    position: relative;
+}
+
+.chat-box::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:
+        radial-gradient(circle at 15% 25%, rgba(56, 189, 248, 0.12) 0, transparent 55%),
+        radial-gradient(circle at 80% 80%, rgba(129, 140, 248, 0.1) 0, transparent 50%);
+    pointer-events: none;
+    opacity: 0.9;
+}
+
+.chat-box-inner {
+    position: relative;
+    z-index: 1;
+}
+
+.chat-box::-webkit-scrollbar {
+    width: 8px;
+}
+
+.chat-box::-webkit-scrollbar-track {
+    background: rgba(15, 23, 42, 0.9);
+    border-radius: 999px;
+}
+
+.chat-box::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, #4f46e5, #22d3ee);
+    border-radius: 999px;
+}
+
+.message {
+    max-width: 68%;
+    padding: 10px 14px;
+    margin-bottom: 14px;
+    font-size: 14px;
+    line-height: 1.55;
+    position: relative;
+    word-wrap: break-word;
+    border-radius: 14px;
+    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.7);
+    animation: messageSlideIn 0.22s ease-out;
+}
+
+@keyframes messageSlideIn {
+    from { opacity: 0; transform: translateY(6px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+.message.admin {
+    margin-left: auto;
+    background: radial-gradient(circle at 0 0, #4f46e5 0, #6366f1 40%, #22d3ee 100%);
+    color: #eef2ff;
+    border-radius: 14px 14px 4px 14px;
+}
+
+.message.user {
+    margin-right: auto;
+    background: rgba(15, 23, 42, 0.9);
+    border-radius: 14px 14px 14px 4px;
+    border: 1px solid rgba(148, 163, 184, 0.8);
+    color: #e5e7eb;
+}
+
+.message img {
+    max-width: 210px;
+    border-radius: 10px;
+    margin-top: 8px;
+    display: block;
+    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.8);
+    cursor: pointer;
+    transition: transform 0.25s ease, box-shadow 0.25s ease;
+}
+
+.message img:hover {
+    transform: translateY(-2px) scale(1.01);
+    box-shadow: 0 16px 40px rgba(15, 23, 42, 1);
+}
+
+/* File preview container */
+.file-preview {
+    margin-top: 8px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.file-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 8px 12px;
+    background: rgba(15, 23, 42, 0.55);
+    border-radius: 10px;
+    border: 1px solid rgba(148, 163, 184, 0.6);
+    transition: all 0.2s ease;
+    text-decoration: none;
+    color: inherit;
+    max-width: 250px;
+}
+
+.message.admin .file-item {
+    background: rgba(15, 23, 42, 0.5);
+    border-color: rgba(226, 232, 240, 0.7);
+}
+
+.message.user .file-item {
+    background: rgba(15, 23, 42, 0.7);
+}
+
+.file-item:hover {
+    transform: translateY(-1px);
+    background: rgba(15, 23, 42, 0.8);
+    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.4);
+}
+
+.file-icon {
+    width: 32px;
+    height: 32px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    font-size: 14px;
+}
+
+.image-file .file-icon {
+    background: linear-gradient(135deg, #8b5cf6, #ec4899);
+    color: white;
+}
+
+.pdf-file .file-icon {
+    background: linear-gradient(135deg, #ef4444, #dc2626);
+    color: white;
+}
+
+.video-file .file-icon {
+    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+    color: white;
+}
+
+.document-file .file-icon {
+    background: linear-gradient(135deg, #10b981, #059669);
+    color: white;
+}
+
+.other-file .file-icon {
+    background: linear-gradient(135deg, #6b7280, #4b5563);
+    color: white;
+}
+
+.file-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.file-name {
+    font-size: 12px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 2px;
+}
+
+.file-size {
+    font-size: 10px;
+    opacity: 0.7;
+    color: #9ca3af;
+}
+
+.file-download-btn {
+    background: rgba(255, 255, 255, 0.1);
+    border: none;
+    width: 24px;
+    height: 24px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    flex-shrink: 0;
+}
+
+.file-download-btn svg {
+    width: 12px;
+    height: 12px;
+    color: #cbd5e1;
+}
+
+.file-download-btn:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+.message small {
+    font-size: 10px;
+    opacity: 0.7;
+    margin-top: 6px;
+    display: block;
+    text-align: right;
+}
+
+.message.user small {
+    text-align: left;
+    color: #9ca3af;
+}
+
+.message.admin small {
+    color: #e0f2fe;
+}
+
+.date-divider {
+    text-align: center;
+    margin: 18px 0;
+    position: relative;
+}
+
+.date-divider::before,
+.date-divider::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    width: 40%;
+    height: 1px;
+    background: radial-gradient(circle, rgba(148, 163, 184, 0.6), transparent);
+}
+
+.date-divider::before {
+    left: 0;
+}
+
+.date-divider::after {
+    right: 0;
+}
+
+.date-divider span {
+    background: rgba(15, 23, 42, 0.95);
+    padding: 4px 12px;
+    border-radius: 999px;
+    font-size: 11px;
+    font-weight: 600;
+    color: #9ca3af;
+    border: 1px solid rgba(55, 65, 81, 0.8);
+    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.9);
+}
+
+.chat-input-container {
+    background: radial-gradient(circle at top, rgba(15, 23, 42, 0.95), #020617);
+    padding: 14px 18px 18px;
+    border-top: 1px solid rgba(31, 41, 55, 0.9);
+}
+
+.chat-input-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    background: rgba(15, 23, 42, 0.95);
+    border-radius: 999px;
+    padding: 4px 4px 4px 18px;
+    border: 1px solid rgba(55, 65, 81, 0.9);
+    transition: all 0.18s ease;
+}
+
+.chat-input-wrapper:focus-within {
+    border-color: #6366f1;
+    box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.9);
+}
+
+.chat-input-wrapper input[type="text"] {
+    flex: 1;
+    border: none;
+    background: transparent;
+    font-size: 14px;
+    padding: 8px 0;
+    outline: none;
+    color: #e5e7eb;
+}
+
+.chat-input-wrapper input[type="text"]::placeholder {
+    color: #6b7280;
+}
+
+.file-upload-container {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.file-upload-btn {
+    position: relative;
+    cursor: pointer;
+}
+
+.file-upload-btn input[type="file"] {
+    position: absolute;
+    opacity: 0;
+    inset: 0;
+    cursor: pointer;
+}
+
+.file-upload-btn label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border-radius: 999px;
+    background: radial-gradient(circle at 0 0, #22c55e 0, #22c55e 40%, #16a34a 100%);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    box-shadow: 0 10px 25px rgba(22, 163, 74, 0.7);
+}
+
+.file-upload-btn label svg {
+    width: 18px;
+    height: 18px;
+    color: #ecfdf5;
+}
+
+.file-upload-btn label:hover {
+    transform: translateY(-1px) scale(1.03);
+    filter: brightness(1.05);
+}
+
+.file-name-display {
+    background: rgba(15, 23, 42, 0.7);
+    border: 1px solid rgba(55, 65, 81, 0.8);
+    border-radius: 8px;
+    padding: 6px 10px;
+    font-size: 12px;
+    color: #9ca3af;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 150px;
+    display: none;
+}
+
+.clear-file-btn {
+    background: none;
+    border: none;
+    color: #ef4444;
+    cursor: pointer;
+    padding: 4px;
+    border-radius: 4px;
+    display: none;
+    transition: all 0.2s ease;
+}
+
+.clear-file-btn:hover {
+    background: rgba(239, 68, 68, 0.1);
+}
+
+.clear-file-btn svg {
+    width: 14px;
+    height: 14px;
+}
+
+.send-btn {
+    background: radial-gradient(circle at 0 0, #38bdf8 0, #6366f1 50%, #4f46e5 100%);
+    border: none;
+    width: 44px;
+    height: 44px;
+    border-radius: 999px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.85);
+}
+
+.send-btn svg {
+    width: 18px;
+    height: 18px;
+    color: #eff6ff;
+}
+
+.send-btn:hover {
+    transform: translateY(-1px) scale(1.04);
+    box-shadow: 0 18px 40px rgba(37, 99, 235, 1);
+}
+
+.send-btn:active {
+    transform: scale(0.96);
+    box-shadow: 0 8px 22px rgba(30, 64, 175, 0.9);
+}
+
+.typing-indicator {
+    display: none;
+    padding: 8px 12px;
+    background: rgba(15, 23, 42, 0.95);
+    border-radius: 999px;
+    max-width: 70px;
+    margin-bottom: 10px;
+    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.9);
+}
+
+.typing-indicator span {
+    height: 6px;
+    width: 6px;
+    background: #a5b4fc;
+    border-radius: 999px;
+    display: inline-block;
+    margin: 0 2px;
+    animation: typing 1.2s infinite;
+}
+
+.typing-indicator span:nth-child(2) {
+    animation-delay: 0.15s;
+}
+
+.typing-indicator span:nth-child(3) {
+    animation-delay: 0.3s;
+}
+
+@keyframes typing {
+    0%, 60%, 100% {
+        transform: translateY(0);
+        opacity: 0.5;
+    }
+    30% {
+        transform: translateY(-6px);
+        opacity: 1;
+    }
+}
+
+@media (max-width: 768px) {
+    .chat-container {
+        padding: 10px;
+    }
+    .chat-shell {
+        border-radius: 20px;
+    }
+    .chat-header-content {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+    .user-info {
+        width: 100%;
+    }
+    .header-actions {
+        width: 100%;
+        justify-content: space-between;
+    }
+    .back-btn {
+        padding-inline: 12px;
     }
     .message {
-        max-width: 65%;
-        padding: 10px 14px;
-        border-radius: 15px;
-        margin-bottom: 10px;
-        font-size: 0.9rem;
-        line-height: 1.4;
+        max-width: 85%;
     }
-    .message.admin {
-        background: #007bff;
-        color: white;
-        margin-left: auto;
-        border-bottom-right-radius: 0;
+    .chat-box {
+        height: calc(100vh - 360px);
     }
-    .message.user {
-        background: #ffffff;
-        border: 1px solid #ddd;
-        margin-right: auto;
-        border-bottom-left-radius: 0;
-    }
-    .chat-input {
-        position: fixed;
-        bottom: 15px;
-        left: 250px;
-        right: 20px;
+    .file-name-display {
+        max-width: 100px;
     }
+}
 </style>
 
-<div class="container py-4">
-
-    <div class="d-flex align-items-center mb-3">
-        <h4 class="fw-bold mb-0">
-            Chat With: {{ $ticket->user->customer_name ?? $ticket->user->name }}
-        </h4>
-        <span class="badge ms-3 {{ $ticket->status === 'open' ? 'bg-success' : 'bg-danger' }}">
-            {{ ucfirst($ticket->status) }}
-        </span>
-    </div>
-
-    <div id="chatBox" class="chat-box border shadow-sm">
-
-        @foreach($messages as $msg)
-            <div class="message {{ $msg->sender_type === 'App\\Models\\Admin' ? 'admin' : 'user' }}">
-
-                {{-- TEXT --}}
-                @if($msg->message)
-                    <div>{{ $msg->message }}</div>
-                @endif
-
-                {{-- FILE --}}
-                @if($msg->file_path)
-
-                    @php
-                        $isImage = Str::startsWith($msg->file_type, 'image');
-                        $isVideo = Str::startsWith($msg->file_type, 'video');
-                    @endphp
-
-                    {{-- IMAGE --}}
-                    @if($isImage)
-                        <img
-                            src="{{ asset('storage/'.$msg->file_path) }}"
-                            style="max-width:150px;"
-                            class="rounded"
-                        >
-
-                    {{-- VIDEO --}}
-                    @elseif($isVideo)
-                        <video
-                            src="{{ asset('storage/'.$msg->file_path) }}"
-                            controls
-                            style="max-width:200px; border-radius:8px;"
-                        >
-                            Your browser does not support the video tag.
-                        </video>
-
-                    {{-- PDF / EXCEL / OTHER --}}
-                    @else
-                        <a href="{{ asset('storage/'.$msg->file_path) }}" target="_blank">
-                            📎 View Attachment
-                        </a>
-                    @endif
-
-                @endif
-
-
-                <small class="text-muted d-block mt-1">
-                    {{ $msg->created_at->format('d M h:i A') }}
-                </small>
+<div class="chat-container">
+    <div class="chat-shell">
+        <div class="chat-header">
+            <div class="chat-header-content">
+                <div class="user-info">
+                    <div class="user-avatar">
+                        {{ strtoupper(substr(($ticket->user->customer_name ?? $ticket->user->name), 0, 1)) }}
+                    </div>
+                    <div class="user-details">
+                        <h4>
+                            {{ $ticket->user->customer_name ?? $ticket->user->name }}
+                            <span>Online</span>
+                        </h4>
+                        <p>Ticket #{{ $ticket->id }}</p>
+                    </div>
+                </div>
+                <div class="header-actions">
+                    <span class="status-badge {{ $ticket->status === 'open' ? 'open' : 'closed' }}">
+                        {{ ucfirst($ticket->status) }}
+                    </span>
 
+                    <a href="{{ route('admin.chat_support') }}" class="back-btn">
+                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+                        </svg>
+                        Back
+                    </a>
+                </div>
             </div>
-        @endforeach
+        </div>
 
-    </div>
+        {{-- Messages --}}
+        <div id="chatBox" class="chat-box">
+            <div class="chat-box-inner">
+                @foreach($messages as $msg)
+                    <div class="message {{ $msg->sender_type === 'App\\Models\\Admin' ? 'admin' : 'user' }}">
+                        @if($msg->message)
+                            <div>{{ $msg->message }}</div>
+                        @endif
 
-    <div class="chat-input">
-        <div class="card shadow-sm">
-            <div class="card-body d-flex align-items-center gap-2">
-                <input type="text" id="messageInput" class="form-control" placeholder="Type your message...">
-                <input type="file" id="fileInput" class="form-control" style="max-width:200px;">
-                <button class="btn btn-primary" id="sendBtn">Send</button>
+                        @if($msg->file_path)
+                            @php
+                                $isImage = Str::startsWith($msg->file_type, 'image');
+                                $isVideo = Str::startsWith($msg->file_type, 'video');
+                                $isPdf = Str::endsWith($msg->file_path, '.pdf');
+                                $isDocument = in_array(Str::lower(Str::afterLast($msg->file_path, '.')), ['doc', 'docx', 'txt']);
+                                $fileName = basename($msg->file_path);
+                                
+                                // Get file size from storage if possible
+                                $fileSize = 'N/A';
+                                try {
+                                    $fullPath = storage_path('app/public/' . $msg->file_path);
+                                    if (file_exists($fullPath)) {
+                                        $size = filesize($fullPath);
+                                        if ($size < 1024) {
+                                            $fileSize = $size . ' B';
+                                        } elseif ($size < 1048576) {
+                                            $fileSize = round($size / 1024, 1) . ' KB';
+                                        } else {
+                                            $fileSize = round($size / 1048576, 1) . ' MB';
+                                        }
+                                    }
+                                } catch (Exception $e) {
+                                    $fileSize = 'Unknown';
+                                }
+                                
+                                // Determine file class
+                                if ($isImage) {
+                                    $fileClass = 'image-file';
+                                    $fileIcon = '🖼️';
+                                } elseif ($isVideo) {
+                                    $fileClass = 'video-file';
+                                    $fileIcon = '🎬';
+                                } elseif ($isPdf) {
+                                    $fileClass = 'pdf-file';
+                                    $fileIcon = '📄';
+                                } elseif ($isDocument) {
+                                    $fileClass = 'document-file';
+                                    $fileIcon = '📝';
+                                } else {
+                                    $fileClass = 'other-file';
+                                    $fileIcon = '📎';
+                                }
+                            @endphp
+
+                            <div class="file-preview">
+                                @if($isImage)
+                                    <img src="{{ asset('storage/'.$msg->file_path) }}"
+                                         style="max-width:210px;"
+                                         class="rounded mt-2"
+                                         alt="{{ $fileName }}">
+                                @elseif($isVideo)
+                                    <video src="{{ asset('storage/'.$msg->file_path) }}"
+                                           controls
+                                           class="mt-2 rounded"
+                                           style="max-width:200px;">
+                                        Your browser does not support the video tag.
+                                    </video>
+                                @endif
+                                
+                                <a href="{{ asset('storage/'.$msg->file_path) }}" 
+                                   target="_blank" 
+                                   class="file-item {{ $fileClass }}"
+                                   title="{{ $fileName }}">
+                                    <div class="file-icon">
+                                        {{ $fileIcon }}
+                                    </div>
+                                    <div class="file-info">
+                                        <div class="file-name">{{ $fileName }}</div>
+                                        <div class="file-size">{{ $fileSize }}</div>
+                                    </div>
+                                    <div class="file-download-btn">
+                                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
+                                                  d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                                        </svg>
+                                    </div>
+                                </a>
+                            </div>
+                        @endif
+
+                        <small class="mt-2">
+                            {{ $msg->created_at->format('d M h:i A') }}
+                        </small>
+                    </div>
+                @endforeach
+
+                <div class="typing-indicator" id="typingIndicator">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </div>
+            </div>
+        </div>
+
+        {{-- Input --}}
+        <div class="chat-input-container">
+            <div class="chat-input-wrapper">
+                <input type="text" id="messageInput" placeholder="Type a reply…" autocomplete="off">
+
+                <div class="file-upload-container">
+                    <div class="file-name-display" id="fileNameDisplay"></div>
+                    <button class="clear-file-btn" id="clearFileBtn" title="Remove file">
+                        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+                        </svg>
+                    </button>
+                    
+                    <div class="file-upload-btn">
+                        <input type="file" id="fileInput">
+                        <label for="fileInput" title="Attach file">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none"
+                                 viewBox="0 0 24 24" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round"
+                                      stroke-width="2"
+                                      d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
+                            </svg>
+                        </label>
+                    </div>
+                </div>
+
+                <button class="send-btn" id="sendBtn">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none"
+                         viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round"
+                              stroke-width="2"
+                              d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+                    </svg>
+                </button>
             </div>
         </div>
     </div>
-
 </div>
-
 @endsection
 
-
 @section('scripts')
-
-
-
 <script>
-// ✅ Make current admin ID available to JS
-    const CURRENT_ADMIN_ID = {{ auth('admin')->id() }};
+const CURRENT_ADMIN_ID = {{ auth('admin')->id() }};
 
+// ✅ Make current admin ID available to JS
 console.log("CHAT WINDOW: script loaded");
 
 // -------------------------------
@@ -157,7 +853,68 @@ function scrollToBottom() {
 scrollToBottom();
 
 // -------------------------------
-// SEND MESSAGE (WORKING PART FROM SCRIPT #1)
+// FILE UPLOAD HANDLING
+// -------------------------------
+const fileInput = document.getElementById('fileInput');
+const fileNameDisplay = document.getElementById('fileNameDisplay');
+const clearFileBtn = document.getElementById('clearFileBtn');
+
+fileInput.addEventListener('change', function(e) {
+    if (this.files.length > 0) {
+        const file = this.files[0];
+        const fileName = file.name;
+        const fileSize = formatFileSize(file.size);
+        
+        fileNameDisplay.textContent = `${fileName} (${fileSize})`;
+        fileNameDisplay.style.display = 'block';
+        clearFileBtn.style.display = 'block';
+    }
+});
+
+clearFileBtn.addEventListener('click', function() {
+    fileInput.value = '';
+    fileNameDisplay.style.display = 'none';
+    clearFileBtn.style.display = 'none';
+});
+
+function formatFileSize(bytes) {
+    if (bytes === 0) return '0 Bytes';
+    const k = 1024;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+}
+
+function getFileIcon(fileType, fileName) {
+    if (fileType.startsWith('image/')) {
+        return '🖼️';
+    } else if (fileType.startsWith('video/')) {
+        return '🎬';
+    } else if (fileName.endsWith('.pdf')) {
+        return '📄';
+    } else if (fileName.match(/\.(doc|docx|txt)$/i)) {
+        return '📝';
+    } else {
+        return '📎';
+    }
+}
+
+function getFileClass(fileType, fileName) {
+    if (fileType.startsWith('image/')) {
+        return 'image-file';
+    } else if (fileType.startsWith('video/')) {
+        return 'video-file';
+    } else if (fileName.endsWith('.pdf')) {
+        return 'pdf-file';
+    } else if (fileName.match(/\.(doc|docx|txt)$/i)) {
+        return 'document-file';
+    } else {
+        return 'other-file';
+    }
+}
+
+// -------------------------------
+// SEND MESSAGE
 // -------------------------------
 document.getElementById("sendBtn").addEventListener("click", function () {
     console.log("[SEND] Attempting to send message...");
@@ -184,14 +941,23 @@ document.getElementById("sendBtn").addEventListener("click", function () {
             console.log("[SEND] Message sent:", response);
             document.getElementById("messageInput").value = "";
             document.getElementById("fileInput").value = "";
+            fileNameDisplay.style.display = 'none';
+            clearFileBtn.style.display = 'none';
+            scrollToBottom();
         })
         .catch(err => console.error("[SEND] Error:", err));
 });
 
-// -------------------------------
-// LISTEN FOR REALTIME MESSAGE (WORKING PART FROM SCRIPT #2)
-// ----------------------------
+// Enter key support
+document.getElementById("messageInput").addEventListener("keypress", function(e) {
+    if (e.key === "Enter") {
+        document.getElementById("sendBtn").click();
+    }
+});
 
+// -------------------------------
+// LISTEN FOR REALTIME MESSAGE
+// ----------------------------
 waitForEcho(() => {
     const ticketId = "{{ $ticket->id }}";
 
@@ -202,67 +968,79 @@ waitForEcho(() => {
 
             console.log("%c[REALTIME RECEIVED]", "color: blue; font-weight: bold;", event);
 
-            const msg = event; // ✅ flat payload
-
-            // ✅ CHECK IF THIS MESSAGE IS SENT BY CURRENT ADMIN
+            const msg = event;
             const isMine =
                 msg.sender_type === 'App\\Models\\Admin' &&
                 msg.sender_id === CURRENT_ADMIN_ID;
 
             let html = `
                 <div class="message ${isMine ? 'admin' : 'user'}">
-                    ${msg.message ?? ''}
+                    ${msg.message ? `<div>${msg.message}</div>` : ''}
             `;
 
             if (msg.file_path) {
-
                 const fileUrl = `/storage/${msg.file_path}`;
+                const fileName = msg.file_path.split('/').pop();
+                const fileSize = msg.file_size ? formatFileSize(msg.file_size) : 'Unknown';
+                const fileIcon = getFileIcon(msg.file_type || '', fileName);
+                const fileClass = getFileClass(msg.file_type || '', fileName);
 
-                if (msg.file_type?.startsWith("image")) {
+                // Check if it's image or video for preview
+                const isImage = (msg.file_type || '').startsWith('image');
+                const isVideo = (msg.file_type || '').startsWith('video');
 
+                html += `<div class="file-preview">`;
+
+                if (isImage) {
                     html += `
-                        <img
-                            src="${fileUrl}"
-                            class="rounded mt-2"
-                            style="max-width:150px;"
-                        >
+                        <img src="${fileUrl}" 
+                             class="rounded mt-2" 
+                             style="max-width:210px;"
+                             alt="${fileName}">
                     `;
-
-                } else if (msg.file_type?.startsWith("video")) {
-
+                } else if (isVideo) {
                     html += `
-                        <video
-                            src="${fileUrl}"
-                            controls
-                            class="mt-2"
-                            style="max-width:200px; border-radius:8px;"
-                        ></video>
-                    `;
-
-                } else {
-
-                    html += `
-                        <a href="${fileUrl}" target="_blank" class="mt-2 d-block">
-                            📎 View Attachment
-                        </a>
+                        <video src="${fileUrl}" 
+                               controls 
+                               class="mt-2 rounded" 
+                               style="max-width:200px;">
+                        </video>
                     `;
                 }
+
+                html += `
+                    <a href="${fileUrl}" 
+                       target="_blank" 
+                       class="file-item ${fileClass}"
+                       title="${fileName}">
+                        <div class="file-icon">
+                            ${fileIcon}
+                        </div>
+                        <div class="file-info">
+                            <div class="file-name">${fileName}</div>
+                            <div class="file-size">${fileSize}</div>
+                        </div>
+                        <div class="file-download-btn">
+                            <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
+                                      d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                            </svg>
+                        </div>
+                    </a>
+                </div>`;
             }
 
-
             html += `
-                <small class="text-muted d-block mt-1">Just now</small>
+                <small class="mt-2">Just now</small>
                 </div>
             `;
 
             document
-                .getElementById("chatBox")
+                .querySelector("#chatBox .chat-box-inner")
                 .insertAdjacentHTML("beforeend", html);
 
             scrollToBottom();
         });
 });
-
 </script>
-
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/admin/dashboard.blade.php
index f2d54a5..4113081 100644
--- a/resources/views/admin/dashboard.blade.php
+++ b/resources/views/admin/dashboard.blade.php
@@ -333,6 +333,13 @@ body, .container-fluid {
   border-color: #f59e0b !important;
 }
 
+.badge-loading {
+  background: linear-gradient(135deg, #e3f2fd, #90caf9) !important;
+  color: #1565c0 !important;
+  border-color: #2196f3 !important;
+  width: 110px;
+}
+
 /* In Transit Status - SAME SIZE WITH TRUCK ICON */
 .badge-in_transit {
   background: linear-gradient(135deg, #dbeafe, #93c5fd) !important;
@@ -1101,6 +1108,7 @@ body, .container-fluid {
     break-inside: avoid;
   }
 }
+
 </style>
 
 <div class="container-fluid py-3">
diff --git a/resources/views/admin/orders_show.blade.php b/resources/views/admin/orders_show.blade.php
index d430814..ca2b532 100644
--- a/resources/views/admin/orders_show.blade.php
+++ b/resources/views/admin/orders_show.blade.php
@@ -13,47 +13,54 @@
       <div class="d-flex justify-content-between align-items-start">
         <div>
           <h4 class="fw-bold mb-0">Order Details</h4>
+          @php
+              $status = strtolower($order->status ?? '');
+          @endphp
+
           <small class="text-muted">Detailed view of this shipment order</small>
         </div>
 
         {{-- ADD ITEM --}}
         @can('order.create')
-        <button class="btn btn-add-item" data-bs-toggle="modal" data-bs-target="#addItemModal">
-          <i class="fas fa-plus-circle me-2"></i>Add New Item
-        </button>
+            @if($status === 'pending')
+                <button class="btn btn-add-item" data-bs-toggle="modal" data-bs-target="#addItemModal">
+                    <i class="fas fa-plus-circle me-2"></i>Add New Item
+                </button>
+            @endif
         @endcan
 
+
         <a href="{{ route('admin.dashboard') }}" class="btn-close"></a>
       </div>
 
       <!-- {{-- ACTION BUTTONS --}}
-      <div class="mt-3 d-flex gap-2">
+      <div class="mt-3 d-flex gap-2">-->
 
         
+      <div class="mt-3 d-flex gap-2">
+                {{-- Edit Order --}}
+                @if($status === 'pending')
+                    <button class="btn btn-edit-order" 
+                            onclick="document.getElementById('editOrderForm').style.display='block'">
+                        <i class="fas fa-edit me-2"></i>Edit Order
+                    </button>
+                @endif
 
-        {{-- EDIT ORDER --}} -->
-        <!-- @if($order->status === 'pending')
-          <button class="btn btn-edit-order" onclick="document.getElementById('editOrderForm').style.display='block'">
-              <i class="fas fa-edit me-2"></i>Edit Order
-          </button>
-        @else
-          <button class="btn btn-edit-order" disabled><i class="fas fa-edit me-2"></i>Edit Order</button>
-        @endif -->
+                {{-- Delete Order --}}
+                @if($status === 'pending')
+                    <form action="{{ route('admin.orders.destroy', $order->id) }}" 
+                          method="POST"
+                          onsubmit="return confirm('Delete this entire order?')">
+                        @csrf
+                        @method('DELETE')
+                        <button class="btn btn-delete-order">
+                            <i class="fas fa-trash-alt me-2"></i>Delete Order
+                        </button>
+                    </form>
+                @endif
+            </div>
 
-        <!-- {{-- DELETE ORDER --}}
-        @if($order->status === 'pending')
-        <form action="{{ route('admin.orders.destroy', $order->id) }}"
-              method="POST"
-              onsubmit="return confirm('Delete this entire order?')">
-          @csrf
-          @method('DELETE')
-          <button class="btn btn-delete-order">
-            <i class="fas fa-trash-alt me-2"></i>Delete Order
-          </button>
-        </form>
-        @endif -->
-
-      <!-- </div> -->
+      
 
       <hr>
 
@@ -190,32 +197,33 @@
               <td>{{ $item->ttl_kg }}</td>
               <td>{{ $item->shop_no }}</td>
 
-             <td class="d-flex justify-content-center gap-2">
+              <td class="d-flex justify-content-center gap-2">
+                    @if($status === 'pending')
+                        {{-- EDIT BUTTON --}}
+                        @can('order.edit')
+                        <button type="button" 
+                                class="btn btn-sm btn-edit-item" 
+                                data-bs-toggle="modal" 
+                                data-bs-target="#editItemModal{{ $item->id }}">
+                            <i class="fas fa-edit"></i>
+                        </button>
+                        @endcan
 
-              {{-- EDIT BUTTON --}}
-              @can('order.edit')
-              <button 
-                  type="button" 
-                  class="btn btn-sm btn-edit-item"
-                  data-bs-toggle="modal"
-                  data-bs-target="#editItemModal{{ $item->id }}">
-                  <i class="fas fa-edit"></i>
-              </button>
-              @endcan
+                        {{-- DELETE BUTTON --}}
+                        @can('order.delete')
+                        <form action="{{ route('admin.orders.deleteItem', $item->id) }}" 
+                              method="POST" 
+                              onsubmit="return confirm('Delete this item?')">
+                            @csrf
+                            @method('DELETE')
+                            <button type="submit" class="btn btn-sm btn-delete-item">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </form>
+                        @endcan
+                    @endif
+                </td>
 
-              @can('order.delete')
-              {{-- DELETE BUTTON --}}
-              <form action="{{ route('admin.orders.deleteItem', $item->id) }}"
-                    method="POST"
-                    onsubmit="return confirm('Delete this item?')">
-                @csrf
-                @method('DELETE')
-                <button class="btn btn-sm btn-delete-item">
-                  <i class="fas fa-trash"></i>
-                </button>
-              </form>
-              @endcan
-          </td>
 
             </tr>
             @endforeach
@@ -617,7 +625,7 @@ function fillFormFromDeleted(item) {
     box-shadow: 0 4px 15px 0 rgba(102, 126, 234, 0.3);
     position: relative;
     overflow: hidden;
-     margin-right: -800px; 
+    margin-right: -650px; 
 }
 
 .btn-add-item:hover {
diff --git a/resources/views/admin/shipments.blade.php b/resources/views/admin/shipments.blade.php
index 4fa2ad0..b3565a9 100644
--- a/resources/views/admin/shipments.blade.php
+++ b/resources/views/admin/shipments.blade.php
@@ -1297,9 +1297,10 @@
                             </td>
                             <td>{{ \Carbon\Carbon::parse($ship->shipment_date)->format('d M Y') }}</td>
                             <td>
-                                <button type="button" class="btn-eye" onclick="openShipmentDetails({{ $ship->id }})" title="View Shipment">
+                                <a href="{{ route('admin.shipments.dummy', $ship->id) }}"
+                                class="btn-view-details">
                                     <i class="bi bi-eye"></i>
-                                </button>
+                                </a>
                             </td>
                             
                             <td>
@@ -1596,13 +1597,13 @@ function renderTable() {
             <td>${new Date(shipment.shipment_date).toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' })}</td>
           
             <td>
-                <a href="{{ route('admin.shipments.dummy', $ship->id) }}"
+                <a href="/admin/shipment/dummy/${shipment.id}"
                 class="btn-view-details">
                     <i class="bi bi-eye"></i>
                 </a>
             </td>
 
-
+       
             <td>
                 <div class="action-container">
                     <button type="button" class="btn-edit-status" onclick="toggleStatusDropdown(this, ${shipment.id})" title="Edit Status">
@@ -1665,6 +1666,8 @@ function openShipmentDetails(id) {
         .then(data => {
             // Format date properly
             const shipmentDate = new Date(data.shipment.shipment_date);
+           // <div class="shipment-info-value">${data.shipment.shipment_id}</div>
+
             const formattedDate = shipmentDate.toLocaleDateString('en-GB', {
                 day: '2-digit',
                 month: 'short',
diff --git a/resources/views/admin/staff/create.blade.php b/resources/views/admin/staff/create.blade.php
index 7df9809..1eb7fe0 100644
--- a/resources/views/admin/staff/create.blade.php
+++ b/resources/views/admin/staff/create.blade.php
@@ -1,187 +1,1160 @@
 @extends('admin.layouts.app')
 
-@section('page-title', 'Account Dashboard')
+@section('page-title', 'Add New Staff')
 
 @section('content')
 <style>
-  .card { background:#fff; border:1px solid #eaeaea; padding:1rem; border-radius:6px; }
-  .field { margin-bottom:.8rem; }
-  label { display:block; font-weight:600; margin-bottom:.25rem; }
-  input[type="text"], input[type="email"], input[type="date"], input[type="password"], textarea, select {
-    width:100%; padding:.5rem; border:1px solid #ddd; border-radius:4px;
-  }
-  .stages { display:flex; gap:.5rem; margin-bottom:1rem; }
-  .stage-ind { padding:.35rem .6rem; border-radius:4px; background:#f3f3f3; }
-  .stage { display:none; }
-  .stage.active { display:block; }
-  .btn { padding:.5rem .8rem; border-radius:5px; border:1px solid #ccc; background:#f6f6f6; cursor:pointer; }
-  .btn.primary { background:#0b74de; color:#fff; border-color:#0b74de; }
-  .perm-group { border:1px dashed #eee; padding:.6rem; margin-bottom:.6rem; border-radius:4px; }
-  .perm-list { display:flex; flex-wrap:wrap; gap:.5rem; }
-  .perm-item { min-width:200px; }
-  .error { color:#b00020; font-size:.95rem; margin-top:.25rem; }
+    :root {
+        --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+        --success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+        --glass-bg: rgba(255, 255, 255, 0.98);
+        --shadow-lg: 0 15px 35px rgba(0, 0, 0, 0.1);
+        --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);
+    }
+
+    body {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        min-height: 100vh;
+        padding: 20px;
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+    }
+
+    /* Main Container */
+    .staff-add-container {
+        max-width: 900px;
+        margin: 0 auto;
+        position: relative;
+    }
+
+    /* Decorative Elements */
+    .decorative-circle {
+        position: absolute;
+        width: 300px;
+        height: 300px;
+        border-radius: 50%;
+        background: var(--secondary-gradient);
+        opacity: 0.05;
+        filter: blur(40px);
+        z-index: 0;
+        top: -100px;
+        right: -100px;
+    }
+
+    /* Main Card */
+    .staff-add-card {
+        background: var(--glass-bg);
+        backdrop-filter: blur(10px);
+        border-radius: 20px;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        box-shadow: var(--shadow-xl);
+        overflow: hidden;
+        position: relative;
+        z-index: 1;
+    }
+
+    /* Header Section */
+    .staff-add-header {
+        background: var(--primary-gradient);
+        padding: 35px 40px;
+        color: white;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .staff-add-header::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
+        opacity: 0.3;
+    }
+
+    .header-content {
+        position: relative;
+        z-index: 2;
+        text-align: center;
+    }
+
+    .header-icon {
+        font-size: 48px;
+        margin-bottom: 15px;
+        display: inline-block;
+        animation: float 3s ease-in-out infinite;
+    }
+
+    @keyframes float {
+        0%, 100% { transform: translateY(0); }
+        50% { transform: translateY(-10px); }
+    }
+
+    .header-title {
+        font-size: 2.2rem;
+        font-weight: 800;
+        margin-bottom: 8px;
+        text-shadow: 0 2px 10px rgba(0,0,0,0.2);
+    }
+
+    .header-subtitle {
+        font-size: 1rem;
+        opacity: 0.9;
+        max-width: 600px;
+        margin: 0 auto;
+    }
+
+    /* Progress Steps */
+    .progress-steps {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 30px 40px 0;
+        position: relative;
+        margin-bottom: 30px;
+    }
+
+    .progress-steps::before {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 40px;
+        right: 40px;
+        height: 2px;
+        background: #e2e8f0;
+        transform: translateY(-50%);
+        z-index: 1;
+    }
+
+    .step {
+        position: relative;
+        z-index: 2;
+        text-align: center;
+        width: 60px;
+    }
+
+    .step-circle {
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        background: white;
+        border: 3px solid #e2e8f0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-weight: 700;
+        color: #a0aec0;
+        margin: 0 auto 10px;
+        transition: all 0.3s ease;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .step-circle.active {
+        background: var(--primary-gradient);
+        color: white;
+        border-color: transparent;
+        transform: scale(1.1);
+        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+    }
+
+    .step-circle.completed {
+        background: #48bb78;
+        color: white;
+        border-color: transparent;
+    }
+
+    .step-circle.completed::after {
+        content: '✓';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 20px;
+    }
+
+    .step-label {
+        font-size: 0.85rem;
+        font-weight: 600;
+        color: #a0aec0;
+        transition: all 0.3s ease;
+    }
+
+    .step.active .step-label {
+        color: #2d3748;
+    }
+
+    /* Form Stages */
+    .form-stage {
+        padding: 0 40px 40px;
+        display: none;
+        animation: slideIn 0.4s ease;
+    }
+
+    @keyframes slideIn {
+        from {
+            opacity: 0;
+            transform: translateX(20px);
+        }
+        to {
+            opacity: 1;
+            transform: translateX(0);
+        }
+    }
+
+    .form-stage.active {
+        display: block;
+    }
+
+    /* Form Grid */
+    .form-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 20px;
+        margin-bottom: 30px;
+    }
+
+    /* Form Group */
+    .form-group {
+        position: relative;
+    }
+
+    .form-label {
+        display: block;
+        font-weight: 600;
+        color: #4a5568;
+        margin-bottom: 8px;
+        font-size: 0.9rem;
+        display: flex;
+        align-items: center;
+        gap: 6px;
+    }
+
+    .form-label::before {
+        content: '';
+        display: inline-block;
+        width: 5px;
+        height: 5px;
+        background: #667eea;
+        border-radius: 50%;
+    }
+
+    .required::after {
+        content: '*';
+        color: #e53e3e;
+        margin-left: 3px;
+    }
+
+    /* Form Inputs */
+    .form-input {
+        width: 100%;
+        padding: 14px 16px;
+        border: 2px solid #e2e8f0;
+        border-radius: 10px;
+        font-size: 15px;
+        transition: all 0.3s ease;
+        background: white;
+        color: #2d3748;
+        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
+    }
+
+    .form-input:focus {
+        outline: none;
+        border-color: #667eea;
+        box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
+        transform: translateY(-1px);
+    }
+
+    .form-input::placeholder {
+        color: #a0aec0;
+    }
+
+    .form-textarea {
+        min-height: 100px;
+        resize: vertical;
+        line-height: 1.5;
+    }
+
+    /* Helper Text */
+    .helper-text {
+        font-size: 0.8rem;
+        color: #718096;
+        margin-top: 6px;
+        display: flex;
+        align-items: center;
+        gap: 5px;
+    }
+
+    /* Status Toggle */
+    .status-toggle {
+        display: flex;
+        gap: 10px;
+    }
+
+    .status-option {
+        flex: 1;
+        text-align: center;
+        padding: 14px;
+        border: 2px solid #e2e8f0;
+        border-radius: 10px;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        font-weight: 600;
+        font-size: 0.9rem;
+        background: white;
+        color: #718096;
+    }
+
+    .status-option:hover {
+        border-color: #667eea;
+        color: #667eea;
+    }
+
+    .status-option.active {
+        border-color: #48bb78;
+        background: #f0fff4;
+        color: #276749;
+    }
+
+    .status-option.inactive {
+        border-color: #fc8181;
+        background: #fff5f5;
+        color: #9b2c2c;
+    }
+
+    input[type="radio"] {
+        display: none;
+    }
+
+    /* Permissions Section */
+    .permissions-container {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+        gap: 15px;
+        margin-top: 20px;
+    }
+
+    .permission-group {
+        background: white;
+        border: 2px solid #e2e8f0;
+        border-radius: 12px;
+        padding: 20px;
+        transition: all 0.3s ease;
+        box-shadow: 0 3px 10px rgba(0,0,0,0.05);
+    }
+
+    .permission-group:hover {
+        border-color: #667eea;
+        transform: translateY(-3px);
+        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.1);
+    }
+
+    .group-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 15px;
+        padding-bottom: 12px;
+        border-bottom: 1px solid #edf2f7;
+    }
+
+    .group-title {
+        font-size: 1rem;
+        font-weight: 700;
+        color: #2d3748;
+        margin: 0;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+    }
+
+    .toggle-group-btn {
+        background: var(--primary-gradient);
+        color: white;
+        border: none;
+        padding: 6px 12px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-weight: 600;
+        font-size: 0.8rem;
+        transition: all 0.3s ease;
+    }
+
+    .toggle-group-btn:hover {
+        transform: scale(1.05);
+        box-shadow: 0 3px 10px rgba(102, 126, 234, 0.3);
+    }
+
+    .permission-items {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    .permission-item {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 10px;
+        background: #f8fafc;
+        border-radius: 8px;
+        transition: all 0.3s ease;
+        cursor: pointer;
+    }
+
+    .permission-item:hover {
+        background: #edf2f7;
+        transform: translateX(3px);
+    }
+
+    .permission-checkbox {
+        width: 18px;
+        height: 18px;
+        border-radius: 4px;
+        border: 2px solid #cbd5e0;
+        cursor: pointer;
+        position: relative;
+        transition: all 0.3s ease;
+        flex-shrink: 0;
+    }
+
+    .permission-checkbox:checked {
+        background: #667eea;
+        border-color: #667eea;
+    }
+
+    .permission-checkbox:checked::after {
+        content: '✓';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        color: white;
+        font-weight: bold;
+        font-size: 12px;
+    }
+
+    .permission-name {
+        font-weight: 500;
+        color: #4a5568;
+        font-size: 0.9rem;
+        flex: 1;
+        cursor: pointer;
+    }
+
+    /* Error Messages */
+    .error-container {
+        background: linear-gradient(135deg, #fff5f5, #fed7d7);
+        border: 2px solid #fc8181;
+        border-radius: 12px;
+        padding: 20px;
+        margin: 0 40px 20px;
+        animation: slideIn 0.5s ease;
+    }
+
+    .error-title {
+        color: #c53030;
+        font-weight: 700;
+        font-size: 1rem;
+        margin-bottom: 12px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .error-list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    .error-item {
+        color: #742a2a;
+        padding: 6px 0;
+        padding-left: 20px;
+        position: relative;
+        font-size: 0.9rem;
+    }
+
+    .error-item::before {
+        content: '⚠️';
+        position: absolute;
+        left: 0;
+        font-size: 0.9rem;
+    }
+
+    /* Navigation Buttons */
+    .navigation-buttons {
+        display: flex;
+        justify-content: space-between;
+        padding: 25px 40px;
+        background: #f8fafc;
+        border-top: 1px solid #e2e8f0;
+        margin-top: 20px;
+    }
+
+    .btn {
+        padding: 12px 28px;
+        border-radius: 10px;
+        font-weight: 600;
+        font-size: 14px;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        text-decoration: none;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        border: 2px solid transparent;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .btn::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: -100%;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
+        transition: 0.5s;
+    }
+
+    .btn:hover::before {
+        left: 100%;
+    }
+
+    .btn-prev {
+        background: white;
+        color: #4a5568;
+        border-color: #e2e8f0;
+        min-width: 120px;
+    }
+
+    .btn-prev:hover {
+        background: #f7fafc;
+        border-color: #cbd5e0;
+        transform: translateY(-2px);
+        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+    }
+
+    .btn-next {
+        background: var(--primary-gradient);
+        color: white;
+        min-width: 120px;
+        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
+    }
+
+    .btn-next:hover {
+        transform: translateY(-2px) scale(1.05);
+        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
+    }
+
+    .btn-submit {
+        background: var(--success-gradient);
+        color: white;
+        min-width: 150px;
+        box-shadow: 0 5px 15px rgba(67, 233, 123, 0.3);
+    }
+
+    .btn-submit:hover {
+        transform: translateY(-2px) scale(1.05);
+        box-shadow: 0 8px 20px rgba(67, 233, 123, 0.4);
+    }
+
+    /* Password Strength Indicator */
+    .password-strength {
+        margin-top: 8px;
+        height: 4px;
+        border-radius: 2px;
+        background: #e2e8f0;
+        overflow: hidden;
+        position: relative;
+    }
+
+    .strength-bar {
+        height: 100%;
+        width: 0%;
+        border-radius: 2px;
+        transition: all 0.3s ease;
+    }
+
+    .strength-weak { background: #e53e3e; }
+    .strength-fair { background: #ed8936; }
+    .strength-good { background: #38b2ac; }
+    .strength-strong { background: #48bb78; }
+
+    /* Responsive Design */
+    @media (max-width: 768px) {
+        body {
+            padding: 15px;
+        }
+        
+        .staff-add-header {
+            padding: 25px 20px;
+        }
+        
+        .progress-steps {
+            padding: 25px 20px 0;
+        }
+        
+        .progress-steps::before {
+            left: 20px;
+            right: 20px;
+        }
+        
+        .step-circle {
+            width: 40px;
+            height: 40px;
+        }
+        
+        .form-stage {
+            padding: 0 20px 30px;
+        }
+        
+        .form-grid {
+            grid-template-columns: 1fr;
+            gap: 15px;
+        }
+        
+        .permissions-container {
+            grid-template-columns: 1fr;
+        }
+        
+        .navigation-buttons {
+            padding: 20px;
+            flex-direction: column;
+            gap: 10px;
+        }
+        
+        .btn {
+            width: 100%;
+            justify-content: center;
+        }
+        
+        .error-container {
+            margin: 0 20px 15px;
+        }
+    }
+
+    @media (max-width: 480px) {
+        .header-title {
+            font-size: 1.8rem;
+        }
+        
+        .header-icon {
+            font-size: 36px;
+        }
+        
+        .step-label {
+            font-size: 0.75rem;
+        }
+    }
 </style>
 
-<div class="card">
-  <h3>Add Staff</h3>
+<div class="staff-add-container">
+    <!-- Decorative Background -->
+    <div class="decorative-circle"></div>
 
-  @if($errors->any())
-    <div style="background:#fff0f0; padding:.6rem; border:1px solid #f3c6c6; margin-bottom:1rem;">
-      <strong>There were some problems with your input:</strong>
-      <ul>
-        @foreach($errors->all() as $err)
-          <li>{{ $err }}</li>
-        @endforeach
-      </ul>
-    </div>
-  @endif
-
-  <form method="POST" action="{{ route('admin.staff.store') }}">
-    @csrf
-
-    <div class="stages">
-      <div class="stage-ind">1. Personal</div>
-      <div class="stage-ind">2. Professional</div>
-      <div class="stage-ind">3. System</div>
-      <div class="stage-ind">4. Permissions</div>
-    </div>
-
-    {{-- Stage 1 --}}
-    <div id="stage-1" class="stage active">
-      <div class="field">
-        <label>Name *</label>
-        <input type="text" name="name" value="{{ old('name') }}" required>
-      </div>
-
-      <div class="field">
-        <label>Email *</label>
-        <input type="email" name="email" value="{{ old('email') }}" required>
-      </div>
-
-      <div class="field">
-        <label>Phone *</label>
-        <input type="text" name="phone" value="{{ old('phone') }}" required>
-      </div>
-
-      <div class="field">
-        <label>Emergency Phone</label>
-        <input type="text" name="emergency_phone" value="{{ old('emergency_phone') }}">
-      </div>
-
-      <div class="field">
-        <label>Address</label>
-        <textarea name="address" rows="3">{{ old('address') }}</textarea>
-      </div>
-
-      <div style="display:flex; justify-content:flex-end; gap:.5rem;">
-        <button type="button" class="btn" onclick="showStage(2)">Next</button>
-      </div>
-    </div>
-
-    {{-- Stage 2 --}}
-    <div id="stage-2" class="stage">
-      <div class="field">
-        <label>Role (Business role)</label>
-        <input type="text" name="role" value="{{ old('role') }}">
-      </div>
-
-      <div class="field">
-        <label>Department</label>
-        <input type="text" name="department" value="{{ old('department') }}">
-      </div>
-
-      <div class="field">
-        <label>Designation</label>
-        <input type="text" name="designation" value="{{ old('designation') }}">
-      </div>
-
-      <div class="field">
-        <label>Joining Date</label>
-        <input type="date" name="joining_date" value="{{ old('joining_date') }}">
-      </div>
-
-      <div class="field">
-        <label>Status</label>
-        <select name="status">
-          <option value="active" {{ old('status')=='active'?'selected':'' }}>Active</option>
-          <option value="inactive" {{ old('status')=='inactive'?'selected':'' }}>Inactive</option>
-        </select>
-      </div>
-
-      <div class="field">
-        <label>Additional Info</label>
-        <textarea name="additional_info" rows="3">{{ old('additional_info') }}</textarea>
-      </div>
-
-      <div style="display:flex; justify-content:space-between; gap:.5rem;">
-        <button type="button" class="btn" onclick="showStage(1)">Back</button>
-        <button type="button" class="btn" onclick="showStage(3)">Next</button>
-      </div>
-    </div>
-
-    {{-- Stage 3 --}}
-    <div id="stage-3" class="stage">
-      <div class="field">
-        <label>Username *</label>
-        <input type="text" name="username" value="{{ old('username') }}" placeholder="leave blank to use EMPxxxx">
-        <div class="muted" style="font-size:.9rem; margin-top:.25rem;">If left blank employee id will be used.</div>
-      </div>
-
-      <div class="field">
-        <label>Password *</label>
-        <input type="password" name="password" required>
-      </div>
-
-      <div style="display:flex; justify-content:space-between; gap:.5rem;">
-        <button type="button" class="btn" onclick="showStage(2)">Back</button>
-        <button type="button" class="btn" onclick="showStage(4)">Next</button>
-      </div>
-    </div>
-
-    {{-- Stage 4 --}}
-    <div id="stage-4" class="stage">
-      <div style="margin-bottom:.5rem; font-weight:700;">Permissions</div>
-
-      @foreach($permissions as $group => $groupPerms)
-        <div class="perm-group">
-          <div style="display:flex; justify-content:space-between; align-items:center;">
-            <div style="font-weight:600;">{{ ucfirst($group) }}</div>
-            <div>
-              <button type="button" class="btn" onclick="toggleGroup('{{ $group }}')">Toggle group</button>
+    <!-- Main Card -->
+    <div class="staff-add-card">
+        <!-- Header -->
+        <div class="staff-add-header">
+            <div class="header-content">
+                <div class="header-icon">👨‍💼</div>
+                <h1 class="header-title">Add New Staff Member</h1>
+                <p class="header-subtitle">Complete all the steps below to add a new staff member to your team</p>
             </div>
-          </div>
-
-          <div class="perm-list" id="group-{{ $group }}">
-            @foreach($groupPerms as $perm)
-              <label class="perm-item">
-                <input type="checkbox" name="permissions[]" value="{{ $perm->name }}"> {{ $perm->name }}
-              </label>
-            @endforeach
-          </div>
         </div>
-      @endforeach
 
-      <div style="display:flex; justify-content:space-between; gap:.5rem;">
-        <button type="button" class="btn" onclick="showStage(3)">Back</button>
-        <button type="submit" class="btn primary">Create Staff</button>
-      </div>
+        <!-- Progress Steps -->
+        <div class="progress-steps">
+            <div class="step active" data-step="1">
+                <div class="step-circle active">1</div>
+                <div class="step-label">Personal</div>
+            </div>
+            <div class="step" data-step="2">
+                <div class="step-circle">2</div>
+                <div class="step-label">Professional</div>
+            </div>
+            <div class="step" data-step="3">
+                <div class="step-circle">3</div>
+                <div class="step-label">Account</div>
+            </div>
+            <div class="step" data-step="4">
+                <div class="step-circle">4</div>
+                <div class="step-label">Permissions</div>
+            </div>
+        </div>
+
+        <!-- Error Messages -->
+        @if($errors->any())
+            <div class="error-container">
+                <div class="error-title">
+                    <span>⚠️</span>
+                    Please fix the following errors
+                </div>
+                <ul class="error-list">
+                    @foreach($errors->all() as $err)
+                        <li class="error-item">{{ $err }}</li>
+                    @endforeach
+                </ul>
+            </div>
+        @endif
+
+        <form method="POST" action="{{ route('admin.staff.store') }}" id="staffForm">
+            @csrf
+
+            <!-- Stage 1: Personal Information -->
+            <div class="form-stage active" id="stage-1">
+                <div class="form-grid">
+                    <div class="form-group">
+                        <label class="form-label required">Full Name</label>
+                        <input type="text" 
+                               name="name" 
+                               value="{{ old('name') }}" 
+                               class="form-input" 
+                               placeholder="Enter staff full name"
+                               required
+                               autofocus>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label required">Email Address</label>
+                        <input type="email" 
+                               name="email" 
+                               value="{{ old('email') }}" 
+                               class="form-input" 
+                               placeholder="staff@company.com"
+                               required>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label required">Phone Number</label>
+                        <input type="text" 
+                               name="phone" 
+                               value="{{ old('phone') }}" 
+                               class="form-input" 
+                               placeholder="+91 9876543210"
+                               required>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Emergency Contact</label>
+                        <input type="text" 
+                               name="emergency_phone" 
+                               value="{{ old('emergency_phone') }}" 
+                               class="form-input" 
+                               placeholder="Emergency contact number">
+                    </div>
+
+                    <div class="form-group" style="grid-column: span 2;">
+                        <label class="form-label">Address</label>
+                        <textarea name="address" 
+                                  class="form-input form-textarea" 
+                                  placeholder="Enter complete address"
+                                  rows="3">{{ old('address') }}</textarea>
+                    </div>
+                </div>
+
+                <div class="navigation-buttons">
+                    <div></div> <!-- Empty div for spacing -->
+                    <button type="button" class="btn btn-next" onclick="nextStage()">
+                        <span>Next</span>
+                        <span>→</span>
+                    </button>
+                </div>
+            </div>
+
+            <!-- Stage 2: Professional Information -->
+            <div class="form-stage" id="stage-2">
+                <div class="form-grid">
+                    <div class="form-group">
+                        <label class="form-label">Role</label>
+                        <input type="text" 
+                               name="role" 
+                               value="{{ old('role') }}" 
+                               class="form-input" 
+                               placeholder="e.g., Manager, Executive, Admin">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Department</label>
+                        <input type="text" 
+                               name="department" 
+                               value="{{ old('department') }}" 
+                               class="form-input" 
+                               placeholder="e.g., IT, HR, Sales, Finance">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Designation</label>
+                        <input type="text" 
+                               name="designation" 
+                               value="{{ old('designation') }}" 
+                               class="form-input" 
+                               placeholder="e.g., Senior Developer, HR Executive">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Joining Date</label>
+                        <input type="date" 
+                               name="joining_date" 
+                               value="{{ old('joining_date') }}" 
+                               class="form-input">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Status</label>
+                        <div class="status-toggle">
+                            <label class="status-option active">
+                                <input type="radio" name="status" value="active" checked>
+                                <span>✅ Active</span>
+                            </label>
+                            <label class="status-option">
+                                <input type="radio" name="status" value="inactive">
+                                <span>⏸️ Inactive</span>
+                            </label>
+                        </div>
+                    </div>
+
+                    <div class="form-group" style="grid-column: span 2;">
+                        <label class="form-label">Additional Information</label>
+                        <textarea name="additional_info" 
+                                  class="form-input form-textarea" 
+                                  placeholder="Any additional notes or information"
+                                  rows="3">{{ old('additional_info') }}</textarea>
+                    </div>
+                </div>
+
+                <div class="navigation-buttons">
+                    <button type="button" class="btn btn-prev" onclick="prevStage()">
+                        <span>←</span>
+                        <span>Previous</span>
+                    </button>
+                    <button type="button" class="btn btn-next" onclick="nextStage()">
+                        <span>Next</span>
+                        <span>→</span>
+                    </button>
+                </div>
+            </div>
+
+            <!-- Stage 3: Account Information -->
+            <div class="form-stage" id="stage-3">
+                <div class="form-grid">
+                    <div class="form-group">
+                        <label class="form-label required">Username</label>
+                        <input type="text" 
+                               name="username" 
+                               value="{{ old('username') }}" 
+                               class="form-input" 
+                               placeholder="Leave blank to generate automatically"
+                               required>
+                        <div class="helper-text">
+                            <span>ℹ️</span>
+                            If left blank, username will be generated from employee ID
+                        </div>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label required">Password</label>
+                        <input type="password" 
+                               name="password" 
+                               class="form-input" 
+                               placeholder="Enter secure password"
+                               required
+                               id="passwordInput">
+                        <div class="password-strength">
+                            <div class="strength-bar" id="strengthBar"></div>
+                        </div>
+                        <div class="helper-text">
+                            <span>🔒</span>
+                            Minimum 8 characters with letters and numbers
+                        </div>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label required">Confirm Password</label>
+                        <input type="password" 
+                               name="password_confirmation" 
+                               class="form-input" 
+                               placeholder="Confirm your password"
+                               required>
+                    </div>
+                </div>
+
+                <div class="navigation-buttons">
+                    <button type="button" class="btn btn-prev" onclick="prevStage()">
+                        <span>←</span>
+                        <span>Previous</span>
+                    </button>
+                    <button type="button" class="btn btn-next" onclick="nextStage()">
+                        <span>Next</span>
+                        <span>→</span>
+                    </button>
+                </div>
+            </div>
+
+            <!-- Stage 4: Permissions -->
+            <div class="form-stage" id="stage-4">
+                <div style="margin-bottom: 20px;">
+                    <h3 style="color: #2d3748; font-size: 1.2rem; margin-bottom: 10px;">🔐 Set Access Permissions</h3>
+                    <p style="color: #718096; font-size: 0.95rem;">Select the permissions you want to grant to this staff member.</p>
+                </div>
+                
+                <div class="permissions-container">
+                    @foreach($permissions as $group => $groupPerms)
+                        <div class="permission-group">
+                            <div class="group-header">
+                                <h4 class="group-title">{{ ucfirst($group) }}</h4>
+                                <button type="button" 
+                                        class="toggle-group-btn" 
+                                        onclick="toggleGroupPermissions('{{ $group }}')">
+                                    Toggle All
+                                </button>
+                            </div>
+                            <div class="permission-items" id="permission-group-{{ $group }}">
+                                @foreach($groupPerms as $perm)
+                                    <label class="permission-item">
+                                        <input type="checkbox" 
+                                               name="permissions[]" 
+                                               value="{{ $perm->name }}"
+                                               class="permission-checkbox"
+                                               id="perm-{{ $perm->id }}">
+                                        <span class="permission-name">{{ $perm->name }}</span>
+                                    </label>
+                                @endforeach
+                            </div>
+                        </div>
+                    @endforeach
+                </div>
+
+                <div class="navigation-buttons">
+                    <button type="button" class="btn btn-prev" onclick="prevStage()">
+                        <span>←</span>
+                        <span>Previous</span>
+                    </button>
+                    <button type="submit" class="btn btn-submit">
+                        <span>🚀</span>
+                        <span>Create Staff</span>
+                    </button>
+                </div>
+            </div>
+        </form>
     </div>
-  </form>
 </div>
 
 <script>
-  function showStage(n){
-    document.querySelectorAll('.stage').forEach(s=>s.classList.remove('active'));
-    document.getElementById('stage-'+n).classList.add('active');
-    window.scrollTo({top:0, behavior:'smooth'});
-  }
+    let currentStage = 1;
+    const totalStages = 4;
 
-  function toggleGroup(group){
-    const el = document.getElementById('group-'+group);
-    if(!el) return;
-    const inputs = el.querySelectorAll('input[type="checkbox"]');
-    const anyUnchecked = Array.from(inputs).some(i => !i.checked);
-    inputs.forEach(i => i.checked = anyUnchecked);
-  }
+    // Initialize status toggle
+    document.querySelectorAll('.status-option').forEach(option => {
+        option.addEventListener('click', function() {
+            document.querySelectorAll('.status-option').forEach(opt => {
+                opt.classList.remove('active');
+            });
+            this.classList.add('active');
+            this.querySelector('input').checked = true;
+        });
+    });
+
+    // Password strength indicator
+    document.getElementById('passwordInput')?.addEventListener('input', function(e) {
+        const password = e.target.value;
+        const strengthBar = document.getElementById('strengthBar');
+        let strength = 0;
+        
+        if (password.length >= 8) strength++;
+        if (/[A-Z]/.test(password)) strength++;
+        if (/[0-9]/.test(password)) strength++;
+        if (/[^A-Za-z0-9]/.test(password)) strength++;
+        
+        let width = 0;
+        let className = '';
+        
+        switch(strength) {
+            case 0:
+                width = 0;
+                className = 'strength-weak';
+                break;
+            case 1:
+                width = 25;
+                className = 'strength-weak';
+                break;
+            case 2:
+                width = 50;
+                className = 'strength-fair';
+                break;
+            case 3:
+                width = 75;
+                className = 'strength-good';
+                break;
+            case 4:
+                width = 100;
+                className = 'strength-strong';
+                break;
+        }
+        
+        strengthBar.style.width = width + '%';
+        strengthBar.className = 'strength-bar ' + className;
+    });
+
+    // Toggle group permissions
+    function toggleGroupPermissions(group) {
+        const checkboxes = document.querySelectorAll(`#permission-group-${group} .permission-checkbox`);
+        const allChecked = Array.from(checkboxes).every(cb => cb.checked);
+        
+        checkboxes.forEach(checkbox => {
+            checkbox.checked = !allChecked;
+            checkbox.dispatchEvent(new Event('change'));
+        });
+    }
+
+    // Navigation functions
+    function nextStage() {
+        if (currentStage < totalStages) {
+            // Validate current stage
+            if (!validateStage(currentStage)) {
+                return;
+            }
+            
+            // Mark current step as completed
+            const currentStep = document.querySelector(`[data-step="${currentStage}"] .step-circle`);
+            currentStep.classList.remove('active');
+            currentStep.classList.add('completed');
+            
+            currentStage++;
+            
+            // Update progress steps
+            updateProgressSteps();
+            
+            // Show next stage
+            showStage(currentStage);
+        }
+    }
+
+    function prevStage() {
+        if (currentStage > 1) {
+            // Mark current step as inactive
+            const currentStep = document.querySelector(`[data-step="${currentStage}"] .step-circle`);
+            currentStep.classList.remove('active');
+            currentStep.classList.remove('completed');
+            
+            currentStage--;
+            
+            // Update progress steps
+            updateProgressSteps();
+            
+            // Show previous stage
+            showStage(currentStage);
+        }
+    }
+
+    function showStage(stageNumber) {
+        // Hide all stages
+        document.querySelectorAll('.form-stage').forEach(stage => {
+            stage.classList.remove('active');
+        });
+        
+        // Show selected stage
+        const stageElement = document.getElementById(`stage-${stageNumber}`);
+        if (stageElement) {
+            stageElement.classList.add('active');
+            
+            // Scroll to top of form
+            stageElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
+    }
+
+    function updateProgressSteps() {
+        // Remove active class from all steps
+        document.querySelectorAll('.step').forEach(step => {
+            step.classList.remove('active');
+        });
+        
+        // Add active class to current step
+        const currentStep = document.querySelector(`[data-step="${currentStage}"]`);
+        if (currentStep) {
+            currentStep.classList.add('active');
+            const stepCircle = currentStep.querySelector('.step-circle');
+            stepCircle.classList.add('active');
+            stepCircle.classList.remove('completed');
+        }
+        
+        // Mark previous steps as completed
+        for (let i = 1; i < currentStage; i++) {
+            const step = document.querySelector(`[data-step="${i}"] .step-circle`);
+            if (step) {
+                step.classList.add('completed');
+                step.classList.remove('active');
+            }
+        }
+    }
+
+    function validateStage(stageNumber) {
+        let isValid = true;
+        const stageElement = document.getElementById(`stage-${stageNumber}`);
+        
+        if (stageElement) {
+            const requiredInputs = stageElement.querySelectorAll('[required]');
+            
+            requiredInputs.forEach(input => {
+                if (!input.value.trim()) {
+                    isValid = false;
+                    input.style.borderColor = '#e53e3e';
+                    input.style.animation = 'shake 0.3s ease';
+                    
+                    setTimeout(() => {
+                        input.style.animation = '';
+                    }, 300);
+                } else {
+                    input.style.borderColor = '#e2e8f0';
+                }
+            });
+            
+            if (!isValid) {
+                // Scroll to first error
+                const firstError = stageElement.querySelector('[required]:invalid');
+                if (firstError) {
+                    firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                    firstError.focus();
+                }
+            }
+        }
+        
+        return isValid;
+    }
+
+    // Form submission validation
+    document.getElementById('staffForm').addEventListener('submit', function(e) {
+        // Validate all stages
+        for (let i = 1; i <= totalStages; i++) {
+            if (!validateStage(i)) {
+                e.preventDefault();
+                showStage(i);
+                return;
+            }
+        }
+        
+        // Show loading state
+        const submitBtn = this.querySelector('.btn-submit');
+        if (submitBtn) {
+            submitBtn.innerHTML = '<span>⏳</span><span>Creating Staff...</span>';
+            submitBtn.disabled = true;
+        }
+    });
+
+    // Add shake animation
+    const style = document.createElement('style');
+    style.textContent = `
+        @keyframes shake {
+            0%, 100% { transform: translateX(0); }
+            25% { transform: translateX(-5px); }
+            75% { transform: translateX(5px); }
+        }
+    `;
+    document.head.appendChild(style);
 </script>
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/staff/edit.blade.php b/resources/views/admin/staff/edit.blade.php
index d6fc451..09bb26a 100644
--- a/resources/views/admin/staff/edit.blade.php
+++ b/resources/views/admin/staff/edit.blade.php
@@ -1,156 +1,896 @@
 @extends('admin.layouts.app')
 
-@section('page-title', 'Account Dashboard')
+@section('page-title', 'Edit Staff')
 
 @section('content')
 <style>
-  .card { background:#fff; border:1px solid #eaeaea; padding:1rem; border-radius:6px; }
-  .field { margin-bottom:.8rem; }
-  label { display:block; font-weight:600; margin-bottom:.25rem; }
-  input[type="text"], input[type="email"], input[type="date"], input[type="password"], textarea, select {
-    width:100%; padding:.5rem; border:1px solid #ddd; border-radius:4px;
-  }
-  .perm-group { border:1px dashed #eee; padding:.6rem; margin-bottom:.6rem; border-radius:4px; }
-  .perm-list { display:flex; flex-wrap:wrap; gap:.5rem; }
-  .perm-item { min-width:200px; }
-  .btn { padding:.5rem .8rem; border-radius:5px; border:1px solid #ccc; background:#f6f6f6; cursor:pointer; }
-  .btn.primary { background:#0b74de; color:#fff; border-color:#0b74de; }
+    :root {
+        --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+        --glass-bg: rgba(255, 255, 255, 0.98);
+        --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
+    }
+
+    body {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        min-height: 100vh;
+        padding: 15px;
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+    }
+
+    /* Compact Container */
+    .staff-edit-container {
+        max-width: 900px;
+        margin: 0 auto;
+        position: relative;
+    }
+
+    .staff-edit-card {
+        background: var(--glass-bg);
+        backdrop-filter: blur(10px);
+        border-radius: 16px;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        box-shadow: var(--shadow-lg);
+        overflow: hidden;
+        position: relative;
+    }
+
+    .staff-edit-card::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 4px;
+        background: var(--primary-gradient);
+        z-index: 10;
+    }
+
+    /* Compact Header */
+    .staff-header {
+        background: var(--primary-gradient);
+        padding: 25px;
+        color: white;
+        text-align: center;
+        position: relative;
+    }
+
+    .staff-avatar {
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+        background: white;
+        margin: 0 auto 15px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 32px;
+        color: #667eea;
+        border: 3px solid white;
+        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+    }
+
+    .staff-avatar-initials {
+        font-size: 32px;
+        font-weight: 700;
+        background: var(--primary-gradient);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+
+    .staff-title {
+        font-size: 1.8rem;
+        font-weight: 700;
+        margin-bottom: 8px;
+    }
+
+    .staff-subtitle {
+        font-size: 1rem;
+        opacity: 0.9;
+        margin-bottom: 10px;
+    }
+
+    .employee-id-badge {
+        display: inline-block;
+        background: rgba(255,255,255,0.15);
+        padding: 6px 15px;
+        border-radius: 20px;
+        font-family: 'Courier New', monospace;
+        font-weight: 600;
+        font-size: 0.9rem;
+        backdrop-filter: blur(5px);
+        border: 1px solid rgba(255,255,255,0.2);
+    }
+
+    /* Compact Form Sections */
+    .form-section {
+        padding: 25px;
+        border-bottom: 1px solid rgba(0,0,0,0.05);
+    }
+
+    .section-header {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        margin-bottom: 20px;
+    }
+
+    .section-icon {
+        width: 40px;
+        height: 40px;
+        border-radius: 10px;
+        background: var(--primary-gradient);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: white;
+        font-size: 16px;
+        box-shadow: 0 3px 10px rgba(102, 126, 234, 0.3);
+    }
+
+    .section-title {
+        font-size: 1.3rem;
+        font-weight: 600;
+        color: #2d3748;
+        margin: 0;
+    }
+
+    /* Compact Form Grid */
+    .form-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 20px;
+    }
+
+    .form-group {
+        margin-bottom: 0;
+    }
+
+    .form-label {
+        display: block;
+        font-weight: 600;
+        color: #4a5568;
+        margin-bottom: 6px;
+        font-size: 0.9rem;
+    }
+
+    .required::after {
+        content: '*';
+        color: #e53e3e;
+        margin-left: 3px;
+    }
+
+    /* Compact Form Inputs */
+    .form-input {
+        width: 100%;
+        padding: 12px 16px;
+        border: 1.5px solid #e2e8f0;
+        border-radius: 10px;
+        font-size: 14px;
+        transition: all 0.2s ease;
+        background: white;
+        color: #2d3748;
+    }
+
+    .form-input:focus {
+        outline: none;
+        border-color: #667eea;
+        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+    }
+
+    .form-input:disabled {
+        background: #f7fafc;
+        color: #a0aec0;
+    }
+
+    .form-textarea {
+        min-height: 80px;
+        resize: vertical;
+        line-height: 1.4;
+    }
+
+    /* Compact Status Toggle */
+    .status-toggle {
+        display: flex;
+        gap: 10px;
+    }
+
+    .status-option {
+        flex: 1;
+        text-align: center;
+        padding: 12px;
+        border: 1.5px solid #e2e8f0;
+        border-radius: 10px;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        font-weight: 500;
+        font-size: 0.9rem;
+        background: white;
+    }
+
+    .status-option:hover {
+        transform: translateY(-1px);
+    }
+
+    .status-option.active {
+        border-color: #48bb78;
+        background: #f0fff4;
+        color: #276749;
+    }
+
+    .status-option.inactive {
+        border-color: #fc8181;
+        background: #fff5f5;
+        color: #9b2c2c;
+    }
+
+    input[type="radio"] {
+        display: none;
+    }
+
+    /* Compact Permissions Section */
+    .permissions-container {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+        gap: 15px;
+        margin-top: 15px;
+    }
+
+    .permission-group {
+        background: white;
+        border: 1.5px solid #e2e8f0;
+        border-radius: 12px;
+        padding: 20px;
+        transition: all 0.2s ease;
+    }
+
+    .permission-group:hover {
+        border-color: #667eea;
+        transform: translateY(-2px);
+        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.1);
+    }
+
+    .group-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 15px;
+        padding-bottom: 12px;
+        border-bottom: 1px solid #edf2f7;
+    }
+
+    .group-title {
+        font-size: 1.1rem;
+        font-weight: 600;
+        color: #2d3748;
+        margin: 0;
+    }
+
+    .toggle-group-btn {
+        background: var(--primary-gradient);
+        color: white;
+        border: none;
+        padding: 6px 12px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-weight: 500;
+        font-size: 0.85rem;
+        transition: all 0.2s ease;
+    }
+
+    .toggle-group-btn:hover {
+        transform: scale(1.03);
+    }
+
+    .permission-items {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    .permission-item {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 10px;
+        background: #f8fafc;
+        border-radius: 8px;
+        transition: all 0.2s ease;
+    }
+
+    .permission-item:hover {
+        background: #edf2f7;
+        transform: translateX(3px);
+    }
+
+    .permission-checkbox {
+        width: 18px;
+        height: 18px;
+        border-radius: 4px;
+        border: 2px solid #cbd5e0;
+        cursor: pointer;
+        position: relative;
+        transition: all 0.2s ease;
+        flex-shrink: 0;
+    }
+
+    .permission-checkbox:checked {
+        background: #667eea;
+        border-color: #667eea;
+    }
+
+    .permission-checkbox:checked::after {
+        content: '✓';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        color: white;
+        font-weight: bold;
+        font-size: 12px;
+    }
+
+    .permission-name {
+        font-weight: 500;
+        color: #4a5568;
+        font-size: 0.9rem;
+        flex: 1;
+    }
+
+    /* Compact Error Messages */
+    .error-container {
+        background: linear-gradient(135deg, #fff5f5, #fed7d7);
+        border: 1.5px solid #fc8181;
+        border-radius: 12px;
+        padding: 20px;
+        margin: 0 25px 20px 25px;
+    }
+
+    .error-title {
+        color: #c53030;
+        font-weight: 600;
+        font-size: 1rem;
+        margin-bottom: 10px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .error-list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    .error-item {
+        color: #742a2a;
+        padding: 6px 0;
+        padding-left: 20px;
+        position: relative;
+        font-size: 0.9rem;
+    }
+
+    .error-item::before {
+        content: '⚠️';
+        position: absolute;
+        left: 0;
+        font-size: 0.9rem;
+    }
+
+    /* Compact Action Buttons */
+    .action-buttons {
+        display: flex;
+        gap: 12px;
+        justify-content: flex-end;
+        padding: 25px;
+        background: #f8fafc;
+        border-top: 1px solid #e2e8f0;
+    }
+
+    .btn {
+        padding: 12px 24px;
+        border-radius: 10px;
+        font-weight: 600;
+        font-size: 14px;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        text-decoration: none;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        border: none;
+        min-width: 120px;
+    }
+
+    .btn-cancel {
+        background: white;
+        color: #4a5568;
+        border: 1.5px solid #e2e8f0;
+    }
+
+    .btn-cancel:hover {
+        background: #f7fafc;
+        border-color: #cbd5e0;
+        transform: translateY(-1px);
+        box-shadow: 0 3px 8px rgba(0,0,0,0.1);
+    }
+
+    .btn-update {
+        background: var(--primary-gradient);
+        color: white;
+        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
+    }
+
+    .btn-update:hover {
+        transform: translateY(-1px) scale(1.02);
+        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.3);
+    }
+
+    /* Password Strength Indicator */
+    .password-strength {
+        margin-top: 6px;
+        height: 3px;
+        border-radius: 1.5px;
+        background: #e2e8f0;
+        overflow: hidden;
+    }
+
+    .strength-bar {
+        height: 100%;
+        width: 0%;
+        border-radius: 1.5px;
+        transition: all 0.2s ease;
+    }
+
+    .strength-weak { background: #e53e3e; }
+    .strength-fair { background: #ed8936; }
+    .strength-good { background: #38b2ac; }
+    .strength-strong { background: #48bb78; }
+
+    /* Responsive Design */
+    @media (max-width: 768px) {
+        body {
+            padding: 10px;
+        }
+        
+        .form-grid {
+            grid-template-columns: 1fr;
+            gap: 15px;
+        }
+        
+        .permissions-container {
+            grid-template-columns: 1fr;
+            gap: 12px;
+        }
+        
+        .staff-header {
+            padding: 20px 15px;
+        }
+        
+        .staff-title {
+            font-size: 1.5rem;
+        }
+        
+        .form-section {
+            padding: 20px;
+        }
+        
+        .action-buttons {
+            padding: 20px;
+            flex-direction: column;
+        }
+        
+        .btn {
+            width: 100%;
+        }
+        
+        .error-container {
+            margin: 0 15px 15px 15px;
+            padding: 15px;
+        }
+    }
+
+    @media (max-width: 480px) {
+        .staff-avatar {
+            width: 60px;
+            height: 60px;
+            font-size: 24px;
+        }
+        
+        .staff-avatar-initials {
+            font-size: 24px;
+        }
+        
+        .section-icon {
+            width: 35px;
+            height: 35px;
+            font-size: 14px;
+        }
+        
+        .section-title {
+            font-size: 1.1rem;
+        }
+        
+        .permission-group {
+            padding: 15px;
+        }
+    }
 </style>
 
-<div class="card">
-  <h3>Edit Staff — {{ $staff->display_name ?? $staff->name }}</h3>
-
-  @if($errors->any())
-    <div style="background:#fff0f0; padding:.6rem; border:1px solid #f3c6c6; margin-bottom:1rem;">
-      <strong>There were some problems with your input:</strong>
-      <ul>
-        @foreach($errors->all() as $err)
-          <li>{{ $err }}</li>
-        @endforeach
-      </ul>
-    </div>
-  @endif
-
-  <form method="POST" action="{{ route('admin.staff.update', $staff->id) }}">
-    @csrf
-    @method('PUT')
-
-    <div class="field">
-      <label>Employee ID</label>
-      <input type="text" value="{{ $staff->employee_id }}" disabled>
-    </div>
-
-    <div class="field">
-      <label>Name *</label>
-      <input type="text" name="name" value="{{ old('name', $staff->name) }}" required>
-    </div>
-
-    <div class="field">
-      <label>Email *</label>
-      <input type="email" name="email" value="{{ old('email', $staff->email) }}" required>
-    </div>
-
-    <div class="field">
-      <label>Phone *</label>
-      <input type="text" name="phone" value="{{ old('phone', $staff->phone) }}" required>
-    </div>
-
-    <div class="field">
-      <label>Emergency Phone</label>
-      <input type="text" name="emergency_phone" value="{{ old('emergency_phone', $staff->emergency_phone) }}">
-    </div>
-
-    <div class="field">
-      <label>Address</label>
-      <textarea name="address" rows="3">{{ old('address', $staff->address) }}</textarea>
-    </div>
-
-    <hr>
-
-    <div class="field">
-      <label>Role</label>
-      <input type="text" name="role" value="{{ old('role', $staff->role) }}">
-    </div>
-
-    <div class="field">
-      <label>Department</label>
-      <input type="text" name="department" value="{{ old('department', $staff->department) }}">
-    </div>
-
-    <div class="field">
-      <label>Designation</label>
-      <input type="text" name="designation" value="{{ old('designation', $staff->designation) }}">
-    </div>
-
-    <div class="field">
-      <label>Joining Date</label>
-      <input type="date" name="joining_date" value="{{ old('joining_date', optional($staff->joining_date)->format('Y-m-d')) }}">
-    </div>
-
-    <div class="field">
-      <label>Status</label>
-      <select name="status">
-        <option value="active" {{ old('status', $staff->status)=='active'?'selected':'' }}>Active</option>
-        <option value="inactive" {{ old('status', $staff->status)=='inactive'?'selected':'' }}>Inactive</option>
-      </select>
-    </div>
-
-    <div class="field">
-      <label>Additional Info</label>
-      <textarea name="additional_info" rows="3">{{ old('additional_info', $staff->additional_info) }}</textarea>
-    </div>
-
-    <hr>
-
-    <div class="field">
-      <label>Username *</label>
-      <input type="text" name="username" value="{{ old('username', $staff->username) }}" required>
-    </div>
-
-    <div class="field">
-      <label>New Password (leave blank to keep existing)</label>
-      <input type="password" name="password" autocomplete="new-password">
-    </div>
-
-    <hr>
-
-    <div style="margin-bottom:.5rem; font-weight:700;">Permissions</div>
-
-    @foreach($permissions as $group => $groupPerms)
-      <div class="perm-group">
-        <div style="display:flex; justify-content:space-between; align-items:center;">
-          <div style="font-weight:600;">{{ ucfirst($group) }}</div>
-          <div>
-            <button type="button" class="btn" onclick="toggleGroup('{{ $group }}')">Toggle group</button>
-          </div>
+<div class="staff-edit-container">
+    <!-- Main Card -->
+    <div class="staff-edit-card">
+        <!-- Compact Header -->
+        <div class="staff-header">
+            <div class="staff-avatar">
+                <div class="staff-avatar-initials">
+                    {{ strtoupper(substr($staff->name, 0, 2)) }}
+                </div>
+            </div>
+            <h1 class="staff-title">Edit Staff Profile</h1>
+            <div class="staff-subtitle">{{ $staff->name }}</div>
+            <div class="employee-id-badge">{{ $staff->employee_id }}</div>
         </div>
 
-        <div class="perm-list" id="group-{{ $group }}">
-          @foreach($groupPerms as $perm)
-            <label class="perm-item">
-              <input type="checkbox" name="permissions[]" value="{{ $perm->name }}"
-                {{ in_array($perm->name, old('permissions', $staffPermissions)) ? 'checked' : '' }}>
-              {{ $perm->name }}
-            </label>
-          @endforeach
-        </div>
-      </div>
-    @endforeach
+        <!-- Error Messages -->
+        @if($errors->any())
+            <div class="error-container">
+                <div class="error-title">
+                    <span>⚠️</span>
+                    There were some problems with your input
+                </div>
+                <ul class="error-list">
+                    @foreach($errors->all() as $err)
+                        <li class="error-item">{{ $err }}</li>
+                    @endforeach
+                </ul>
+            </div>
+        @endif
 
-    <div style="display:flex; justify-content:flex-end; gap:.5rem;">
-      <a href="{{ route('admin.staff.index') }}" class="btn">Cancel</a>
-      <button type="submit" class="btn primary">Update Staff</button>
+        <form method="POST" action="{{ route('admin.staff.update', $staff->id) }}" id="staffForm">
+            @csrf
+            @method('PUT')
+
+            <!-- Personal Information Section -->
+            <div class="form-section">
+                <div class="section-header">
+                    <div class="section-icon">👤</div>
+                    <h2 class="section-title">Personal Information</h2>
+                </div>
+                <div class="form-grid">
+                    <div class="form-group">
+                        <label class="form-label required">Full Name</label>
+                        <input type="text" 
+                               name="name" 
+                               value="{{ old('name', $staff->name) }}" 
+                               class="form-input" 
+                               placeholder="Enter full name"
+                               required>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label required">Email</label>
+                        <input type="email" 
+                               name="email" 
+                               value="{{ old('email', $staff->email) }}" 
+                               class="form-input" 
+                               placeholder="staff@company.com"
+                               required>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label required">Phone</label>
+                        <input type="text" 
+                               name="phone" 
+                               value="{{ old('phone', $staff->phone) }}" 
+                               class="form-input" 
+                               placeholder="+91 9876543210"
+                               required>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Emergency Contact</label>
+                        <input type="text" 
+                               name="emergency_phone" 
+                               value="{{ old('emergency_phone', $staff->emergency_phone) }}" 
+                               class="form-input" 
+                               placeholder="Emergency contact">
+                    </div>
+
+                    <div class="form-group" style="grid-column: span 2;">
+                        <label class="form-label">Address</label>
+                        <textarea name="address" 
+                                  class="form-input form-textarea" 
+                                  placeholder="Enter complete address"
+                                  rows="3">{{ old('address', $staff->address) }}</textarea>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Professional Information Section -->
+            <div class="form-section">
+                <div class="section-header">
+                    <div class="section-icon">💼</div>
+                    <h2 class="section-title">Professional Information</h2>
+                </div>
+                <div class="form-grid">
+                    <div class="form-group">
+                        <label class="form-label">Employee ID</label>
+                        <input type="text" 
+                               value="{{ $staff->employee_id }}" 
+                               class="form-input" 
+                               disabled 
+                               style="background: #f7fafc;">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Role</label>
+                        <input type="text" 
+                               name="role" 
+                               value="{{ old('role', $staff->role) }}" 
+                               class="form-input" 
+                               placeholder="e.g., Manager, Executive">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Department</label>
+                        <input type="text" 
+                               name="department" 
+                               value="{{ old('department', $staff->department) }}" 
+                               class="form-input" 
+                               placeholder="e.g., IT, HR">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Designation</label>
+                        <input type="text" 
+                               name="designation" 
+                               value="{{ old('designation', $staff->designation) }}" 
+                               class="form-input" 
+                               placeholder="e.g., Senior Developer">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Joining Date</label>
+                        <input type="date" 
+                               name="joining_date" 
+                               value="{{ old('joining_date', optional($staff->joining_date)->format('Y-m-d')) }}" 
+                               class="form-input">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Status</label>
+                        <div class="status-toggle">
+                            <label class="status-option {{ old('status', $staff->status) == 'active' ? 'active' : '' }}">
+                                <input type="radio" name="status" value="active" {{ old('status', $staff->status) == 'active' ? 'checked' : '' }}>
+                                <span>✅ Active</span>
+                            </label>
+                            <label class="status-option {{ old('status', $staff->status) == 'inactive' ? 'inactive' : '' }}">
+                                <input type="radio" name="status" value="inactive" {{ old('status', $staff->status) == 'inactive' ? 'checked' : '' }}>
+                                <span>⏸️ Inactive</span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Account Information Section -->
+            <div class="form-section">
+                <div class="section-header">
+                    <div class="section-icon">🔐</div>
+                    <h2 class="section-title">Account Information</h2>
+                </div>
+                <div class="form-grid">
+                    <div class="form-group">
+                        <label class="form-label required">Username</label>
+                        <input type="text" 
+                               name="username" 
+                               value="{{ old('username', $staff->username) }}" 
+                               class="form-input" 
+                               placeholder="Choose username"
+                               required>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">New Password</label>
+                        <input type="password" 
+                               name="password" 
+                               class="form-input" 
+                               placeholder="Leave blank to keep existing"
+                               id="passwordInput"
+                               autocomplete="new-password">
+                        <div class="password-strength">
+                            <div class="strength-bar" id="strengthBar"></div>
+                        </div>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Confirm Password</label>
+                        <input type="password" 
+                               name="password_confirmation" 
+                               class="form-input" 
+                               placeholder="Confirm new password">
+                    </div>
+                </div>
+            </div>
+
+            <!-- Additional Information Section -->
+            <div class="form-section">
+                <div class="section-header">
+                    <div class="section-icon">📝</div>
+                    <h2 class="section-title">Additional Information</h2>
+                </div>
+                <div class="form-grid">
+                    <div class="form-group" style="grid-column: span 2;">
+                        <label class="form-label">Additional Notes</label>
+                        <textarea name="additional_info" 
+                                  class="form-input form-textarea" 
+                                  placeholder="Any additional information"
+                                  rows="3">{{ old('additional_info', $staff->additional_info) }}</textarea>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Permissions Section -->
+            <div class="form-section">
+                <div class="section-header">
+                    <div class="section-icon">🔑</div>
+                    <h2 class="section-title">Permissions & Access</h2>
+                </div>
+                
+                <div class="permissions-container">
+                    @foreach($permissions as $group => $groupPerms)
+                        <div class="permission-group">
+                            <div class="group-header">
+                                <h3 class="group-title">{{ ucfirst($group) }}</h3>
+                                <button type="button" 
+                                        class="toggle-group-btn" 
+                                        onclick="toggleGroupPermissions('{{ $group }}')">
+                                    Toggle All
+                                </button>
+                            </div>
+                            <div class="permission-items" id="permission-group-{{ $group }}">
+                                @foreach($groupPerms as $perm)
+                                    <label class="permission-item">
+                                        <input type="checkbox" 
+                                               name="permissions[]" 
+                                               value="{{ $perm->name }}"
+                                               class="permission-checkbox"
+                                               id="perm-{{ $perm->id }}"
+                                               {{ in_array($perm->name, old('permissions', $staffPermissions)) ? 'checked' : '' }}>
+                                        <span class="permission-name">{{ $perm->name }}</span>
+                                    </label>
+                                @endforeach
+                            </div>
+                        </div>
+                    @endforeach
+                </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div class="action-buttons">
+                <a href="{{ route('admin.staff.index') }}" class="btn btn-cancel">
+                    <span>←</span>
+                    Cancel
+                </a>
+                <button type="submit" class="btn btn-update">
+                    <span>💾</span>
+                    Update Profile
+                </button>
+            </div>
+        </form>
     </div>
-  </form>
 </div>
 
 <script>
-  function toggleGroup(group){
-    const el = document.getElementById('group-'+group);
-    if(!el) return;
-    const inputs = el.querySelectorAll('input[type="checkbox"]');
-    const anyUnchecked = Array.from(inputs).some(i => !i.checked);
-    inputs.forEach(i => i.checked = anyUnchecked);
-  }
+    // Password Strength Indicator
+    document.getElementById('passwordInput').addEventListener('input', function(e) {
+        const password = e.target.value;
+        const strengthBar = document.getElementById('strengthBar');
+        let strength = 0;
+        
+        if (password.length >= 8) strength++;
+        if (/[A-Z]/.test(password)) strength++;
+        if (/[0-9]/.test(password)) strength++;
+        if (/[^A-Za-z0-9]/.test(password)) strength++;
+        
+        let width = 0;
+        let className = '';
+        
+        switch(strength) {
+            case 0:
+                width = 0;
+                className = 'strength-weak';
+                break;
+            case 1:
+                width = 25;
+                className = 'strength-weak';
+                break;
+            case 2:
+                width = 50;
+                className = 'strength-fair';
+                break;
+            case 3:
+                width = 75;
+                className = 'strength-good';
+                break;
+            case 4:
+                width = 100;
+                className = 'strength-strong';
+                break;
+        }
+        
+        strengthBar.style.width = width + '%';
+        strengthBar.className = 'strength-bar ' + className;
+    });
+
+    // Toggle Group Permissions
+    function toggleGroupPermissions(group) {
+        const checkboxes = document.querySelectorAll(`#permission-group-${group} .permission-checkbox`);
+        const allChecked = Array.from(checkboxes).every(cb => cb.checked);
+        
+        checkboxes.forEach(checkbox => {
+            checkbox.checked = !allChecked;
+            checkbox.dispatchEvent(new Event('change'));
+        });
+    }
+
+    // Status toggle selection
+    document.querySelectorAll('.status-option').forEach(option => {
+        option.addEventListener('click', function() {
+            document.querySelectorAll('.status-option').forEach(opt => {
+                opt.classList.remove('active', 'inactive');
+            });
+            
+            const input = this.querySelector('input');
+            if (input.value === 'active') {
+                this.classList.add('active');
+            } else {
+                this.classList.add('inactive');
+            }
+            
+            input.checked = true;
+        });
+    });
+
+    // Form validation
+    document.getElementById('staffForm').addEventListener('submit', function(e) {
+        const requiredFields = this.querySelectorAll('[required]');
+        let valid = true;
+        
+        requiredFields.forEach(field => {
+            if (!field.value.trim()) {
+                valid = false;
+                field.style.borderColor = '#e53e3e';
+                field.style.animation = 'shake 0.3s ease';
+                
+                setTimeout(() => {
+                    field.style.animation = '';
+                }, 300);
+            } else {
+                field.style.borderColor = '#e2e8f0';
+            }
+        });
+        
+        if (!valid) {
+            e.preventDefault();
+            const firstError = this.querySelector('[required]:invalid');
+            if (firstError) {
+                firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
+        }
+    });
+
+    // Add shake animation
+    const style = document.createElement('style');
+    style.textContent = `
+        @keyframes shake {
+            0%, 100% { transform: translateX(0); }
+            25% { transform: translateX(-4px); }
+            75% { transform: translateX(4px); }
+        }
+    `;
+    document.head.appendChild(style);
 </script>
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/staff/index.blade.php b/resources/views/admin/staff/index.blade.php
index 479014d..184a2a2 100644
--- a/resources/views/admin/staff/index.blade.php
+++ b/resources/views/admin/staff/index.blade.php
@@ -1,65 +1,896 @@
 @extends('admin.layouts.app')
 
-@section('page-title', 'Account Dashboard')
+@section('page-title', 'Staff Management Dashboard')
 
 @section('content')
 <style>
-  .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
-  .card { background:#fff; border:1px solid #e4e4e4; border-radius:6px; padding:1rem; box-shadow:0 1px 3px rgba(0,0,0,.03); }
-  table { width:100%; border-collapse:collapse; }
-  th, td { padding:.6rem .75rem; border-bottom:1px solid #f1f1f1; text-align:left; }
-  .btn { padding:.45rem .75rem; border-radius:4px; border:1px solid #ccc; background:#f7f7f7; cursor:pointer; }
-  .btn.primary { background:#0b74de; color:#fff; border-color:#0b74de; }
-  .actions a { margin-right:.5rem; color:#0b74de; text-decoration:none; }
-  .muted { color:#666; font-size:.95rem; }
+    :root {
+        --primary: #4361ee;
+        --primary-dark: #3a56d4;
+        --secondary: #f72585;
+        --success: #4cc9f0;
+        --warning: #f8961e;
+        --danger: #e63946;
+        --light: #f8f9fa;
+        --dark: #212529;
+        --gray: #6c757d;
+        --border: #e2e8f0;
+        --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        --hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    }
+
+    /* Search Bar - Similar to Shipment */
+    .search-staff-bar {
+        display: flex;
+        align-items: center;
+        gap: 15px;
+        padding: 20px;
+        background: var(--gradient-primary);
+        border-radius: 16px;
+        box-shadow: var(--card-shadow);
+        flex-wrap: wrap;
+        margin-bottom: 30px;
+        color: white;
+        position: relative;
+        overflow: hidden;
+    }
+    
+    .search-staff-bar::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(255,255,255,0.1);
+        z-index: 0;
+    }
+    
+    .search-staff-bar > * {
+        position: relative;
+        z-index: 1;
+    }
+    
+    .search-staff-bar input, 
+    .search-staff-bar select {
+        padding: 12px 16px;
+        border: 1px solid rgba(255,255,255,0.2);
+        border-radius: 10px;
+        flex: 1;
+        min-width: 150px;
+        background: rgba(255,255,255,0.9);
+        font-weight: 500;
+        transition: all 0.3s ease;
+        color: var(--dark);
+    }
+    
+    .search-staff-bar input:focus, 
+    .search-staff-bar select:focus {
+        background: white;
+        box-shadow: 0 0 0 3px rgba(255,255,255,0.3);
+        outline: none;
+    }
+    
+    .btn-add-staff {
+        background: rgba(255,255,255,0.2);
+        backdrop-filter: blur(10px);
+        color: white;
+        border: 1px solid rgba(255,255,255,0.3);
+        padding: 12px 24px;
+        border-radius: 10px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        transition: all 0.3s ease;
+        white-space: nowrap;
+        font-weight: 600;
+        text-decoration: none;
+    }
+    
+    .btn-add-staff:hover {
+        background: rgba(255,255,255,0.3);
+        transform: translateY(-2px);
+        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+    }
+    
+    .search-icon {
+        font-size: 20px;
+        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
+    }
+    
+    .user-icon {
+        font-size: 18px;
+    }
+
+    @media (max-width: 768px) {
+        .search-staff-bar {
+            flex-direction: column;
+            align-items: stretch;
+        }
+        .search-staff-bar input, 
+        .search-staff-bar select {
+            width: 100%;
+        }
+    }
+    
+    /* Card Styles - Same as Shipment */
+    .card {
+        border: none;
+        border-radius: 16px;
+        box-shadow: var(--card-shadow);
+        transition: all 0.3s ease;
+        overflow: hidden;
+    }
+    
+    .card:hover {
+        transform: translateY(-5px);
+        box-shadow: var(--hover-shadow);
+    }
+    
+    .card-header {
+        background: var(--gradient-primary);
+        color: white;
+        border: none;
+        padding: 20px 25px;
+        border-radius: 16px 16px 0 0 !important;
+    }
+    
+    .card-header h5 {
+        margin: 0;
+        font-weight: 700;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+    }
+    
+    /* Table Styles - Similar to Shipment */
+    .table-responsive {
+        border-radius: 0 0 16px 16px;
+        overflow-x: auto;
+    }
+    
+    .table {
+        margin: 0;
+        border-collapse: separate;
+        border-spacing: 0;
+        width: 100%;
+        padding: 0;
+    }
+    
+    .table thead th {
+        background: #f8f9fa;
+        border: none;
+        padding: 16px 12px;
+        font-weight: 700;
+        color: var(--dark);
+        text-align: left;
+        vertical-align: middle;
+        border-bottom: 2px solid var(--border);
+        position: relative;
+    }
+    
+    .table tbody tr {
+        transition: all 0.3s ease;
+    }
+    
+    .table tbody tr:hover {
+        background-color: #f8f9ff;
+        transform: scale(1.01);
+        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+    }
+    
+    .table tbody td {
+        padding: 14px 12px;
+        text-align: left;
+        vertical-align: middle;
+        border-bottom: 1px solid var(--border);
+        font-weight: 500;
+    }
+    
+    .table tbody tr:last-child td {
+        border-bottom: none;
+    }
+    
+    /* Status Badges - Similar Style */
+    .badge {
+        padding: 6px 12px !important;
+        border-radius: 20px !important;
+        font-weight: 600 !important;
+        font-size: 12px !important;
+        border: 2px solid transparent !important;
+        min-width: 80px !important;
+        text-align: center !important;
+        display: inline-block !important;
+        line-height: 1.2 !important;
+    }
+    
+    .badge-active {
+        background: linear-gradient(135deg, #d1fae5, #a7f3d0) !important;
+        color: #065f46 !important;
+        border-color: #10b981 !important;
+    }
+    
+    .badge-inactive {
+        background: linear-gradient(135deg, #fecaca, #fca5a5) !important;
+        color: #991b1b !important;
+        border-color: #ef4444 !important;
+    }
+    
+    .badge-pending {
+        background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
+        color: #92400e !important;
+        border-color: #f59e0b !important;
+    }
+    
+    /* Employee ID Badge - Similar to Shipment ID */
+    .employee-id-badge {
+        font-family: 'Courier New', monospace;
+        background: rgba(67, 97, 238, 0.1);
+        padding: 4px 8px;
+        border-radius: 6px;
+        font-size: 0.85rem;
+        color: var(--primary);
+        border: 1px solid rgba(67, 97, 238, 0.2);
+        display: inline-block;
+    }
+    
+    /* Action Buttons - Similar Style */
+    .action-buttons {
+        display: flex;
+        gap: 8px;
+    }
+    
+    .btn-action {
+        padding: 6px 12px;
+        border-radius: 8px;
+        font-size: 13px;
+        font-weight: 600;
+        text-decoration: none;
+        transition: all 0.3s ease;
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        border: none;
+        cursor: pointer;
+    }
+    
+    .btn-edit {
+        background: linear-gradient(135deg, #4cc9f0, #4361ee);
+        color: white;
+    }
+    
+    .btn-edit:hover {
+        background: linear-gradient(135deg, #38bdf8, #3a56d4);
+        transform: translateY(-2px);
+        box-shadow: 0 4px 12px rgba(76, 201, 240, 0.3);
+    }
+    
+    .btn-delete {
+        background: linear-gradient(135deg, #f87171, #ef4444);
+        color: white;
+    }
+    
+    .btn-delete:hover {
+        background: linear-gradient(135deg, #ef4444, #dc2626);
+        transform: translateY(-2px);
+        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
+    }
+    
+    /* Success Message - Similar Style */
+    .alert-success {
+        background: linear-gradient(135deg, #e6ffed, #d1f7e5);
+        border: 1px solid #b6f0c6;
+        border-left: 4px solid var(--success);
+        color: #0f5132;
+        padding: 1rem 1.25rem;
+        border-radius: 10px;
+        margin-bottom: 1.5rem;
+        display: flex;
+        align-items: center;
+        gap: 0.75rem;
+    }
+    
+    .alert-success:before {
+        content: '✓';
+        background: var(--success);
+        color: white;
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.75rem;
+    }
+    
+    /* Empty State */
+    .empty-state {
+        text-align: center;
+        padding: 3rem 1rem;
+        color: var(--gray);
+    }
+    
+    .empty-state:before {
+        content: '👤';
+        font-size: 3rem;
+        display: block;
+        margin-bottom: 1rem;
+        opacity: 0.5;
+    }
+    
+    /* Role Badges */
+    .role-badge {
+        padding: 4px 8px;
+        border-radius: 6px;
+        font-size: 11px;
+        font-weight: 600;
+        background: rgba(67, 97, 238, 0.1);
+        color: var(--primary);
+        border: 1px solid rgba(67, 97, 238, 0.2);
+    }
+    
+    /* Stats Cards - Similar to Shipment Totals */
+    .stats-cards {
+        display: flex;
+        gap: 20px;
+        margin-bottom: 30px;
+        flex-wrap: wrap;
+    }
+    
+    .stat-card {
+        flex: 1;
+        min-width: 200px;
+        background: white;
+        padding: 20px;
+        border-radius: 12px;
+        box-shadow: var(--card-shadow);
+        display: flex;
+        align-items: center;
+        gap: 15px;
+        transition: all 0.3s ease;
+    }
+    
+    .stat-card:hover {
+        transform: translateY(-3px);
+        box-shadow: var(--hover-shadow);
+    }
+    
+    .stat-icon {
+        width: 50px;
+        height: 50px;
+        border-radius: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 24px;
+    }
+    
+    .stat-icon.total {
+        background: linear-gradient(135deg, #e6f3ff, #c2d9ff);
+        color: var(--primary);
+    }
+    
+    .stat-icon.active {
+        background: linear-gradient(135deg, #d1fae5, #a7f3d0);
+        color: #10b981;
+    }
+    
+    .stat-content h3 {
+        font-size: 1.8rem;
+        font-weight: 700;
+        margin: 0;
+        color: var(--dark);
+    }
+    
+    .stat-content p {
+        color: var(--gray);
+        margin: 4px 0 0 0;
+        font-size: 0.875rem;
+    }
+
+    /* Pagination - Same as Shipment */
+    .pagination-container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 15px;
+        padding: 12px 25px;
+        border-top: 1px solid #eef3fb;
+    }
+
+    .pagination-info {
+        font-size: 13px;
+        color: #9ba5bb;
+        font-weight: 600;
+    }
+
+    .pagination-controls {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .pagination-btn {
+        background: #fff;
+        border: 1px solid #e3eaf6;
+        color: #1a2951;
+        padding: 8px 12px;
+        border-radius: 6px;
+        font-size: 13px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 40px;
+        height: 32px;
+    }
+
+    .pagination-btn:hover:not(:disabled) {
+        background: #1a2951;
+        color: white;
+        border-color: #1a2951;
+    }
+
+    .pagination-btn:disabled {
+        background: #f8fafc;
+        color: #cbd5e0;
+        border-color: #e2e8f0;
+        cursor: not-allowed;
+        opacity: 0.6;
+    }
+
+    .pagination-page-btn {
+        background: #fff;
+        border: 1px solid #e3eaf6;
+        color: #1a2951;
+        padding: 6px 12px;
+        border-radius: 6px;
+        font-size: 13px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        min-width: 36px;
+        text-align: center;
+    }
+
+    .pagination-page-btn:hover {
+        background: #1a2951;
+        color: white;
+        border-color: #1a2951;
+    }
+
+    .pagination-page-btn.active {
+        background: #1a2951;
+        color: white;
+        border-color: #1a2951;
+    }
+
+    .pagination-pages {
+        display: flex;
+        gap: 4px;
+        align-items: center;
+    }
+
+    .pagination-ellipsis {
+        color: #9ba5bb;
+        font-size: 13px;
+        padding: 0 4px;
+    }
+
+    @media (max-width: 768px) {
+        .stats-cards {
+            flex-direction: column;
+        }
+        
+        .stat-card {
+            min-width: 100%;
+        }
+        
+        .pagination-container {
+            flex-direction: column;
+            gap: 10px;
+            align-items: stretch;
+        }
+        
+        .pagination-controls {
+            justify-content: center;
+        }
+    }
 </style>
 
-<div class="top-bar">
-  <h2>Staff</h2>
-  <a href="{{ route('admin.staff.create') }}" class="btn primary">Add Staff</a>
+<div class="container-fluid py-4">
+
+    @if(session('success'))
+        <div class="alert-success">
+            {{ session('success') }}
+        </div>
+    @endif
+
+    {{-- Stats Cards --}}
+    <div class="stats-cards">
+        <div class="stat-card">
+            <div class="stat-icon total">
+                👥
+            </div>
+            <div class="stat-content">
+                <h3>{{ $staff->count() }}</h3>
+                <p>Total Staff</p>
+            </div>
+        </div>
+        <div class="stat-card">
+            <div class="stat-icon active">
+                ✅
+            </div>
+            <div class="stat-content">
+                <h3>{{ $staff->where('status', 'active')->count() }}</h3>
+                <p>Active Staff</p>
+            </div>
+        </div>
+        <div class="stat-card">
+            <div class="stat-icon" style="background: linear-gradient(135deg, #f3e8ff, #e9d5ff); color: #8b5cf6;">
+                👑
+            </div>
+            <div class="stat-content">
+                <h3>{{ $staff->unique('role')->count() }}</h3>
+                <p>Unique Roles</p>
+            </div>
+        </div>
+    </div>
+
+    {{-- Search Bar --}}
+    <div class="search-staff-bar">
+        <span class="search-icon">🔍</span>
+        <input type="text" id="searchInput" placeholder="Search by name, email, or employee ID...">
+        <div class="status-filter-container">
+            <select id="statusFilter" class="status-filter-select">
+                <option value="all">All Status</option>
+                <option value="active">Active</option>
+                <option value="inactive">Inactive</option>
+                <option value="pending">Pending</option>
+            </select>
+        </div>
+        <select id="roleFilter">
+            <option value="all">All Roles</option>
+            @foreach($staff->unique('role')->pluck('role') as $role)
+                @if($role)
+                    <option value="{{ $role }}">{{ ucfirst($role) }}</option>
+                @endif
+            @endforeach
+        </select>
+        <a href="{{ route('admin.staff.create') }}" class="btn-add-staff">
+            <span class="user-icon">➕</span>
+            Add Staff
+        </a>
+    </div>
+
+    {{-- Staff Table --}}
+    <div class="card">
+        <div class="card-header">
+            <h5 class="mb-0"><i class="bi bi-people me-2"></i> Staff Management</h5>
+        </div>
+
+        <div class="card-body p-0">
+            <div class="table-responsive">
+                <table class="table table-hover mb-0">
+                    <thead>
+                        <tr>
+                            <th>#</th>
+                            <th>Employee ID</th>
+                            <th>Name</th>
+                            <th>Email</th>
+                            <th>Phone</th>
+                            <th>Role</th>
+                            <th>Status</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+
+                    <tbody id="staffTableBody">
+                        @php
+                            $totalStaff = count($staff);
+                        @endphp
+                        @forelse($staff as $s)
+                        <tr class="staff-row" data-status="{{ $s->status }}" data-role="{{ $s->role ?? '' }}">
+                            <td class="fw-bold">{{ $totalStaff - $loop->index }}</td>
+                            <td>
+                                <span class="employee-id-badge">{{ $s->employee_id }}</span>
+                            </td>
+                            <td>
+                                <div class="d-flex align-items-center gap-2">
+                                    <div style="width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #667eea, #764ba2); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold;">
+                                        {{ strtoupper(substr($s->name, 0, 1)) }}
+                                    </div>
+                                    <span class="fw-medium">{{ $s->name }}</span>
+                                </div>
+                            </td>
+                            <td>{{ $s->email }}</td>
+                            <td>{{ $s->phone ?? '-' }}</td>
+                            <td>
+                                @if($s->role)
+                                    <span class="role-badge">{{ $s->role }}</span>
+                                @else
+                                    <span class="text-muted">-</span>
+                                @endif
+                            </td>
+                            <td>
+                                <span class="badge badge-{{ $s->status }}">
+                                    {{ ucfirst($s->status) }}
+                                </span>
+                            </td>
+                            <td>
+                                <div class="action-buttons">
+                                    <a href="{{ route('admin.staff.edit', $s->id) }}" class="btn-action btn-edit">
+                                        <i class="bi bi-pencil"></i>
+                                        Edit
+                                    </a>
+                                    <form action="{{ route('admin.staff.destroy', $s->id) }}" method="POST" style="display:inline" onsubmit="return confirm('Are you sure you want to delete this staff member?')">
+                                        @csrf
+                                        @method('DELETE')
+                                        <button type="submit" class="btn-action btn-delete">
+                                            <i class="bi bi-trash"></i>
+                                            Delete
+                                        </button>
+                                    </form>
+                                </div>
+                            </td>
+                        </tr>
+                        @empty
+                        <tr>
+                            <td colspan="8" class="text-center py-5 text-muted">
+                                <div class="empty-state">
+                                    No staff members found
+                                </div>
+                            </td>
+                        </tr>
+                        @endforelse
+                    </tbody>
+                </table>
+            </div>
+
+            {{-- Pagination --}}
+            <div class="pagination-container">
+                <div class="pagination-info" id="pageInfo">
+                    Showing 1 to {{ $staff->count() }} of {{ $staff->count() }} entries
+                </div>
+                <div class="pagination-controls">
+                    <button class="pagination-btn" id="prevPageBtn" title="Previous page" disabled>
+                        <i class="bi bi-chevron-left"></i>
+                    </button>
+                    <div class="pagination-pages" id="paginationPages">
+                        <button class="pagination-page-btn active">1</button>
+                    </div>
+                    <button class="pagination-btn" id="nextPageBtn" title="Next page" disabled>
+                        <i class="bi bi-chevron-right"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 
-<div class="card">
-  @if(session('success'))
-    <div style="padding:.5rem; background:#e6ffed; border:1px solid #b6f0c6; margin-bottom:1rem;">{{ session('success') }}</div>
-  @endif
+<script>
+// Pagination state
+let currentPage = 1;
+const itemsPerPage = 10;
+let allStaff = @json($staff);
+let filteredStaff = [...allStaff];
 
-  <table>
-    <thead>
-      <tr>
-        <th>#</th>
-        <th>Employee ID</th>
-        <th>Name</th>
-        <th>Email</th>
-        <th>Phone</th>
-        <th>Role</th>
-        <th>Status</th>
-        <th>Actions</th>
-      </tr>
-    </thead>
-    <tbody>
-      @forelse($staff as $s)
-        <tr>
-          <td>{{ $s->id }}</td>
-          <td class="muted">{{ $s->employee_id }}</td>
-          <td>{{ $s->name }}</td>
-          <td>{{ $s->email }}</td>
-          <td>{{ $s->phone }}</td>
-          <td>{{ $s->role ?? '-' }}</td>
-          <td>{{ ucfirst($s->status) }}</td>
-          <td class="actions">
-            <a href="{{ route('admin.staff.edit', $s->id) }}">Edit</a>
-            <form action="{{ route('admin.staff.destroy', $s->id) }}" method="POST" style="display:inline" onsubmit="return confirm('Delete this staff?')">
-              @csrf
-              @method('DELETE')
-              <button class="btn" type="submit">Delete</button>
-            </form>
-          </td>
-        </tr>
-      @empty
-        <tr><td colspan="8" class="muted">No staff found.</td></tr>
-      @endforelse
-    </tbody>
-  </table>
-</div>
-@endsection
+// Initialize on page load
+document.addEventListener('DOMContentLoaded', function() {
+    renderTable();
+    updatePaginationControls();
+    
+    // Bind pagination events
+    document.getElementById('prevPageBtn').addEventListener('click', goToPreviousPage);
+    document.getElementById('nextPageBtn').addEventListener('click', goToNextPage);
+
+    // Filter functionality
+    const statusFilter = document.getElementById('statusFilter');
+    const searchInput = document.getElementById('searchInput');
+    const roleFilter = document.getElementById('roleFilter');
+
+    function filterStaff() {
+        const selectedStatus = statusFilter.value;
+        const searchTerm = searchInput.value.toLowerCase();
+        const selectedRole = roleFilter.value;
+
+        filteredStaff = allStaff.filter(staff => {
+            let include = true;
+
+            // Status filter
+            if (selectedStatus !== 'all' && staff.status !== selectedStatus) {
+                include = false;
+            }
+
+            // Role filter
+            if (selectedRole !== 'all') {
+                const staffRole = staff.role || '';
+                if (staffRole.toLowerCase() !== selectedRole.toLowerCase()) {
+                    include = false;
+                }
+            }
+
+            // Search filter
+            if (searchTerm) {
+                const matchesSearch = 
+                    staff.name.toLowerCase().includes(searchTerm) ||
+                    staff.email.toLowerCase().includes(searchTerm) ||
+                    (staff.employee_id && staff.employee_id.toLowerCase().includes(searchTerm)) ||
+                    (staff.phone && staff.phone.toLowerCase().includes(searchTerm));
+                if (!matchesSearch) include = false;
+            }
+
+            return include;
+        });
+
+        currentPage = 1;
+        renderTable();
+        updatePaginationControls();
+    }
+
+    // Event listeners for filters
+    statusFilter.addEventListener('change', filterStaff);
+    searchInput.addEventListener('input', filterStaff);
+    roleFilter.addEventListener('change', filterStaff);
+
+    // Initialize filter
+    filterStaff();
+});
+
+// Pagination Functions
+function goToPreviousPage() {
+    if (currentPage > 1) {
+        currentPage--;
+        renderTable();
+        updatePaginationControls();
+    }
+}
+
+function goToNextPage() {
+    const totalPages = Math.ceil(filteredStaff.length / itemsPerPage);
+    if (currentPage < totalPages) {
+        currentPage++;
+        renderTable();
+        updatePaginationControls();
+    }
+}
+
+function updatePaginationControls() {
+    const totalPages = Math.ceil(filteredStaff.length / itemsPerPage);
+    const prevBtn = document.getElementById('prevPageBtn');
+    const nextBtn = document.getElementById('nextPageBtn');
+    const pageInfo = document.getElementById('pageInfo');
+    const paginationPages = document.getElementById('paginationPages');
+    
+    prevBtn.disabled = currentPage === 1;
+    nextBtn.disabled = currentPage === totalPages || totalPages === 0;
+    
+    // Update page info text
+    const startIndex = (currentPage - 1) * itemsPerPage + 1;
+    const endIndex = Math.min(currentPage * itemsPerPage, filteredStaff.length);
+    pageInfo.textContent = `Showing ${startIndex} to ${endIndex} of ${filteredStaff.length} entries`;
+    
+    // Generate page numbers
+    paginationPages.innerHTML = '';
+    
+    if (totalPages <= 7) {
+        for (let i = 1; i <= totalPages; i++) {
+            addPageButton(i, paginationPages);
+        }
+    } else {
+        addPageButton(1, paginationPages);
+        
+        if (currentPage > 3) {
+            paginationPages.innerHTML += '<span class="pagination-ellipsis">...</span>';
+        }
+        
+        const start = Math.max(2, currentPage - 1);
+        const end = Math.min(totalPages - 1, currentPage + 1);
+        
+        for (let i = start; i <= end; i++) {
+            addPageButton(i, paginationPages);
+        }
+        
+        if (currentPage < totalPages - 2) {
+            paginationPages.innerHTML += '<span class="pagination-ellipsis">...</span>';
+        }
+        
+        addPageButton(totalPages, paginationPages);
+    }
+}
+
+function addPageButton(pageNumber, container) {
+    const button = document.createElement('button');
+    button.className = 'pagination-page-btn';
+    if (pageNumber === currentPage) {
+        button.classList.add('active');
+    }
+    button.textContent = pageNumber;
+    button.addEventListener('click', () => {
+        currentPage = pageNumber;
+        renderTable();
+        updatePaginationControls();
+    });
+    container.appendChild(button);
+}
+
+// Render Table
+function renderTable() {
+    const tbody = document.getElementById('staffTableBody');
+    
+    if (filteredStaff.length === 0) {
+        tbody.innerHTML = `
+            <tr>
+                <td colspan="8" class="text-center py-5 text-muted">
+                    <div class="empty-state">
+                        No staff members found matching your criteria
+                    </div>
+                </td>
+            </tr>
+        `;
+        return;
+    }
+    
+    const startIndex = (currentPage - 1) * itemsPerPage;
+    const endIndex = startIndex + itemsPerPage;
+    const paginatedItems = filteredStaff.slice(startIndex, endIndex);
+    
+    const sortedItems = [...paginatedItems].sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
+    
+    tbody.innerHTML = '';
+    sortedItems.forEach((staff, index) => {
+        const displayIndex = filteredStaff.length - (startIndex + index);
+        const row = document.createElement('tr');
+        row.className = 'staff-row';
+        row.setAttribute('data-status', staff.status);
+        row.setAttribute('data-role', staff.role || '');
+        
+        row.innerHTML = `
+            <td class="fw-bold">${displayIndex}</td>
+            <td>
+                <span class="employee-id-badge">${staff.employee_id}</span>
+            </td>
+            <td>
+                <div class="d-flex align-items-center gap-2">
+                    <div style="width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #667eea, #764ba2); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold;">
+                        ${staff.name ? staff.name.charAt(0).toUpperCase() : '?'}
+                    </div>
+                    <span class="fw-medium">${staff.name}</span>
+                </div>
+            </td>
+            <td>${staff.email}</td>
+            <td>${staff.phone || '-'}</td>
+            <td>
+                ${staff.role ? `<span class="role-badge">${staff.role}</span>` : '<span class="text-muted">-</span>'}
+            </td>
+            <td>
+                <span class="badge badge-${staff.status}">
+                    ${staff.status.charAt(0).toUpperCase() + staff.status.slice(1)}
+                </span>
+            </td>
+            <td>
+                <div class="action-buttons">
+                    <a href="/admin/staff/${staff.id}/edit" class="btn-action btn-edit">
+                        <i class="bi bi-pencil"></i>
+                        Edit
+                    </a>
+                    <form action="/admin/staff/${staff.id}" method="POST" style="display:inline" onsubmit="return confirm('Are you sure you want to delete this staff member?')">
+                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
+                        <input type="hidden" name="_method" value="DELETE">
+                        <button type="submit" class="btn-action btn-delete">
+                            <i class="bi bi-trash"></i>
+                            Delete
+                        </button>
+                    </form>
+                </div>
+            </td>
+        `;
+        tbody.appendChild(row);
+    });
+}
+</script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/view_shipment.blade.php b/resources/views/admin/view_shipment.blade.php
index f46f1cc..143f233 100644
--- a/resources/views/admin/view_shipment.blade.php
+++ b/resources/views/admin/view_shipment.blade.php
@@ -3,32 +3,964 @@
 @section('page-title', 'Shipment Preview')
 
 @section('content')
+<style>
+/* ===== GLOBAL ENHANCEMENTS ===== */
+body {
+    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+}
 
-<div class="container py-4">
+.container-fluid {
+    padding: 20px;
+}
 
-    <div class="card shadow-sm border-0">
-        <div class="card-header bg-primary text-white">
-            <h5 class="mb-0">
+/* ===== MAIN CARD DESIGN ===== */
+.card {
+    border: none;
+    border-radius: 16px;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
+    background: white;
+    overflow: hidden;
+}
+
+/* ===== SHIPMENT HEADER DESIGN ===== */
+.shipment-header {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    padding: 25px 30px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    position: relative;
+    overflow: hidden;
+}
+
+.shipment-header::before {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
+    animation: shimmer 3s infinite linear;
+}
+
+@keyframes shimmer {
+    0% { transform: translateX(-100%) rotate(45deg); }
+    100% { transform: translateX(100%) rotate(45deg); }
+}
+
+.shipment-header h3 {
+    color: white;
+    font-weight: 700;
+    font-size: 1.8rem;
+    position: relative;
+    z-index: 1;
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.shipment-header .btn-primary {
+    background: rgba(255, 255, 255, 0.2);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    color: white;
+    padding: 10px 20px;
+    border-radius: 10px;
+    font-weight: 600;
+    font-size: 0.95rem;
+    backdrop-filter: blur(10px);
+    transition: all 0.3s ease;
+    position: relative;
+    z-index: 1;
+}
+
+.shipment-header .btn-primary:hover {
+    background: rgba(255, 255, 255, 0.3);
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
+}
+
+/* ===== SECTION HEADERS ===== */
+.fw-bold {
+    color: #2d3748;
+    font-weight: 700;
+    margin: 30px 25px 20px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #e2e8f0;
+    position: relative;
+}
+
+.fw-bold i {
+    color: #667eea;
+    margin-right: 10px;
+}
+
+/* ===== SHIPMENT INFO TABLE ===== */
+.table.table-bordered.table-hover {
+    margin: 0 25px 30px;
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
+    border: 1px solid #e2e8f0;
+}
+
+.table.table-bordered.table-hover th {
+    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
+    color: #4a5568;
+    font-weight: 600;
+    font-size: 0.95rem;
+    padding: 18px 20px;
+    width: 200px;
+    border-right: 1px solid #e2e8f0;
+}
+
+.table.table-bordered.table-hover td {
+    padding: 18px 20px;
+    font-size: 1rem;
+    color: #2d3748;
+}
+
+.table.table-bordered.table-hover tbody tr {
+    transition: all 0.2s ease;
+}
+
+.table.table-bordered.table-hover tbody tr:hover {
+    background: linear-gradient(90deg, #f8fafc, #f1f5f9);
+    transform: translateX(4px);
+}
+
+/* ===== STATUS BADGE ENHANCEMENT ===== */
+.badge {
+    padding: 8px 20px;
+    border-radius: 50px;
+    font-weight: 600;
+    font-size: 0.85rem;
+    letter-spacing: 0.5px;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.badge.bg-warning {
+    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
+    color: white;
+}
+
+.badge.bg-info {
+    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
+    color: white;
+}
+
+.badge.bg-primary {
+    background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important;
+    color: white;
+}
+
+.badge.bg-success {
+    background: linear-gradient(135deg, #10b981, #059669) !important;
+    color: white;
+}
+
+.badge.bg-secondary {
+    background: linear-gradient(135deg, #6b7280, #4b5563) !important;
+    color: white;
+}
+
+/* ===== ORDERS TABLE DESIGN ===== */
+.table-responsive {
+    margin: 0 25px 30px;
+}
+
+.table.table-hover.table-striped {
+    background: white;
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
+    border: 1px solid #e2e8f0;
+}
+
+.table.table-hover.table-striped thead {
+    background: linear-gradient(135deg, #2937, #374151);
+}
+
+.table.table-hover.table-striped thead th {
+    color: white;
+    font-weight: 600;
+    padding: 18px 15px;
+    border: none;
+    font-size: 0.9rem;
+    white-space: nowrap;
+    border-bottom: 2px solid #4b5563;
+}
+
+.table.table-hover.table-striped thead th:first-child {
+    border-radius: 12px 0 0 0;
+}
+
+.table.table-hover.table-striped thead th:last-child {
+    border-radius: 0 12px 0 0;
+}
+
+.table.table-hover.table-striped tbody tr {
+    border-bottom: 1px solid #f3f4f6;
+    transition: all 0.2s ease;
+}
+
+.table.table-hover.table-striped tbody tr:nth-of-type(odd) {
+    background: #ffffff;
+}
+
+.table.table-hover.table-striped tbody tr:nth-of-type(even) {
+    background: #f8fafc;
+}
+
+.table.table-hover.table-striped tbody tr:hover {
+    background: linear-gradient(90deg, #f1f5f9, #e2e8f0);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+}
+
+.table.table-hover.table-striped tbody td {
+    padding: 15px;
+    vertical-align: middle;
+    color: #4a5568;
+    font-size: 0.9rem;
+}
+
+/* ===== DATA BADGES ===== */
+.badge.bg-light {
+    background: #f1f5f9 !important;
+    color: #4b5563;
+    border: 1px solid #e2e8f0;
+    padding: 5px 12px;
+    border-radius: 8px;
+    font-weight: 500;
+    min-width: 50px;
+    text-align: center;
+}
+
+/* ===== REMOVE BUTTON ===== */
+.btn-outline-danger {
+    background: linear-gradient(135deg, #fef2f2, #fee2e2);
+    border: 1px solid #fecaca;
+    color: #dc2626;
+    padding: 6px 15px;
+    border-radius: 8px;
+    font-weight: 500;
+    font-size: 0.85rem;
+    transition: all 0.2s ease;
+}
+
+.btn-outline-danger:hover {
+    background: linear-gradient(135deg, #dc2626, #b91c1c);
+    color: white;
+    border-color: #dc2626;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);
+}
+
+/* ===== SHIPMENT TOTALS SECTION ===== */
+.row {
+    margin: 0 25px;
+}
+
+.table.table-bordered {
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
+    border: 1px solid #e2e8f0;
+    margin-bottom: 30px;
+}
+
+.table.table-bordered th {
+    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
+    color: #4a5568;
+    font-weight: 600;
+    padding: 15px 20px;
+    border-right: 1px solid #e2e8f0;
+}
+
+.table.table-bordered td {
+    padding: 15px 20px;
+    color: #2d3748;
+    font-size: 1.1rem;
+}
+
+/* ===== TOTAL AMOUNT ALERT ===== */
+.alert-success {
+    background: linear-gradient(135deg, #10b981, #059669);
+    border: none;
+    border-radius: 12px;
+    padding: 25px;
+    color: white;
+    margin: 0 25px 30px;
+    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.2);
+    position: relative;
+    overflow: hidden;
+}
+
+.alert-success::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: linear-gradient(90deg, #10b981, #059669, #10b981);
+}
+
+.alert-success h6 {
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin: 0;
+}
+
+.alert-success .float-end {
+    font-size: 1.5rem;
+    font-weight: 700;
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+/* ===== BACK BUTTON ===== */
+.mt-4 {
+    margin: 30px 25px 25px;
+}
+
+.btn-secondary {
+    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
+    border: 1px solid #d1d5db;
+    color: #4b5568;
+    padding: 12px 25px;
+    border-radius: 10px;
+    font-weight: 500;
+    font-size: 0.95rem;
+    transition: all 0.2s ease;
+}
+
+.btn-secondary:hover {
+    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
+    color: #374151;
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
+}
+
+/* ===== MODAL DESIGN (FROM CREATE NEW SHIPMENT) ===== */
+.modal-content {
+    border-radius: 20px;
+    border: none;
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    overflow: hidden;
+}
+
+.modal-header {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    border: none;
+    padding: 25px 30px 15px;
+    border-radius: 20px 20px 0 0;
+    position: relative;
+}
+
+.modal-header::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 5%;
+    width: 90%;
+    height: 1px;
+    background: rgba(255,255,255,0.2);
+}
+
+.modal-title {
+    font-weight: 700;
+    font-size: 1.5rem;
+}
+
+.btn-close {
+    filter: invert(1);
+    opacity: 0.8;
+}
+
+.btn-close:hover {
+    opacity: 1;
+}
+
+.btn-close-white {
+    filter: brightness(0) invert(1);
+    opacity: 0.8;
+    transition: all 0.3s ease;
+    position: relative;
+    z-index: 1;
+}
+
+.btn-close-white:hover {
+    opacity: 1;
+    transform: rotate(90deg);
+}
+
+/* ===== MODAL BODY ===== */
+.modal-body {
+    padding: 30px;
+    background: #f8fafc;
+}
+
+/* ===== FORM STYLES (FROM CREATE NEW SHIPMENT) ===== */
+.form-label {
+    font-weight: 600;
+    color: #5a6c7d;
+    margin-bottom: 8px;
+    font-size: 0.9rem;
+}
+
+.form-control {
+    border-radius: 10px;
+    border: 1px solid #e2e8f0;
+    padding: 12px 16px;
+    font-size: 15px;
+    transition: all 0.3s ease;
+    background: #fafbfc;
+    color: #4a5568;
+}
+
+.form-control:focus {
+    border-color: #a3bffa;
+    box-shadow: 0 0 0 3px rgba(163, 191, 250, 0.2);
+    background: white;
+}
+
+.form-control::placeholder {
+    color: #a0aec0;
+}
+
+/* Date Input Styling */
+input[type="date"] {
+    position: relative;
+}
+
+input[type="date"]::-webkit-calendar-picker-indicator {
+    background: transparent;
+    bottom: 0;
+    color: transparent;
+    cursor: pointer;
+    height: auto;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: auto;
+}
+
+input[type="date"] {
+    position: relative;
+    padding-right: 40px;
+}
+
+input[type="date"]:after {
+    content: "📅";
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    font-size: 16px;
+}
+
+/* ===== BUTTON STYLES (FROM CREATE NEW SHIPMENT) ===== */
+.btn-cancel {
+    background: #f7fafc;
+    color: #718096;
+    border: 1px solid #cbd5e0;
+    border-radius: 10px;
+    font-weight: 600;
+    padding: 12px 30px;
+    transition: all 0.3s ease;
+}
+
+.btn-cancel:hover {
+    background: #edf2f7;
+    color: #4a5568;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
+.btn-create {
+    background: linear-gradient(135deg, #48bb78, #38a169);
+    color: white;
+    font-weight: 600;
+    font-size: 16px;
+    border-radius: 10px;
+    padding: 12px 35px;
+    border: none;
+    transition: all 0.3s ease;
+}
+
+.btn-create:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 20px rgba(72, 187, 120, 0.3);
+    background: linear-gradient(135deg, #38a169, #2f855a);
+}
+
+/* ===== CUSTOM TABLE IN MODAL (FROM CREATE NEW SHIPMENT) ===== */
+.custom-table-modal {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0 8px;
+    margin: 0;
+    min-width: 1300px;
+}
+
+.custom-table-modal thead th {
+    background: linear-gradient(135deg, #ebf8ff, #f0fff4);
+    color: #2b6cb0;
+    font-weight: 600;
+    padding: 16px 10px;
+    border: 1px solid #e2e8f0;
+    text-align: center;
+    position: relative;
+    font-size: 0.9rem;
+    letter-spacing: 0.3px;
+    white-space: nowrap;
+}
+
+.custom-table-modal thead th:first-child {
+    border-top-left-radius: 12px;
+    border-bottom-left-radius: 12px;
+}
+
+.custom-table-modal thead th:last-child {
+    border-top-right-radius: 12px;
+    border-bottom-right-radius: 12px;
+}
+
+.custom-table-modal tbody tr {
+    background: #fdfdfe;
+    border-radius: 10px;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+    transition: all 0.3s ease;
+    border: 1px solid #f1f5f9;
+}
+
+.custom-table-modal tbody tr:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+    border-color: #e2e8f0;
+    background: white;
+}
+
+.custom-table-modal tbody td {
+    padding: 14px 10px;
+    text-align: center;
+    vertical-align: middle;
+    border: none;
+    font-weight: 500;
+    position: relative;
+    color: #4a5568;
+    white-space: nowrap;
+}
+
+.custom-table-modal tbody tr td:first-child {
+    border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
+}
+
+.custom-table-modal tbody tr td:last-child {
+    border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+/* Checkbox Styling */
+input[type="checkbox"] {
+    width: 20px;
+    height: 20px;
+    border-radius: 6px;
+    border: 2px solid #cbd5e0;
+    cursor: pointer;
+    position: relative;
+    transition: all 0.2s ease;
+    background: #f7fafc;
+}
+
+input[type="checkbox"]:checked {
+    background: #4361ee;
+    border-color: #4361ee;
+}
+
+.form-check-input {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+}
+
+.form-check-input:checked {
+    background-color: #667eea;
+    border-color: #667eea;
+}
+
+/* ===== ORDERS SELECTION TABLE ===== */
+.h6.fw-bold {
+    color: #2d3748;
+    margin-bottom: 15px;
+    font-size: 1rem;
+}
+
+.alert-warning {
+    background: linear-gradient(135deg, #fef3c7, #fde68a);
+    border: none;
+    border-radius: 10px;
+    color: #92400e;
+    padding: 15px 20px;
+    border-left: 4px solid #f59e0b;
+}
+
+/* TABLE CONTAINER WITHOUT VERTICAL SCROLL */
+.table-responsive.border.rounded {
+    border: 1px solid #e2e8f0 !important;
+    border-radius: 12px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
+    max-height: none !important;
+    overflow-y: visible !important;
+    overflow-x: auto;
+}
+
+.table-responsive.border.rounded table {
+    margin-bottom: 0;
+    min-width: 1200px;
+}
+
+.table.table-hover.align-middle {
+    margin: 0;
+}
+
+/* STICKY HEADER */
+.table.table-hover.align-middle thead.table-light {
+    background: linear-gradient(135deg, #f8fafc, #f1f5f9) !important;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+}
+
+.table.table-hover.align-middle thead th {
+    font-weight: 600;
+    color: #4a5568 !important;
+    padding: 15px;
+    border-bottom: 2px solid #e2e8f0;
+    font-size: 0.85rem;
+    white-space: nowrap;
+    min-width: 100px;
+}
+
+/* TABLE ROWS */
+.table.table-hover.align-middle tbody tr {
+    border-bottom: 1px solid #f3f4f6;
+    transition: all 0.2s ease;
+}
+
+.table.table-hover.align-middle tbody tr:hover {
+    background: linear-gradient(90deg, #f8fafc, #f1f5f9);
+}
+
+.table.table-hover.align-middle tbody td {
+    padding: 12px 15px;
+    vertical-align: middle;
+    font-size: 0.9rem;
+    white-space: nowrap;
+}
+
+/* ===== MODAL FOOTER ===== */
+.modal-footer.bg-light {
+    background: #f8fafc !important;
+    border-top: 1px solid #e2e8f0;
+    padding: 20px 30px;
+}
+
+.modal-footer .btn-secondary {
+    background: #f1f5f9;
+    border: 1px solid #d1d5db;
+    color: #6b7280;
+    padding: 10px 20px;
+    border-radius: 8px;
+    font-weight: 500;
+}
+
+.modal-footer .btn-primary {
+    background: linear-gradient(135deg, #667eea, #764ba2);
+    border: none;
+    color: white;
+    padding: 10px 25px;
+    border-radius: 8px;
+    font-weight: 600;
+    transition: all 0.2s ease;
+}
+
+.modal-footer .btn-primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
+}
+
+/* ===== TEXT COLORS ===== */
+.text-primary {
+    color: #667eea !important;
+    font-weight: 600;
+}
+
+.text-success {
+    color: #10b981 !important;
+    font-weight: 600;
+}
+
+/* ===== PAGINATION STYLES ===== */
+.pagination-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 25px;
+    margin: 20px 25px 10px;
+    background: white;
+    border-radius: 12px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+    border: 1px solid #e2e8f0;
+}
+
+.pagination-info {
+    font-size: 14px;
+    color: #64748b;
+    font-weight: 500;
+}
+
+.pagination-controls {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.pagination-btn {
+    background: white;
+    border: 1px solid #e2e8f0;
+    color: #4a5568;
+    padding: 8px 12px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 36px;
+    height: 36px;
+}
+
+.pagination-btn:hover:not(:disabled) {
+    background: #667eea;
+    color: white;
+    border-color: #667eea;
+}
+
+.pagination-btn:disabled {
+    background: #f8fafc;
+    color: #cbd5e0;
+    border-color: #e2e8f0;
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.pagination-page-btn {
+    background: white;
+    border: 1px solid #e2e8f0;
+    color: #4a5568;
+    padding: 6px 12px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    min-width: 36px;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.pagination-page-btn:hover {
+    background: #667eea;
+    color: white;
+    border-color: #667eea;
+}
+
+.pagination-page-btn.active {
+    background: #667eea;
+    color: white;
+    border-color: #667eea;
+}
+
+.pagination-pages {
+    display: flex;
+    gap: 6px;
+    align-items: center;
+}
+
+.pagination-ellipsis {
+    color: #9ba5bb;
+    font-size: 14px;
+    padding: 0 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 36px;
+}
+
+/* ===== RESPONSIVE DESIGN ===== */
+@media (max-width: 768px) {
+    .container-fluid {
+        padding: 10px;
+    }
+    
+    .shipment-header {
+        padding: 20px;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 15px;
+    }
+    
+    .shipment-header h3 {
+        font-size: 1.4rem;
+    }
+    
+    .fw-bold {
+        margin: 20px 15px 15px;
+        font-size: 1.1rem;
+    }
+    
+    .table.table-bordered.table-hover,
+    .table-responsive,
+    .row,
+    .alert-success,
+    .mt-4 {
+        margin-left: 15px;
+        margin-right: 15px;
+    }
+    
+    .table.table-hover.table-striped thead th,
+    .table.table-hover.table-striped tbody td {
+        padding: 10px 8px;
+        font-size: 0.8rem;
+    }
+    
+    .modal-body {
+        padding: 20px;
+    }
+    
+    .row.g-3.mb-3 {
+        padding: 15px;
+    }
+    
+    /* MOBILE VERSION साठी horizontal scroll राहील */
+    .table-responsive.border.rounded {
+        max-height: none;
+        overflow-x: auto;
+    }
+    
+    .table-responsive.border.rounded table {
+        min-width: 1000px;
+    }
+    
+    /* Pagination responsive */
+    .pagination-container {
+        flex-direction: column;
+        gap: 15px;
+        align-items: stretch;
+        margin: 20px 15px 10px;
+        padding: 15px;
+    }
+    
+    .pagination-controls {
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+    
+    .pagination-info {
+        text-align: center;
+    }
+}
+
+@media (max-width: 576px) {
+    .shipment-header .btn-primary {
+        width: 100%;
+        justify-content: center;
+    }
+    
+    .table-responsive {
+        margin-left: -15px;
+        margin-right: -15px;
+        padding: 0 15px;
+    }
+    
+    .table.table-hover.table-striped {
+        min-width: 1000px;
+    }
+    
+    .table.table-bordered.table-hover th,
+    .table.table-bordered.table-hover td {
+        padding: 12px 15px;
+    }
+    
+    .alert-success {
+        padding: 20px;
+    }
+    
+    .alert-success .float-end {
+        font-size: 1.3rem;
+    }
+    
+    .pagination-page-btn {
+        min-width: 32px;
+        height: 32px;
+        padding: 4px 8px;
+        font-size: 13px;
+    }
+    
+    .pagination-btn {
+        min-width: 32px;
+        height: 32px;
+        padding: 4px 8px;
+    }
+}
+
+.btn:disabled {
+    opacity: 0.6;
+    cursor: not-allowed !important;
+    transform: none !important;
+}
+</style>
+
+<div class="container-fluid py-4">
+    <div class="card shadow-sm">
+        <div class="shipment-header d-flex justify-content-between align-items-center p-4 border-bottom">
+            <h3 class="mb-0">
                 <i class="bi bi-box-seam me-2"></i>
-                Shipment Preview: {{ $shipment->shipment_id }}
-            </h5>
+                Shipment Details - {{ $shipment->shipment_id }}
+            </h3>
+
+            {{-- SHOW BUTTON ONLY FOR PENDING --}}
+            @if($shipment->status === 'pending')
+            <button type="button"
+                    class="btn btn-primary btn-sm"
+                    data-bs-toggle="modal"
+                    data-bs-target="#createShipmentModal">
+                <i class="bi bi-plus-circle me-1"></i>
+                Add Orders to This Shipment
+            </button>
+            @endif
         </div>
 
-        <div class="card-body">
-
-            <!-- Dummy Info -->
-            <div class="alert alert-info">
-                <strong>{{ $dummyData['title'] }}</strong><br>
-                Generated On: {{ $dummyData['generated_on'] }} <br>
-                Note: {{ $dummyData['note'] }}
-            </div>
-
-            <!-- Shipment Basic Details -->
-            <h5 class="fw-bold mt-3">Shipment Details</h5>
-            <table class="table table-bordered">
+        <h5 class="fw-bold mt-4 mb-3">
+            <i class="bi bi-ship me-2"></i>
+            Shipment Information
+        </h5>
+        <table class="table table-bordered table-hover">
+            <tbody>
                 <tr>
-                    <th>Shipment ID</th>
-                    <td>{{ $shipment->shipment_id }}</td>
+                    <th style="width: 200px;">Shipment ID</th>
+                    <td class="fw-bold text-primary">{{ $shipment->shipment_id }}</td>
                 </tr>
                 <tr>
                     <th>Origin</th>
@@ -40,89 +972,608 @@
                 </tr>
                 <tr>
                     <th>Status</th>
-                    <td>{{ ucfirst($shipment->status) }}</td>
+                    <td>
+                        @php
+                            $statusColors = [
+                                'pending'    => 'warning',
+                                'loading'    => 'info',
+                                'in_transit' => 'primary',
+                                'dispatched' => 'success',
+                                'delivered'  => 'success',
+                            ];
+                            $statusColor = $statusColors[$shipment->status] ?? 'secondary';
+                        @endphp
+                        <span class="badge bg-{{ $statusColor }}">
+                            {{ ucfirst(str_replace('_', ' ', $shipment->status)) }}
+                        </span>
+                    </td>
                 </tr>
                 <tr>
                     <th>Date</th>
                     <td>{{ \Carbon\Carbon::parse($shipment->shipment_date)->format('d M Y') }}</td>
                 </tr>
-            </table>
+            </tbody>
+        </table>
 
-            <!-- Orders in Shipment -->
-            <h5 class="fw-bold mt-4">Orders Contained in Shipment</h5>
+        <h5 class="fw-bold mt-5 mb-3">
+            <i class="bi bi-collection me-2"></i>
+            Orders Contained in Shipment
+        </h5>
 
-            @if($shipment->orders->isEmpty())
-                <p class="text-muted">No orders found.</p>
-            @else
-                <div class="table-responsive">
-                    <table class="table table-hover table-striped">
-                        <thead class="table-dark">
-                            <tr>
-                                <th>Order ID</th>
-                                <th>Origin</th>
-                                <th>Destination</th>
-                                <th>CTN</th>
-                                <th>QTY</th>
-                                <th>TTL/QTY</th>
-                                <th>KG</th>
-                                <th>Amount</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            @foreach($shipment->orders as $order)
-                                <tr>
-                                    <td>{{ $order->order_id }}</td>
-                                    <td>{{ $order->origin }}</td>
-                                    <td>{{ $order->destination }}</td>
-                                    <td>{{ $order->ctn }}</td>
-                                    <td>{{ $order->qty }}</td>
-                                    <td>{{ $order->ttl_qty }}</td>
-                                    <td>{{ $order->ttl_kg }}</td>
-                                    <td>₹{{ number_format($order->ttl_amount, 2) }}</td>
-                                </tr>
-                            @endforeach
+        @if($shipment->orders->isEmpty())
+            <div class="alert alert-warning">
+                <i class="bi bi-exclamation-triangle me-2"></i>
+                No orders found in this shipment.
+            </div>
+        @else
+            <div class="table-responsive">
+                <table class="table table-hover table-striped align-middle" id="ordersTable">
+                    <thead class="table-dark">
+                        <tr>
+                            <th>Order ID</th>
+                            <th>Origin</th>
+                            <th>Destination</th>
+                            <th>Mark No</th>
+                            <th>Description</th>
+                            <th>CTN</th>
+                            <th>QTY</th>
+                            <th>TTL/QTY</th>
+                            <th>KG</th>
+                            <th>TTL/KG</th>
+                            <th>Amount</th>
+                            <th style="width: 100px;">Remove</th>
+                        </tr>
+                    </thead>
+                    <tbody id="ordersTableBody">
                         </tbody>
-                    </table>
+                </table>
+            </div>
+
+            <div class="pagination-container">
+                <div class="pagination-info" id="pageInfo">
+                    Showing <span id="startCount">1</span> to <span id="endCount">0</span> of 
+                    <span id="totalCount">0</span> entries
                 </div>
-            @endif
+                <div class="pagination-controls">
+                    <button class="pagination-btn" id="prevPageBtn" title="Previous page" disabled>
+                        <i class="bi bi-chevron-left"></i>
+                    </button>
+                    <div class="pagination-pages" id="paginationPages">
+                        </div>
+                    <button class="pagination-btn" id="nextPageBtn" title="Next page" disabled>
+                        <i class="bi bi-chevron-right"></i>
+                    </button>
+                </div>
+            </div>
+        @endif
 
-            <!-- Shipment Totals -->
-            <h5 class="fw-bold mt-4">Shipment Totals</h5>
-            <table class="table table-bordered">
-                <tr>
-                    <th>Total CTN</th>
-                    <td>{{ $shipment->total_ctn }}</td>
-                </tr>
-                <tr>
-                    <th>Total Quantity</th>
-                    <td>{{ $shipment->total_qty }}</td>
-                </tr>
-                <tr>
-                    <th>Total TTL Quantity</th>
-                    <td>{{ $shipment->total_ttl_qty }}</td>
-                </tr>
-                <tr>
-                    <th>Total CBM</th>
-                    <td>{{ $shipment->total_cbm }}</td>
-                </tr>
-                <tr>
-                    <th>Total KG</th>
-                    <td>{{ $shipment->total_kg }}</td>
-                </tr>
-                <tr>
-                    <th>Total Amount</th>
-                    <td class="fw-bold text-success">
-                        ₹{{ number_format($shipment->total_amount, 2) }}
-                    </td>
-                </tr>
-            </table>
+        <h5 class="fw-bold mt-5 mb-3">
+            <i class="bi bi-calculator me-2"></i>
+            Shipment Totals
+        </h5>
+        <div class="row">
+            <div class="col-md-6">
+                <table class="table table-bordered">
+                    <tbody>
+                        <tr>
+                            <th style="width: 150px;">Total CTN</th>
+                            <td class="fw-bold">{{ $shipment->total_ctn }}</td>
+                        </tr>
+                        <tr>
+                            <th>Total QTY</th>
+                            <td class="fw-bold">{{ $shipment->total_qty }}</td>
+                        </tr>
+                        <tr>
+                            <th>Total TTL QTY</th>
+                            <td class="fw-bold">{{ $shipment->total_ttl_qty }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="col-md-6">
+                <table class="table table-bordered">
+                    <tbody>
+                        <tr>
+                            <th style="width: 150px;">Total CBM</th>
+                            <td class="fw-bold">{{ $shipment->total_cbm }}</td>
+                        </tr>
+                        <tr>
+                            <th>Total KG</th>
+                            <td class="fw-bold">{{ $shipment->total_kg }}</td>
+                        </tr>
+                        <tr>
+                            <th>Total TTL KG</th>
+                            <td class="fw-bold">{{ $shipment->total_ttl_kg }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
 
-            <a href="{{ route('admin.shipments') }}" class="btn btn-secondary mt-3">
-                ← Back to Shipments
+        <div class="alert alert-success mt-3">
+            <h6 class="mb-0">
+                <i class="bi bi-currency-rupee me-2"></i>
+                <strong>Total Amount:</strong>
+                <span class="float-end">₹{{ number_format($shipment->total_amount, 2) }}</span>
+            </h6>
+        </div>
+
+        <div class="mt-4">
+            <a href="{{ route('admin.shipments') }}" class="btn btn-secondary">
+                <i class="bi bi-arrow-left me-2"></i>
+                Back to Shipments
             </a>
-
         </div>
     </div>
 </div>
 
-@endsection
+<div class="modal fade" id="createShipmentModal" tabindex="-1" aria-labelledby="createShipmentModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="createShipmentModalLabel">
+                    <i class="bi bi-plus-circle me-2"></i>
+                    Add Orders to Shipment {{ $shipment->shipment_id }}
+                </h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+
+            <div class="modal-body">
+                <form id="createShipmentForm" method="POST" action="{{ route('admin.shipments.addOrders', $shipment->id) }}">
+                    @csrf
+
+                    <input type="hidden" name="shipment_id" value="{{ $shipment->id }}">
+
+                    <div class="row g-3 pb-2">
+                        <div class="col-md-4">
+                            <label class="form-label">
+                                <i class="bi bi-geo-alt me-2"></i>
+                                Origin
+                            </label>
+                            <input type="text" class="form-control" value="{{ $shipment->origin }}" readonly>
+                        </div>
+
+                        <div class="col-md-4">
+                            <label class="form-label">
+                                <i class="bi bi-geo me-2"></i>
+                                Destination
+                            </label>
+                            <input type="text" class="form-control" value="{{ $shipment->destination }}" readonly>
+                        </div>
+
+                        <div class="col-md-4">
+                            <label class="form-label">
+                                <i class="bi bi-calendar-event me-2"></i>
+                                Shipment Date
+                            </label>
+                            <input type="text" class="form-control"
+                                   value="{{ \Carbon\Carbon::parse($shipment->shipment_date)->format('Y-m-d') }}"
+                                   readonly>
+                        </div>
+                    </div>
+
+                    @php
+                        $usedOrderIds = \App\Models\ShipmentItem::pluck('order_id')->toArray();
+                        $availableOrders = \App\Models\Order::whereNotIn('id', $usedOrderIds)->get();
+                    @endphp
+
+                    <h6 class="fw-bold mb-2">
+                        <i class="bi bi-collection me-2"></i>
+                        Select Orders to add <span class="text-danger">*</span>
+                    </h6>
+
+                    @if($availableOrders->isEmpty())
+                        <div class="alert alert-warning">
+                            <i class="bi bi-exclamation-triangle me-2"></i>
+                            No available orders. All orders are already assigned to shipments.
+                        </div>
+                    @else
+                        <div class="table-responsive mt-4" style="border-radius:12px;">
+                            <table class="custom-table-modal">
+                                <thead>
+                                    <tr>
+                                        <th></th>
+                                        <th>Order ID</th>
+                                        <th>Origin</th>
+                                        <th>Destination</th>
+                                        <th>CTN</th>
+                                        <th>QTY</th>
+                                        <th>TTL/QTY</th>
+                                        <th>CBM</th>
+                                        <th>TTL CBM</th>
+                                        <th>KG</th>
+                                        <th>TTL KG</th>
+                                        <th>Amount (₹)</th>
+                                    </tr>
+                                </thead>
+                                <tbody id="availableOrdersTableBody">
+                                    </tbody>
+                            </table>
+                        </div>
+                        
+                        <div class="pagination-container mt-3" id="modalPaginationContainer">
+                            <div class="pagination-info" id="modalPageInfo">
+                                Showing <span id="modalStartCount">1</span> to <span id="modalEndCount">0</span> of 
+                                <span id="modalTotalCount">0</span> entries
+                            </div>
+                            <div class="pagination-controls">
+                                <button class="pagination-btn" id="modalPrevPageBtn" title="Previous page" disabled>
+                                    <i class="bi bi-chevron-left"></i>
+                                </button>
+                                <div class="pagination-pages" id="modalPaginationPages">
+                                    </div>
+                                <button class="pagination-btn" id="modalNextPageBtn" title="Next page" disabled>
+                                    <i class="bi bi-chevron-right"></i>
+                                </button>
+                            </div>
+                        </div>
+
+                        <small class="form-text text-muted d-block mt-2">
+                            <i class="bi bi-info-circle me-1"></i>
+                            Use the checkboxes to select one or more orders for this shipment.
+                        </small>
+                    @endif
+
+                    @error('order_ids')
+                        <div class="invalid-feedback d-block">{{ $message }}</div>
+                    @enderror
+
+                    <div class="d-flex justify-content-end mt-4 mb-2">
+                        <button type="button" class="btn-cancel me-3" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn-create" onclick="submitCreateShipmentForm()">
+                            <i class="bi bi-check-lg me-2"></i>Add Orders
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    // --- Existing Shipment Orders Pagination Variables ---
+    let currentPage = 1;
+    const itemsPerPage = 10;
+    let orders = @json($shipment->orders);
+    
+    // --- New Available Orders Modal Pagination Variables ---
+    let modalCurrentPage = 1;
+    const modalItemsPerPage = 10;
+    let availableOrders = @json($availableOrders);
+
+
+    // Initialize pagination when page loads
+    document.addEventListener('DOMContentLoaded', function() {
+        // Initialization for main shipment orders table
+        if (orders.length > 0) {
+            renderOrdersTable();
+            updatePaginationControls();
+            
+            // Bind pagination events
+            document.getElementById('prevPageBtn').addEventListener('click', goToPreviousPage);
+            document.getElementById('nextPageBtn').addEventListener('click', goToNextPage);
+        } else {
+            // If no orders, hide pagination
+            const container = document.querySelector('.pagination-container');
+            if (container) {
+                 container.style.display = 'none';
+            }
+        }
+
+        // Initialization for modal available orders table
+        if (availableOrders.length > 0) {
+            renderAvailableOrdersTable();
+            updateModalPaginationControls();
+
+            // Bind modal pagination events
+            document.getElementById('modalPrevPageBtn').addEventListener('click', goToModalPreviousPage);
+            document.getElementById('modalNextPageBtn').addEventListener('click', goToModalNextPage);
+        } else {
+            // If no available orders, hide pagination container in modal
+            const modalContainer = document.getElementById('modalPaginationContainer');
+            if (modalContainer) {
+                modalContainer.style.display = 'none';
+            }
+        }
+    });
+
+    // =========================================================================
+    // --- EXISTING SHIPMENT ORDERS PAGINATION FUNCTIONS ---
+    // =========================================================================
+
+    // Function to go to previous page (main table)
+    function goToPreviousPage() {
+        if (currentPage > 1) {
+            currentPage--;
+            renderOrdersTable();
+            updatePaginationControls();
+        }
+    }
+
+    // Function to go to next page (main table)
+    function goToNextPage() {
+        const totalPages = Math.ceil(orders.length / itemsPerPage);
+        if (currentPage < totalPages) {
+            currentPage++;
+            renderOrdersTable();
+            updatePaginationControls();
+        }
+    }
+
+    // Function to update pagination controls (main table)
+    function updatePaginationControls() {
+        const totalPages = Math.ceil(orders.length / itemsPerPage);
+        const prevBtn = document.getElementById('prevPageBtn');
+        const nextBtn = document.getElementById('nextPageBtn');
+        const paginationPages = document.getElementById('paginationPages');
+        
+        // Update button states
+        prevBtn.disabled = currentPage === 1;
+        nextBtn.disabled = currentPage === totalPages || totalPages === 0;
+        
+        // Update page info
+        const startIndex = (currentPage - 1) * itemsPerPage + 1;
+        const endIndex = Math.min(currentPage * itemsPerPage, orders.length);
+        document.getElementById('startCount').textContent = startIndex;
+        document.getElementById('endCount').textContent = endIndex;
+        document.getElementById('totalCount').textContent = orders.length;
+        
+        // Generate page numbers
+        paginationPages.innerHTML = '';
+        
+        if (totalPages <= 7) {
+            // Show all pages for 7 or less
+            for (let i = 1; i <= totalPages; i++) {
+                addPageButton(i, paginationPages, totalPages, false); // false for main table
+            }
+        } else {
+            // Show first page, current page range, and last page
+            addPageButton(1, paginationPages, totalPages, false);
+            
+            if (currentPage > 3) {
+                const ellipsis = document.createElement('span');
+                ellipsis.className = 'pagination-ellipsis';
+                ellipsis.textContent = '...';
+                paginationPages.appendChild(ellipsis);
+            }
+            
+            const start = Math.max(2, currentPage - 1);
+            const end = Math.min(totalPages - 1, currentPage + 1);
+            
+            for (let i = start; i <= end; i++) {
+                addPageButton(i, paginationPages, totalPages, false);
+            }
+            
+            if (currentPage < totalPages - 2) {
+                const ellipsis = document.createElement('span');
+                ellipsis.className = 'pagination-ellipsis';
+                ellipsis.textContent = '...';
+                paginationPages.appendChild(ellipsis);
+            }
+            
+            addPageButton(totalPages, paginationPages, totalPages, false);
+        }
+    }
+
+    // Function to add page button (main table)
+    function addPageButton(pageNumber, container, totalPages, isModal) {
+        const button = document.createElement('button');
+        button.className = 'pagination-page-btn';
+        const activePage = isModal ? modalCurrentPage : currentPage;
+        const renderFunction = isModal ? renderAvailableOrdersTable : renderOrdersTable;
+        const updateFunction = isModal ? updateModalPaginationControls : updatePaginationControls;
+
+        if (pageNumber === activePage) {
+            button.classList.add('active');
+        }
+        button.textContent = pageNumber;
+        button.addEventListener('click', () => {
+            if (isModal) {
+                modalCurrentPage = pageNumber;
+            } else {
+                currentPage = pageNumber;
+            }
+            renderFunction();
+            updateFunction();
+        });
+        container.appendChild(button);
+    }
+
+    // Function to render orders table with pagination (main table)
+    function renderOrdersTable() {
+        const tbody = document.getElementById('ordersTableBody');
+        const startIndex = (currentPage - 1) * itemsPerPage;
+        const endIndex = startIndex + itemsPerPage;
+        const paginatedOrders = orders.slice(startIndex, endIndex);
+        
+        tbody.innerHTML = '';
+        
+        if (paginatedOrders.length === 0) {
+            const row = document.createElement('tr');
+            row.innerHTML = `
+                <td colspan="12" class="text-center py-4 text-muted">
+                    No orders found
+                </td>
+            `;
+            tbody.appendChild(row);
+            return;
+        }
+        
+        paginatedOrders.forEach(order => {
+            const row = document.createElement('tr');
+            
+            // Fixed: Correct route parameter - use the shipment's ID
+            const removeRoute = "{{ route('admin.shipments.removeOrder', ['shipment' => $shipment->id, 'order' => 'ORDER_ID']) }}".replace('ORDER_ID', order.id);
+            
+            row.innerHTML = `
+                <td class="fw-bold">${order.order_id}</td>
+                <td>${order.origin || 'N/A'}</td>
+                <td>${order.destination || 'N/A'}</td>
+                <td>${order.mark_no || 'ITEM001'}</td>
+                <td>${order.description || 'Manufacturing Equipment'}</td>
+                <td><span class="badge bg-light text-dark">${order.ctn}</span></td>
+                <td><span class="badge bg-light text-dark">${order.qty}</span></td>
+                <td>${order.ttl_qty}</td>
+                <td>${order.kg || '0.00'}</td>
+                <td>${order.ttl_kg || '0.00'}</td>
+                <td class="fw-bold text-success">₹${parseFloat(order.ttl_amount).toLocaleString('en-IN', {minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
+                <td>
+                    @if($shipment->status === 'pending')
+                        <form method="POST" action="${removeRoute}" onsubmit="return confirm('Are you sure you want to remove this order from shipment?');">
+                            @csrf @method('DELETE')
+                            <button type="submit" class="btn btn-sm btn-outline-danger">Remove</button>
+                        </form>
+                    @endif
+                </td>
+            `;
+            
+            tbody.appendChild(row);
+        });
+    }
+
+
+    // =========================================================================
+    // --- NEW MODAL AVAILABLE ORDERS PAGINATION FUNCTIONS ---
+    // =========================================================================
+
+    // Function to go to previous page (modal table)
+    function goToModalPreviousPage() {
+        if (modalCurrentPage > 1) {
+            modalCurrentPage--;
+            renderAvailableOrdersTable();
+            updateModalPaginationControls();
+        }
+    }
+
+    // Function to go to next page (modal table)
+    function goToModalNextPage() {
+        const totalPages = Math.ceil(availableOrders.length / modalItemsPerPage);
+        if (modalCurrentPage < totalPages) {
+            modalCurrentPage++;
+            renderAvailableOrdersTable();
+            updateModalPaginationControls();
+        }
+    }
+
+    // Function to update pagination controls (modal table)
+    function updateModalPaginationControls() {
+        const totalPages = Math.ceil(availableOrders.length / modalItemsPerPage);
+        const prevBtn = document.getElementById('modalPrevPageBtn');
+        const nextBtn = document.getElementById('modalNextPageBtn');
+        const paginationPages = document.getElementById('modalPaginationPages');
+        
+        // Update button states
+        prevBtn.disabled = modalCurrentPage === 1;
+        nextBtn.disabled = modalCurrentPage === totalPages || totalPages === 0;
+        
+        // Update page info
+        const startIndex = (modalCurrentPage - 1) * modalItemsPerPage + 1;
+        const endIndex = Math.min(modalCurrentPage * modalItemsPerPage, availableOrders.length);
+        document.getElementById('modalStartCount').textContent = startIndex;
+        document.getElementById('modalEndCount').textContent = endIndex;
+        document.getElementById('modalTotalCount').textContent = availableOrders.length;
+        
+        // Generate page numbers
+        paginationPages.innerHTML = '';
+        
+        if (totalPages <= 7) {
+            // Show all pages for 7 or less
+            for (let i = 1; i <= totalPages; i++) {
+                addPageButton(i, paginationPages, totalPages, true); // true for modal table
+            }
+        } else {
+            // Show first page, current page range, and last page
+            addPageButton(1, paginationPages, totalPages, true);
+            
+            if (modalCurrentPage > 3) {
+                const ellipsis = document.createElement('span');
+                ellipsis.className = 'pagination-ellipsis';
+                ellipsis.textContent = '...';
+                paginationPages.appendChild(ellipsis);
+            }
+            
+            const start = Math.max(2, modalCurrentPage - 1);
+            const end = Math.min(totalPages - 1, modalCurrentPage + 1);
+            
+            for (let i = start; i <= end; i++) {
+                addPageButton(i, paginationPages, totalPages, true);
+            }
+            
+            if (modalCurrentPage < totalPages - 2) {
+                const ellipsis = document.createElement('span');
+                ellipsis.className = 'pagination-ellipsis';
+                ellipsis.textContent = '...';
+                paginationPages.appendChild(ellipsis);
+            }
+            
+            addPageButton(totalPages, paginationPages, totalPages, true);
+        }
+    }
+    
+    // Function to render orders table with pagination (modal table)
+    function renderAvailableOrdersTable() {
+        const tbody = document.getElementById('availableOrdersTableBody');
+        const startIndex = (modalCurrentPage - 1) * modalItemsPerPage;
+        const endIndex = startIndex + modalItemsPerPage;
+        const paginatedOrders = availableOrders.slice(startIndex, endIndex);
+        
+        tbody.innerHTML = '';
+        
+        if (paginatedOrders.length === 0) {
+            const row = document.createElement('tr');
+            row.innerHTML = `
+                <td colspan="12" class="text-center py-4 text-muted" style="border-radius:10px;">
+                    No orders found
+                </td>
+            `;
+            tbody.appendChild(row);
+            return;
+        }
+        
+        paginatedOrders.forEach(order => {
+            const row = document.createElement('tr');
+            
+            row.innerHTML = `
+                <td>
+                    <input type="checkbox"
+                            class="form-check-input order-checkbox"
+                            name="order_ids[]"
+                            value="${order.id}">
+                </td>
+                <td class="fw-bold text-primary">${order.order_id}</td>
+                <td>${order.origin || 'N/A'}</td>
+                <td>${order.destination || 'N/A'}</td>
+                <td>${order.ctn}</td>
+                <td>${order.qty}</td>
+                <td>${order.ttl_qty}</td>
+                <td>${order.cbm || '0.000'}</td>
+                <td>${order.ttl_cbm || '0.000'}</td>
+                <td>${order.kg || '0.000'}</td>
+                <td>${order.ttl_kg || '0.000'}</td>
+                <td class="fw-bold text-success">
+                    ₹${parseFloat(order.ttl_amount).toLocaleString('en-IN', {minimumFractionDigits: 2, maximumFractionDigits: 2})}
+                </td>
+            `;
+            
+            tbody.appendChild(row);
+        });
+    }
+
+
+    // =========================================================================
+    // --- UTILITY FUNCTIONS ---
+    // =========================================================================
+    
+    // Function to submit create shipment form
+    function submitCreateShipmentForm() {
+        const form = document.getElementById('createShipmentForm');
+        const checkboxes = document.querySelectorAll('.order-checkbox:checked');
+
+        if (!checkboxes.length) {
+            alert('Please select at least one order');
+            return false;
+        }
+        form.submit();
+    }
+</script>
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 6f8c487..eb68c01 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -175,11 +175,21 @@ Route::prefix('admin')
                 // Shipment Delete
                 Route::delete('/shipments/{id}', [ShipmentController::class, 'destroy'])
                     ->name('admin.shipments.destroy');
+        
+             Route::get('/shipment/dummy/{id}', [ShipmentController::class, 'dummy'])
+                ->name('admin.shipments.dummy');
 
+                // web.php
+            Route::delete('/shipments/{shipment}/orders/{order}', 
+           [ShipmentController::class, 'removeOrder']
+            )->name('admin.shipments.removeOrder');
+            
+            Route::post('/shipments/{shipment}/add-orders',
+                [ShipmentController::class, 'addOrders']
+            )->name('admin.shipments.addOrders');
                     Route::get('/shipment/dummy/{id}', [ShipmentController::class, 'dummy'])
     ->name('admin.shipments.dummy');
 
-
         // ---------------------------
         // INVOICES
         // ---------------------------
@@ -207,8 +217,8 @@ Route::prefix('admin')
         ->name('admin.invoice.installment.delete');
 
 
-            //     //Add New Invoice
-            // Route::get('/admin/invoices/create', [InvoiceController::class, 'create'])->name('admin.invoices.create');
+                //Add New Invoice
+         Route::get('/admin/invoices/create', [InvoiceController::class, 'create'])->name('admin.invoices.create');
         
 
         // ---------------------------

From c4097ecbded7fa7396633b2ed77184ba2aa487a93d3a5b18944ef0ff0beb1d69 Mon Sep 17 00:00:00 2001
From: Abhishek Mali <maliabhi000@gmail.com>
Date: Fri, 19 Dec 2025 16:08:34 +0530
Subject: [PATCH 2/2] employee update

---
 .../Admin/AdminStaffController.php            |  22 +-
 .../Admin/UserRequestController.php           |   7 +-
 app/Models/Admin.php                          |   2 +-
 public/invoices/invoice-INV-2025-000016.pdf   | Bin 0 -> 62596 bytes
 public/invoices/invoice-INV-2025-000030.pdf   | Bin 59946 -> 59971 bytes
 resources/views/admin/layouts/app.blade.php   |  32 ++-
 .../admin/profile_update_requests.blade.php   | 270 ++++++++++++------
 resources/views/admin/requests.blade.php      |  47 ++-
 resources/views/admin/staff/create.blade.php  |   3 +-
 9 files changed, 283 insertions(+), 100 deletions(-)
 create mode 100644 public/invoices/invoice-INV-2025-000016.pdf

diff --git a/app/Http/Controllers/Admin/AdminStaffController.php b/app/Http/Controllers/Admin/AdminStaffController.php
index 020239e..f7d8ddb 100644
--- a/app/Http/Controllers/Admin/AdminStaffController.php
+++ b/app/Http/Controllers/Admin/AdminStaffController.php
@@ -55,6 +55,7 @@ class AdminStaffController extends Controller
         DB::beginTransaction();
 
         try {
+            // 1️⃣ Create staff WITHOUT employee_id (ID not available yet)
             $admin = Admin::create([
                 'name'            => $request->name,
                 'email'           => $request->email,
@@ -69,23 +70,33 @@ class AdminStaffController extends Controller
                 'status'          => $request->status,
                 'additional_info' => $request->additional_info,
 
-                'username'        => $request->username,
+                // username may be NULL here
+                'username'        => $request->username ?: null,
                 'password'        => Hash::make($request->password),
                 'type'            => 'staff',
             ]);
 
-            // Generate EMPLOYEE ID using admin ID (safe)
+            // 2️⃣ Generate EMPLOYEE ID
             $employeeId = 'EMP' . str_pad($admin->id, 4, '0', STR_PAD_LEFT);
-            $admin->update(['employee_id' => $employeeId]);
 
-            // Assign permissions (if any)
+            // 3️⃣ Auto-generate username if left blank
+            $username = $request->username ?: strtolower($employeeId);
+
+            // 4️⃣ Update employee_id + username together
+            $admin->update([
+                'employee_id' => $employeeId,
+                'username'    => $username,
+            ]);
+
+            // 5️⃣ Assign permissions (if any)
             if ($request->permissions) {
                 $admin->givePermissionTo($request->permissions);
             }
 
             DB::commit();
 
-            return redirect()->route('admin.staff.index')
+            return redirect()
+                ->route('admin.staff.index')
                 ->with('success', 'Staff created successfully.');
 
         } catch (\Exception $e) {
@@ -94,6 +105,7 @@ class AdminStaffController extends Controller
         }
     }
 
+
     public function edit($id)
     {
         $staff = Admin::where('type', 'staff')->findOrFail($id);
diff --git a/app/Http/Controllers/Admin/UserRequestController.php b/app/Http/Controllers/Admin/UserRequestController.php
index e09c56f..eb977c6 100644
--- a/app/Http/Controllers/Admin/UserRequestController.php
+++ b/app/Http/Controllers/Admin/UserRequestController.php
@@ -15,7 +15,12 @@ class UserRequestController extends Controller
     public function index()
     {
         $requests = CustomerRequest::orderBy('id', 'desc')->get();
-        return view('admin.requests', compact('requests'));
+        $pendingProfileUpdates = \App\Models\UpdateRequest::where('status', 'pending')->count();
+
+        return view('admin.requests', compact(
+            'requests',
+            'pendingProfileUpdates'
+        ));
     }
 
     // Approve user request
diff --git a/app/Models/Admin.php b/app/Models/Admin.php
index 118f371..c897aeb 100644
--- a/app/Models/Admin.php
+++ b/app/Models/Admin.php
@@ -18,7 +18,7 @@ class Admin extends Authenticatable
         'name', 'email', 'password', 'username',
         'phone', 'emergency_phone', 'address',
         'role', 'department', 'designation', 'joining_date',
-        'status', 'additional_info', 'type',   // admin/staff indicator
+        'status', 'additional_info', 'type','employee_id',  // admin/staff indicator
     ];
 
     protected $hidden = [
diff --git a/public/invoices/invoice-INV-2025-000016.pdf b/public/invoices/invoice-INV-2025-000016.pdf
new file mode 100644
index 0000000000000000000000000000000000000000000000000000000000000000..0a36ff84b5c9f04fc409239d1e8f19dc30da068f986413ae90b84a9a20aaf23e
GIT binary patch
literal 62596
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
PC>RP3WtWoLW2Ez6lFnE!

literal 0
HcmV?d00001

diff --git a/public/invoices/invoice-INV-2025-000030.pdf b/public/invoices/invoice-INV-2025-000030.pdf
index 2f12f724c5a473ae78e5d426f16a91bdbc086dca9c44fed8d4b229f98a4c3ad5..593eead8e9ed08965a2a6b26afc9abc65923fecde54f0dbe344a42333cc14b49 100644
GIT binary patch
delta 3793
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
RotOXu5(hAei)$Kb{RaXPj8gyr

delta 3791
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

diff --git a/resources/views/admin/layouts/app.blade.php b/resources/views/admin/layouts/app.blade.php
index 7f63cc7..04b1698 100644
--- a/resources/views/admin/layouts/app.blade.php
+++ b/resources/views/admin/layouts/app.blade.php
@@ -201,7 +201,7 @@
       background: #fff;
       padding: 10px 18px !important;
       position: relative;
-      height: 48px;
+      height: 65px;
       width: 100%;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     }
@@ -221,6 +221,32 @@
       font-size: 1.06rem;
       font-weight: 500;
     }
+
+    /* ================================
+   HEADER NOTIFICATION BADGE FIX
+================================ */
+
+/* Target ONLY badge inside bell icon */
+header .bi-bell {
+    position: relative;
+}
+
+/* Override broken global badge styles */
+header .bi-bell .badge {
+    width: 22px !important;
+    height: 22px !important;
+    min-width: 22px !important;
+    padding: 0 !important;
+    font-size: 12px !important;
+    line-height: 22px !important;
+    border-radius: 50% !important;
+    display: inline-flex !important;
+    align-items: center;
+    justify-content: center;
+    animation: none !important;
+    box-shadow: 0 0 0 2px #ffffff;
+}
+
   </style>
 
 </head>
@@ -285,12 +311,12 @@
     </a>
     @endcan
 
-    {{-- Profile Update Requests --}}
+    <!-- {{-- Profile Update Requests --}}
     @can('request.update_profile')
     <a href="{{ route('admin.profile.requests') }}">
       <i class="bi bi-person-lines-fill"></i> Profile Update Requests
     </a>
-    @endcan
+    @endcan -->
 
     {{-- Staff (NO PERMISSION REQUIRED) --}}
     <a href="{{ route('admin.staff.index') }}" class="{{ request()->routeIs('admin.staff.*') ? 'active' : '' }}">
diff --git a/resources/views/admin/profile_update_requests.blade.php b/resources/views/admin/profile_update_requests.blade.php
index 4797665..e6938ce 100644
--- a/resources/views/admin/profile_update_requests.blade.php
+++ b/resources/views/admin/profile_update_requests.blade.php
@@ -5,107 +5,207 @@
 @section('content')
 <div class="container-fluid px-0">
 
-    @php
-        $perPage = 5;
-        $currentPage = request()->get('page', 1);
-        $currentPage = max(1, (int)$currentPage);
-        $total = $requests->count();
-        $totalPages = ceil($total / $perPage);
-        $currentItems = $requests->slice(($currentPage - 1) * $perPage, $perPage);
-    @endphp
+@php
+    $perPage = 5;
+    $currentPage = request()->get('page', 1);
+    $currentPage = max(1, (int)$currentPage);
+    $total = $requests->count();
+    $currentItems = $requests->slice(($currentPage - 1) * $perPage, $perPage);
+@endphp
 
-    <style>
-        .old-value { color: #6b7280; font-weight: 600; }
-        .new-value { color: #111827; font-weight: 700; }
-        .changed { background: #fef3c7; padding: 6px; border-radius: 6px; }
-        .box { padding: 10px 14px; border-radius: 8px; background: #f8fafc; margin-bottom: 10px; }
-        .diff-label { font-size: 13px; font-weight: 700; }
-        .actions { display: flex; gap: 10px; }
-    </style>
+<style>
+/* ===== Card Wrapper ===== */
+.request-card {
+    background: #ffffff;
+    border-radius: 14px;
+    padding: 18px;
+    margin-bottom: 18px;
+    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
+}
 
-    <h4 class="fw-bold my-3">Profile Update Requests ({{ $total }})</h4>
+/* ===== Header Row ===== */
+.request-header {
+    display: grid;
+    grid-template-columns: 60px 1.5fr 1fr 1.2fr 1fr;
+    gap: 14px;
+    align-items: center;
+    border-bottom: 1px solid #e5e7eb;
+    padding-bottom: 12px;
+    margin-bottom: 14px;
+}
 
-    <div class="card mb-4 shadow-sm">
-        <div class="card-body pb-1">
+.request-header strong {
+    font-size: 14px;
+}
 
-            <div class="table-responsive custom-table-wrapper">
-                <table class="table align-middle mb-0 custom-table">
-                    <thead>
-                        <tr>
-                            <th>#</th>
-                            <th>User</th>
-                            <th>Requested Changes</th>
-                            <th>Status</th>
-                            <th>Requested At</th>
-                            <th>Actions</th>
-                        </tr>
-                    </thead>
+/* ===== Badges ===== */
+.badge {
+    padding: 6px 14px;
+    font-size: 12px;
+    border-radius: 999px;
+    font-weight: 700;
+}
 
-                    <tbody>
-                        @foreach($currentItems as $index => $req)
-                            @php
-                                $user = $req->user;
-                                // FIX: Convert string to array
-                                $newData = is_array($req->data) ? $req->data : json_decode($req->data, true);
-                            @endphp
+.badge-pending {
+    background: #fff7ed;
+    color: #c2410c;
+    border: 1px solid #fed7aa;
+}
 
-                            <tr>
-                                <td><strong>{{ ($currentPage - 1) * $perPage + $index + 1 }}</strong></td>
+.badge-approved {
+    background: #ecfdf5;
+    color: #047857;
+    border: 1px solid #a7f3d0;
+}
 
-                                <td>
-                                    <strong>{{ $user->customer_name }}</strong><br>
-                                    <small>{{ $user->email }}</small><br>
-                                    <small>ID: {{ $user->customer_id }}</small>
-                                </td>
+.badge-rejected {
+    background: #fef2f2;
+    color: #b91c1c;
+    border: 1px solid #fecaca;
+}
 
-                                <td>
-                                    @foreach($newData as $key => $newValue)
-                                        @php
-                                            $oldValue = $user->$key ?? '—';
-                                            $changed = $oldValue != $newValue;
-                                        @endphp
+/* ===== Action Buttons ===== */
+.actions {
+    display: flex;
+    gap: 10px;
+}
 
-                                        <div class="box {{ $changed ? 'changed' : '' }}">
-                                            <span class="diff-label">{{ ucfirst(str_replace('_',' ', $key)) }}:</span><br>
-                                            <span class="old-value">Old: {{ $oldValue }}</span><br>
-                                            <span class="new-value">New: {{ $newValue ?? '—' }}</span>
-                                        </div>
-                                    @endforeach
-                                </td>
+.actions .btn {
+    padding: 6px 14px;
+    font-size: 13px;
+    border-radius: 999px;
+    font-weight: 600;
+}
 
-                                <td>
-                                    @if($req->status == 'pending')
-                                        <span class="badge badge-pending">Pending</span>
-                                    @elseif($req->status == 'approved')
-                                        <span class="badge badge-approved">Approved</span>
-                                    @else
-                                        <span class="badge badge-rejected">Rejected</span>
-                                    @endif
-                                </td>
+/* ===== Detail Grid ===== */
+.detail-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 14px;
+    margin-top: 12px;
+}
 
-                                <td>{{ $req->created_at->format('d M Y, h:i A') }}</td>
+/* ===== Detail Box ===== */
+.detail-box {
+    background: #f8fafc;
+    border-radius: 10px;
+    padding: 12px 14px;
+    border: 1px solid #e2e8f0;
+}
 
-                                <td class="actions">
-                                    @if($req->status == 'pending')
-                                        <a href="{{ route('admin.profile.approve', $req->id) }}" class="btn btn-success btn-sm">
-                                           <i class="bi bi-check-circle"></i> Approve
-                                        </a>
+.detail-box.changed {
+    background: linear-gradient(145deg, #fff7ed, #ffedd5);
+    border-left: 4px solid #f59e0b;
+}
 
-                                        <a href="{{ route('admin.profile.reject', $req->id) }}" class="btn btn-danger btn-sm">
-                                           <i class="bi bi-x-circle"></i> Reject
-                                        </a>
-                                    @else
-                                        <span class="text-muted">Completed</span>
-                                    @endif
-                                </td>
+.detail-label {
+    font-size: 12px;
+    font-weight: 700;
+    color: #334155;
+}
 
-                            </tr>
-                        @endforeach
-                    </tbody>
-                </table>
-            </div>
+.old {
+    font-size: 12px;
+    color: #64748b;
+}
 
+.new {
+    font-size: 14px;
+    font-weight: 700;
+    color: #020617;
+}
+
+/* ===== Responsive ===== */
+@media (max-width: 992px) {
+    .request-header {
+        grid-template-columns: 1fr;
+    }
+
+    .detail-grid {
+        grid-template-columns: 1fr;
+    }
+}
+</style>
+
+<h4 class="fw-bold my-3">Profile Update Requests ({{ $total }})</h4>
+
+@foreach($currentItems as $index => $req)
+@php
+    $user = $req->user;
+    $newData = is_array($req->data) ? $req->data : json_decode($req->data, true);
+@endphp
+
+<div class="request-card">
+
+    <!-- HEADER -->
+    <div class="request-header">
+        <strong>#{{ ($currentPage - 1) * $perPage + $index + 1 }}</strong>
+
+        <div>
+            <strong>{{ $user->customer_name }}</strong><br>
+            <small>{{ $user->email }}</small><br>
+            <small>ID: {{ $user->customer_id }}</small>
+        </div>
+
+        <div>
+            @if($req->status == 'pending')
+                <span class="badge badge-pending">Pending</span>
+            @elseif($req->status == 'approved')
+                <span class="badge badge-approved">Approved</span>
+            @else
+                <span class="badge badge-rejected">Rejected</span>
+            @endif
+        </div>
+
+        <div>{{ $req->created_at->format('d M Y, h:i A') }}</div>
+
+        <div class="actions">
+            @if($req->status == 'pending')
+                <a href="{{ route('admin.profile.approve', $req->id) }}" class="btn btn-success btn-sm">
+                    ✔ Approve
+                </a>
+                <a href="{{ route('admin.profile.reject', $req->id) }}" class="btn btn-danger btn-sm">
+                    ✖ Reject
+                </a>
+            @else
+                <span class="text-muted">Completed</span>
+            @endif
         </div>
     </div>
+
+    <!-- DETAILS ROW 1 -->
+    <div class="detail-grid">
+        @foreach(['customer_name','company_name','email'] as $field)
+            @php
+                $old = $user->$field ?? '—';
+                $new = $newData[$field] ?? $old;
+            @endphp
+            <div class="detail-box {{ $old != $new ? 'changed' : '' }}">
+                <div class="detail-label">{{ ucfirst(str_replace('_',' ', $field)) }}</div>
+                <div class="old">Old: {{ $old }}</div>
+                <div class="new">New: {{ $new }}</div>
+            </div>
+        @endforeach
+    </div>
+
+    <!-- DETAILS ROW 2 -->
+    <div class="detail-grid">
+       @foreach(['mobile_no','address','pincode'] as $field)
+
+            @php
+                $old = $user->$field ?? '—';
+                $new = $newData[$field] ?? $old;
+            @endphp
+            <div class="detail-box {{ $old != $new ? 'changed' : '' }}">
+                <div class="detail-label">{{ ucfirst(str_replace('_',' ', $field)) }}</div>
+                <div class="old">Old: {{ $old }}</div>
+                <div class="new">New: {{ $new }}</div>
+            </div>
+        @endforeach
+    </div>
+
+</div>
+@endforeach
+
 </div>
 @endsection
diff --git a/resources/views/admin/requests.blade.php b/resources/views/admin/requests.blade.php
index cab3f38..a4e598b 100644
--- a/resources/views/admin/requests.blade.php
+++ b/resources/views/admin/requests.blade.php
@@ -307,13 +307,54 @@
                 justify-content: center;
             }
         }
+/* ==============================================
+   PROFILE UPDATE REQUEST BUTTON BADGE FIX
+============================================== */
+
+/* Ensure button is positioning context */
+a.btn.btn-primary.position-relative {
+    position: relative;
+        margin-right: 10px;
+}
+
+/* Fix badge inside Profile Update Requests button */
+a.btn.btn-primary.position-relative .badge {
+    width: 30px !important;
+    height: 30px !important;
+    min-width: 30px !important;
+    padding: 0 !important;
+    font-size: 14px !important;
+    line-height: 30px !important;
+    border-radius: 50% !important;
+    display: inline-flex !important;
+    align-items: center;
+    justify-content: center;
+    animation: none !important;
+    box-shadow: 0 0 0 2px #ffffff;
+    
+}
+
+        
     </style>
 
     <!-- Counts -->
     <div class="d-flex justify-content-between align-items-center mb-2 mt-3">
-        <h4 class="fw-bold mb-0">User Requests (Total: {{ $total }})</h4>
-       
-    </div>
+    <h4 class="fw-bold mb-0">User Requests (Total: {{ $total }})</h4>
+
+    @can('request.update_profile')
+    <a href="{{ route('admin.profile.requests') }}" class="btn btn-primary position-relative">
+        <i class="bi bi-person-lines-fill me-1"></i>
+        Profile Update Requests
+
+        @if($pendingProfileUpdates > 0)
+            <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
+                {{ $pendingProfileUpdates }}
+            </span>
+        @endif
+    </a>
+    @endcan
+</div>
+
 
     <!-- Search + Table -->
     <div class="card mb-4 shadow-sm">
diff --git a/resources/views/admin/staff/create.blade.php b/resources/views/admin/staff/create.blade.php
index 1eb7fe0..a91e221 100644
--- a/resources/views/admin/staff/create.blade.php
+++ b/resources/views/admin/staff/create.blade.php
@@ -849,8 +849,7 @@
                                name="username" 
                                value="{{ old('username') }}" 
                                class="form-input" 
-                               placeholder="Leave blank to generate automatically"
-                               required>
+                               placeholder="Leave blank to generate automatically">
                         <div class="helper-text">
                             <span>ℹ️</span>
                             If left blank, username will be generated from employee ID