staff

app/Exports/OrdersExport.php

@@ -0,0 +1,98 @@
+<?php
+
+namespace App\Exports;
+
+use App\Models\Order;
+use Illuminate\Http\Request;
+use Maatwebsite\Excel\Concerns\FromCollection;
+use Maatwebsite\Excel\Concerns\WithHeadings;
+
+class OrdersExport implements FromCollection, WithHeadings
+{
+    protected $request;
+
+    public function __construct(Request $request)
+    {
+        $this->request = $request;
+    }
+
+    private function buildQuery()
+    {
+        $query = Order::with(['markList', 'invoice', 'shipments']);
+
+        if ($this->request->filled('search')) {
+            $search = $this->request->search;
+            $query->where(function($q) use ($search) {
+                $q->where('order_id', 'like', "%{$search}%")
+                  ->orWhereHas('markList', function($q2) use ($search) {
+                      $q2->where('company_name', 'like', "%{$search}%")
+                         ->orWhere('customer_id', 'like', "%{$search}%");
+                  })
+                  ->orWhereHas('invoice', function($q3) use ($search) {
+                      $q3->where('invoice_number', 'like', "%{$search}%");
+                  });
+            });
+        }
+
+        if ($this->request->filled('status')) {
+            $query->whereHas('invoice', function($q) {
+                $q->where('status', $this->request->status);
+            });
+        }
+
+        if ($this->request->filled('shipment')) {
+            $query->whereHas('shipments', function($q) {
+                $q->where('status', $this->request->shipment);
+            });
+        }
+
+        return $query->latest('id');
+    }
+
+    public function collection()
+    {
+        $orders = $this->buildQuery()->get();
+
+        // Map to simple array rows suitable for Excel
+        return $orders->map(function($order) {
+            $mark = $order->markList;
+            $invoice = $order->invoice;
+            $shipment = $order->shipments->first() ?? null;
+
+            return [
+                'Order ID' => $order->order_id,
+                'Shipment ID' => $shipment->shipment_id ?? '-',
+                'Customer ID' => $mark->customer_id ?? '-',
+                'Company' => $mark->company_name ?? '-',
+                'Origin' => $mark->origin ?? $order->origin ?? '-',
+                'Destination' => $mark->destination ?? $order->destination ?? '-',
+                'Order Date' => $order->created_at ? $order->created_at->format('d-m-Y') : '-',
+                'Invoice No' => $invoice->invoice_number ?? '-',
+                'Invoice Date' => $invoice?->invoice_date ? \Carbon\Carbon::parse($invoice->invoice_date)->format('d-m-Y') : '-',
+                'Amount' => $invoice?->final_amount ? number_format($invoice->final_amount, 2) : '-',
+                'Amount + GST' => $invoice?->final_amount_with_gst ? number_format($invoice->final_amount_with_gst, 2) : '-',
+                'Invoice Status' => $invoice->status ? ucfirst($invoice->status) : 'Pending',
+                'Shipment Status' => $shipment?->status ? ucfirst(str_replace('_', ' ', $shipment->status)) : 'Pending',
+            ];
+        });
+    }
+
+    public function headings(): array
+    {
+        return [
+            'Order ID',
+            'Shipment ID',
+            'Customer ID',
+            'Company',
+            'Origin',
+            'Destination',
+            'Order Date',
+            'Invoice No',
+            'Invoice Date',
+            'Amount',
+            'Amount + GST',
+            'Invoice Status',
+            'Shipment Status',
+        ];
+    }
+}

app/Http/Controllers/Admin/AdminAccountController.php

@@ -11,6 +11,48 @@ use Illuminate\Support\Facades\DB;
 
 class AdminAccountController extends Controller
 {
+  public function updateEntry(Request $request)
+{
+    try {
+        $data = $request->validate([
+            'entry_no'        => 'required|exists:entries,entry_no',
+            'description'     => 'required|string|max:255',
+            'order_quantity'  => 'required|numeric|min:0',
+            'region'          => 'required|string|max:50',
+            'amount'          => 'required|numeric|min:0',
+            //'payment_status'  => 'required|string|max:50',
+        ]);
+
+        $entry = Entry::where('entry_no', $data['entry_no'])->first();
+
+        if (!$entry) {
+            return response()->json([
+                'success' => false,
+                'message' => 'Entry not found.',
+            ], 404);
+        }
+
+        $entry->description    = $data['description'];
+        $entry->order_quantity = $data['order_quantity'];
+        $entry->region         = $data['region'];
+        $entry->amount         = $data['amount'];
+        //$entry->payment_status = $data['payment_status'];
+
+        $entry->save();
+
+        return response()->json([
+            'success' => true,
+            'message' => 'Entry updated successfully.',
+            'entry'   => $entry,
+        ]);
+    } catch (\Throwable $e) {
+        return response()->json([
+            'success' => false,
+            'message' => 'Server error: '.$e->getMessage(),
+        ], 500);
+    }
+}
+
     /**
      * 🚀 1. Get dashboard entries
      */
@@ -31,15 +73,17 @@ class AdminAccountController extends Controller
      */
     public function getAvailableOrders()
     {
-        $orders = Order::whereDoesntHave('entries')
-                       ->orderBy('id', 'desc')
-                       ->get();
 
+        $orders = Order::whereDoesntHave('entries')
+            ->orderBy('id', 'desc')
+            ->get();
+    
         return response()->json([
             'success' => true,
-            'orders' => $orders
+            'orders'  => $orders,
         ]);
     }
+    
 
     /**
      * 🚀 3. Create new entry
@@ -245,4 +289,111 @@ class AdminAccountController extends Controller
             'pending'         => $entry->pending_amount,
         ]);
     }
+
+    //--------------------------
+        //add order Entry
+    //--------------------------
+    public function addOrdersToEntry(Request $request)
+{
+    $data = $request->validate([
+        'entry_no'    => 'required|exists:entries,entry_no',
+        'order_ids'   => 'required|array',
+        'order_ids.*' => 'integer|exists:orders,id',
+    ]);
+
+    return DB::transaction(function () use ($data) {
+        $entry = Entry::where('entry_no', $data['entry_no'])->firstOrFail();
+
+        
+        $entry->orders()->syncWithoutDetaching($data['order_ids']);
+
+        $entry->order_quantity = $entry->orders()->count();
+        $entry->save();
+
+        $entry->load('orders');
+
+        return response()->json([
+            'success' => true,
+            'message' => 'Orders added successfully.',
+            'entry'   => $entry,
+        ]);
+    });
 }
+
+
+
+public function getEntryOrders($entry_no)
+{
+    $entry = Entry::where('entry_no', $entry_no)
+        ->with('orders')
+        ->first();
+
+    if (!$entry) {
+        return response()->json([
+            'success' => false,
+            'message' => 'Entry not found.',
+        ], 404);
+    }
+
+    return response()->json([
+        'success' => true,
+        'orders'  => $entry->orders,
+    ]);
+}
+
+public function removeOrderFromEntry(Request $request)
+{
+    $data = $request->validate([
+        'entry_no' => 'required|exists:entries,entry_no',
+        'order_id' => 'required|integer|exists:orders,id',
+    ]);
+
+    return DB::transaction(function () use ($data) {
+        $entry = Entry::where('entry_no', $data['entry_no'])->firstOrFail();
+
+        // order detach करा
+        $entry->orders()->detach($data['order_id']);
+
+        // इथे quantity auto update
+        $entry->order_quantity = $entry->orders()->count();
+        $entry->save();
+
+        return response()->json([
+            'success' => true,
+            'message' => 'Order removed successfully.',
+            'entry'   => $entry,
+        ]);
+    });
+}
+public function deleteEntry(Request $request)
+{
+    try {
+        $data = $request->validate([
+            'entry_no' => 'required|exists:entries,entry_no',
+        ]);
+
+        $entry = Entry::where('entry_no', $data['entry_no'])->first();
+
+        if (!$entry) {
+            return response()->json([
+                'success' => false,
+                'message' => 'Entry not found.',
+            ], 404);
+        }
+
+        $entry->delete();
+
+        return response()->json([
+            'success' => true,
+            'message' => 'Entry deleted successfully.',
+        ]);
+    } catch (\Throwable $e) {
+        return response()->json([
+            'success' => false,
+            'message' => 'Server error: '.$e->getMessage(),
+        ], 500);
+    }
+}
+
+
+}

app/Http/Controllers/Admin/AdminAuthController.php

@@ -5,50 +5,52 @@ namespace App\Http\Controllers\Admin;
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
-use Illuminate\Support\Facades\Hash;
-use App\Models\Admin;
-
-
 
 class AdminAuthController extends Controller
 {
-    /**
-     * Show the admin login page
-     */
     public function showLoginForm()
     {
         return view('admin.login');
     }
 
-    /**
-     * Handle admin login
-     */
     public function login(Request $request)
     {
         $request->validate([
-            'email'    => 'required|email',
+            'login'    => 'required',
             'password' => 'required|string|min:6',
         ]);
 
-        // Try to log in using the 'admin' guard
-        if (Auth::guard('admin')->attempt($request->only('email', 'password'))) {
-            return redirect()->route('admin.dashboard')->with('success', 'Welcome back, Admin!');
+        $loginInput = $request->input('login');
+
+        if (filter_var($loginInput, FILTER_VALIDATE_EMAIL)) {
+            $field = 'email';
+        } elseif (preg_match('/^EMP\d+$/i', $loginInput)) {
+            $field = 'employee_id';
+        } else {
+            $field = 'username';
         }
 
-        return back()->withErrors(['email' => 'Invalid email or password.']);
+        $credentials = [
+            $field => $loginInput,
+            'password' => $request->password,
+        ];
+
+        // attempt login
+        if (Auth::guard('admin')->attempt($credentials)) {
+            $request->session()->regenerate();
+            $user = Auth::guard('admin')->user();
+
+            return redirect()->route('admin.dashboard')->with('success', 'Welcome back, ' . $user->name . '!');
+        }
+
+        return back()->withErrors(['login' => 'Invalid login credentials.']);
     }
 
-    /**
-     * Logout admin
-     */
     public function logout(Request $request)
     {
         Auth::guard('admin')->logout();
-
-        // Destroy the session completely
         $request->session()->invalidate();
         $request->session()->regenerateToken();
-
         return redirect()->route('admin.login')->with('success', 'Logged out successfully.');
     }
 }

app/Http/Controllers/Admin/AdminCustomerController.php

@@ -9,36 +9,42 @@ use Illuminate\Support\Facades\Hash;
 
 class AdminCustomerController extends Controller
 {
+
+    
     // ---------------------------------------------------------
     // LIST CUSTOMERS (with search + status filter)
     // ---------------------------------------------------------
     public function index(Request $request)
-    {
-        $search = $request->search;
-        $status = $request->status;
+{
+    $search = $request->search;
+    $status = $request->status;
 
-        $query = User::with(['marks', 'orders'])->orderBy('id', 'desc');
+    $query = User::with(['marks', 'orders'])->orderBy('id', 'desc');
 
-        // SEARCH FILTER
-        if (!empty($search)) {
-            $query->where(function ($q) use ($search) {
-                $q->where('customer_name', 'like', "%$search%")
-                    ->orWhere('email', 'like', "%$search%")
-                    ->orWhere('mobile_no', 'like', "%$search%")
-                    ->orWhere('customer_id', 'like', "%$search%");
-            });
-        }
-
-        // STATUS FILTER
-        if (!empty($status) && in_array($status, ['active', 'inactive'])) {
-            $query->where('status', $status);
-        }
-
-        $customers = $query->get();
-
-        return view('admin.customers', compact('customers', 'search', 'status'));
+    // SEARCH FILTER
+    if (!empty($search)) {
+        $query->where(function ($q) use ($search) {
+            $q->where('customer_name', 'like', "%$search%")
+                ->orWhere('email', 'like', "%$search%")
+                ->orWhere('mobile_no', 'like', "%$search%")
+                ->orWhere('customer_id', 'like', "%$search%");
+        });
     }
 
+    // STATUS FILTER
+    if (!empty($status) && in_array($status, ['active', 'inactive'])) {
+        $query->where('status', $status);
+    }
+
+    // Get all customers for statistics (without pagination)
+    $allCustomers = $query->get();
+
+    // Get paginated customers for the table (10 per page)
+    $customers = $query->paginate(10);
+
+    return view('admin.customers', compact('customers', 'allCustomers', 'search', 'status'));
+}
+
     // ---------------------------------------------------------
     // SHOW ADD CUSTOMER FORM
     // ---------------------------------------------------------
@@ -130,5 +136,6 @@ class AdminCustomerController extends Controller
 
         return back()->with('success', 'Customer status updated.');
     }
+    
 
 }

app/Http/Controllers/Admin/AdminInvoiceController.php

@@ -7,6 +7,8 @@ use Illuminate\Http\Request;
 use App\Models\Invoice;
 use App\Models\InvoiceItem;
 use Mpdf\Mpdf;
+use App\Models\InvoiceInstallment;
+use Illuminate\Support\Facades\Log;
 
 class AdminInvoiceController extends Controller
 {
@@ -15,7 +17,7 @@ class AdminInvoiceController extends Controller
     // -------------------------------------------------------------
     public function index()
     {
-        $invoices = Invoice::latest()->get();
+        $invoices = Invoice::with(['order.shipments'])->latest()->get();
         return view('admin.invoice', compact('invoices'));
     }
 
@@ -24,8 +26,15 @@ class AdminInvoiceController extends Controller
     // -------------------------------------------------------------
     public function popup($id)
     {
-        $invoice = Invoice::with('items')->findOrFail($id);
-        return view('admin.popup_invoice', compact('invoice'));
+        $invoice = Invoice::with(['items', 'order'])->findOrFail($id);
+
+        // Find actual Shipment record
+        $shipment = \App\Models\Shipment::whereHas('items', function ($q) use ($invoice) {
+                $q->where('order_id', $invoice->order_id);
+            })
+            ->first();
+
+        return view('admin.popup_invoice', compact('invoice', 'shipment'));
     }
 
     // -------------------------------------------------------------
@@ -33,8 +42,10 @@ class AdminInvoiceController extends Controller
     // -------------------------------------------------------------
     public function edit($id)
     {
-        $invoice = Invoice::findOrFail($id);
-        return view('admin.invoice_edit', compact('invoice'));
+        $invoice = Invoice::with(['order.shipments'])->findOrFail($id);
+        $shipment = $invoice->order?->shipments?->first();
+
+        return view('admin.invoice_edit', compact('invoice', 'shipment'));
     }
 
     // -------------------------------------------------------------
@@ -42,31 +53,65 @@ class AdminInvoiceController extends Controller
     // -------------------------------------------------------------
     public function update(Request $request, $id)
     {
+        Log::info("🟡 Invoice Update Request Received", [
+            'invoice_id' => $id,
+            'request'    => $request->all()
+        ]);
+
         $invoice = Invoice::findOrFail($id);
 
-        // Validate editable fields
         $data = $request->validate([
             'invoice_date'      => 'required|date',
             'due_date'          => 'required|date|after_or_equal:invoice_date',
-            'payment_method'    => 'nullable|string',
-            'reference_no'      => 'nullable|string|max:255',
             'final_amount'      => 'required|numeric|min:0',
-            'gst_percent'       => 'required|numeric|min:0|max:28',
+            'tax_type'          => 'required|in:gst,igst',
+            'tax_percent'       => 'required|numeric|min:0|max:28',
             'status'            => 'required|in:pending,paid,overdue',
             'notes'             => 'nullable|string',
         ]);
 
-        // Auto-calc
-        $gst_amount = ($data['final_amount'] * $data['gst_percent']) / 100;
-        $final_amount_with_gst = $data['final_amount'] + $gst_amount;
+        Log::info("✅ Validated Invoice Update Data", $data);
 
-        $data['gst_amount'] = $gst_amount;
-        $data['final_amount_with_gst'] = $final_amount_with_gst;
+        $finalAmount = floatval($data['final_amount']);
+        $taxPercent  = floatval($data['tax_percent']);
+        $taxAmount   = 0;
+
+        if ($data['tax_type'] === 'gst') {
+            Log::info("🟢 GST Selected", compact('taxPercent'));
+            $data['cgst_percent'] = $taxPercent / 2;
+            $data['sgst_percent'] = $taxPercent / 2;
+            $data['igst_percent'] = 0;
+        } else {
+            Log::info("🔵 IGST Selected", compact('taxPercent'));
+            $data['cgst_percent'] = 0;
+            $data['sgst_percent'] = 0;
+            $data['igst_percent'] = $taxPercent;
+        }
+
+        $taxAmount = ($finalAmount * $taxPercent) / 100;
+
+        $data['gst_amount'] = $taxAmount;
+        $data['final_amount_with_gst'] = $finalAmount + $taxAmount;
+        $data['gst_percent'] = $taxPercent;
+
+        Log::info("📌 Final Calculated Invoice Values", [
+            'invoice_id'             => $invoice->id,
+            'final_amount'           => $finalAmount,
+            'gst_amount'             => $data['gst_amount'],
+            'final_amount_with_gst'  => $data['final_amount_with_gst'],
+            'tax_type'               => $data['tax_type'],
+            'cgst_percent'           => $data['cgst_percent'],
+            'sgst_percent'           => $data['sgst_percent'],
+            'igst_percent'           => $data['igst_percent'],
+        ]);
 
-        // Update DB
         $invoice->update($data);
 
-        // Generate PDF
+        Log::info("✅ Invoice Updated Successfully", [
+            'invoice_id' => $invoice->id
+        ]);
+
+        // regenerate PDF
         $this->generateInvoicePDF($invoice);
 
         return redirect()
@@ -79,44 +124,104 @@ class AdminInvoiceController extends Controller
     // -------------------------------------------------------------
     public function generateInvoicePDF($invoice)
     {
-        // PDF Name
+        $invoice->load(['items', 'order.shipments']);
+        $shipment = $invoice->order?->shipments?->first();
         $fileName = 'invoice-' . $invoice->invoice_number . '.pdf';
-
-        // Save directly in /public/invoices
         $folder = public_path('invoices/');
 
-        // Create folder if not exists
         if (!file_exists($folder)) {
             mkdir($folder, 0777, true);
         }
 
-        // Full path
         $filePath = $folder . $fileName;
-
-        // Delete old file
         if (file_exists($filePath)) {
             unlink($filePath);
         }
 
-        // Initialize mPDF
-        $mpdf = new Mpdf([
-            'mode' => 'utf-8',
-            'format' => 'A4',
-            'default_font' => 'sans-serif'
+        $mpdf = new Mpdf(['mode' => 'utf-8', 'format' => 'A4', 'default_font' => 'sans-serif']);
+        $html = view('admin.pdf.invoice', ['invoice' => $invoice, 'shipment' => $shipment])->render();
+        $mpdf->WriteHTML($html);
+        $mpdf->Output($filePath, 'F');
+        $invoice->update(['pdf_path' => 'invoices/' . $fileName]);
+    }
+
+    // -------------------------------------------------------------
+    // INSTALLMENTS (ADD/DELETE)
+    // -------------------------------------------------------------
+    public function storeInstallment(Request $request, $invoice_id)
+    {
+        $request->validate([
+            'installment_date' => 'required|date',
+            'payment_method'   => 'required|string',
+            'reference_no'     => 'nullable|string',
+            'amount'           => 'required|numeric|min:1',
         ]);
 
-        // Load HTML view
-        $html = view('admin.pdf.invoice', compact('invoice'))->render();
+        $invoice = Invoice::findOrFail($invoice_id);
 
-        // Generate
-        $mpdf->WriteHTML($html);
+        $paidTotal = $invoice->installments()->sum('amount');
+        // Use GST-inclusive total for all calculations/checks
+        $remaining = $invoice->final_amount_with_gst - $paidTotal;
 
-        // Save to public/invoices
-        $mpdf->Output($filePath, 'F');
+        if ($request->amount > $remaining) {
+            return response()->json([
+                'status' => 'error',
+                'message' => 'Installment amount exceeds remaining balance.'
+            ], 422);
+        }
 
-        // Save path in DB
-        $invoice->update([
-            'pdf_path' => 'invoices/' . $fileName
+        $installment = InvoiceInstallment::create([
+            'invoice_id'       => $invoice_id,
+            'installment_date' => $request->installment_date,
+            'payment_method'   => $request->payment_method,
+            'reference_no'     => $request->reference_no,
+            'amount'           => $request->amount,
+        ]);
+
+        $newPaid = $paidTotal + $request->amount;
+
+        // Mark as 'paid' if GST-inclusive total is cleared
+        if ($newPaid >= $invoice->final_amount_with_gst) {
+            $invoice->update(['status' => 'paid']);
+        }
+
+        return response()->json([
+            'status'              => 'success',
+            'message'             => 'Installment added successfully.',
+            'installment'         => $installment,
+            'totalPaid'           => $newPaid,
+            'gstAmount'           => $invoice->gst_amount,
+            'finalAmountWithGst'  => $invoice->final_amount_with_gst,
+            'baseAmount'          => $invoice->final_amount,
+            'remaining'           => max(0, $invoice->final_amount_with_gst - $newPaid),
+            'isCompleted'         => $newPaid >= $invoice->final_amount_with_gst
         ]);
     }
+    public function deleteInstallment($id)
+    {
+        $installment = InvoiceInstallment::findOrFail($id);
+        $invoice = $installment->invoice;
+    
+        $installment->delete();
+    
+        $paidTotal = $invoice->installments()->sum('amount');
+        $remaining = $invoice->final_amount_with_gst - $paidTotal;
+    
+        // Update status if not fully paid anymore
+        if ($remaining > 0 && $invoice->status === "paid") {
+            $invoice->update(['status' => 'pending']);
+        }
+    
+        return response()->json([
+            'status'              => 'success',
+            'message'             => 'Installment deleted.',
+            'totalPaid'           => $paidTotal,
+            'gstAmount'           => $invoice->gst_amount,
+            'finalAmountWithGst'  => $invoice->final_amount_with_gst,
+            'baseAmount'          => $invoice->final_amount,
+            'remaining'           => $remaining,
+            'isZero'              => $paidTotal == 0
+        ]);
+    }
+    
 }

app/Http/Controllers/Admin/AdminOrderController.php

@@ -7,20 +7,458 @@ use Illuminate\Http\Request;
 use App\Models\Order;
 use App\Models\OrderItem;
 use App\Models\MarkList;
+use App\Models\Invoice;
+use App\Models\InvoiceItem;
+use App\Models\User;
+use PDF; // barryvdh/laravel-dompdf facade
+use Maatwebsite\Excel\Facades\Excel;
+use App\Exports\OrdersExport;
+
 
 class AdminOrderController extends Controller
 {
+    // ---------------------------
+    // LIST / DASHBOARD
+    // ---------------------------
     public function index()
     {
+        // raw list for admin dashboard (simple)
         $orders = Order::latest()->get();
         $markList = MarkList::where('status', 'active')->get();
 
         return view('admin.dashboard', compact('orders', 'markList'));
     }
 
-    // -------------------------------------------------------------------------
-    // STEP 1 : ADD TEMPORARY ITEM
-    // -------------------------------------------------------------------------
+    /**
+     * Orders list (detailed)
+     */
+    // public function orderShow()
+    // {
+    //     $orders = Order::with(['markList', 'shipments', 'invoice'])
+    //         ->latest('id')
+    //         ->get();
+
+    //     return view('admin.orders', compact('orders'));
+    // }
+
+    // ---------------------------
+    // CREATE NEW ORDER (simple DB flow)
+    // ---------------------------
+    /**
+     * Show create form (you can place create UI on separate view or dashboard)
+     */
+    public function create()
+    {
+        // return a dedicated create view - create it at resources/views/admin/orders_create.blade.php
+        // If you prefer create UI on dashboard, change this to redirect route('admin.orders.index') etc.
+        $markList = MarkList::where('status', 'active')->get();
+        return view('admin.orders_create', compact('markList'));
+    }
+
+    /**
+     * Store a new order and optionally create initial invoice
+     */
+    public function store(Request $request)
+    {
+        $data = $request->validate([
+            'mark_no' => 'required|string',
+            'origin' => 'nullable|string',
+            'destination' => 'nullable|string',
+            // totals optional when creating without items
+            'ctn' => 'nullable|numeric',
+            'qty' => 'nullable|numeric',
+            'ttl_qty' => 'nullable|numeric',
+            'ttl_amount' => 'nullable|numeric',
+            'cbm' => 'nullable|numeric',
+            'ttl_cbm' => 'nullable|numeric',
+            'kg' => 'nullable|numeric',
+            'ttl_kg' => 'nullable|numeric',
+        ]);
+
+        $order = Order::create([
+            'order_id' => $this->generateOrderId(),
+            'mark_no' => $data['mark_no'],
+            'origin' => $data['origin'] ?? null,
+            'destination' => $data['destination'] ?? null,
+            'ctn' => $data['ctn'] ?? 0,
+            'qty' => $data['qty'] ?? 0,
+            'ttl_qty' => $data['ttl_qty'] ?? 0,
+            'ttl_amount' => $data['ttl_amount'] ?? 0,
+            'cbm' => $data['cbm'] ?? 0,
+            'ttl_cbm' => $data['ttl_cbm'] ?? 0,
+            'kg' => $data['kg'] ?? 0,
+            'ttl_kg' => $data['ttl_kg'] ?? 0,
+            'status' => 'pending',
+        ]);
+
+        //If you want to auto-create an invoice at order creation, uncomment:
+        $this->createInvoice($order);
+
+        return redirect()->route('admin.orders.show', $order->id)
+                         ->with('success', 'Order created successfully.');
+    }
+
+    // ---------------------------
+    // SHOW / POPUP
+    // ---------------------------
+    public function show($id)
+    {
+        $order = Order::with('items', 'markList')->findOrFail($id);
+        $user = $this->getCustomerFromOrder($order);
+
+        return view('admin.orders_show', compact('order', 'user'));
+    }
+
+    // public function popup($id)
+    // {
+    //     $order = Order::with(['items', 'markList'])->findOrFail($id);
+    //     $user = $this->getCustomerFromOrder($order);
+
+    //     return view('admin.popup', compact('order', 'user'));
+    // }
+
+    // ---------------------------
+    // ORDER ITEM MANAGEMENT (DB)
+    // ---------------------------
+    /**
+     * Add an item to an existing order
+     */
+    public function addItem(Request $request, $orderId)
+    {
+        $order = Order::findOrFail($orderId);
+
+        $data = $request->validate([
+            'description' => 'required|string',
+            'ctn' => 'nullable|numeric',
+            'qty' => 'nullable|numeric',
+            'ttl_qty' => 'nullable|numeric',
+            'unit' => 'nullable|string',
+            'price' => 'nullable|numeric',
+            'ttl_amount' => 'nullable|numeric',
+            'cbm' => 'nullable|numeric',
+            'ttl_cbm' => 'nullable|numeric',
+            'kg' => 'nullable|numeric',
+            'ttl_kg' => 'nullable|numeric',
+            'shop_no' => 'nullable|string',
+        ]);
+
+        $data['order_id'] = $order->id;
+
+        OrderItem::create($data);
+
+        // recalc totals and save to order
+        $this->recalcTotals($order);
+        $this->updateInvoiceFromOrder($order); // <-- NEW
+
+        return redirect()->back()->with('success', 'Item added and totals updated.');
+    }
+
+    /**
+     * Soft-delete an order item and recalc totals
+     */
+    public function deleteItem($id)
+    {
+        $item = OrderItem::findOrFail($id);
+        $order = $item->order;
+
+        $item->delete(); // soft delete
+
+        // recalc totals
+        $this->recalcTotals($order);
+        $this->updateInvoiceFromOrder($order);
+
+
+        return redirect()->back()->with('success', 'Item deleted and totals updated.');
+    }
+
+    /**
+     * Restore soft-deleted item and recalc totals
+     */
+    public function restoreItem($id)
+    {
+        $item = OrderItem::withTrashed()->findOrFail($id);
+        $order = Order::findOrFail($item->order_id);
+
+        $item->restore();
+
+        // recalc totals
+        $this->recalcTotals($order);
+        $this->updateInvoiceFromOrder($order);
+
+
+        return redirect()->back()->with('success', 'Item restored and totals updated.');
+    }
+
+    // ---------------------------
+    // ORDER CRUD: update / destroy
+    // ---------------------------
+    public function update(Request $request, $id)
+    {
+        $order = Order::findOrFail($id);
+
+        $data = $request->validate([
+            'mark_no' => 'required|string',
+            'origin' => 'nullable|string',
+            'destination' => 'nullable|string',
+        ]);
+
+        $order->update([
+            'mark_no' => $data['mark_no'],
+            'origin' => $data['origin'] ?? null,
+            'destination' => $data['destination'] ?? null,
+        ]);
+
+        // optionally recalc totals (not necessary unless you change item-level fields here)
+        $this->recalcTotals($order);
+
+        return redirect()->route('admin.orders.show', $order->id)
+                         ->with('success', 'Order updated successfully.');
+    }
+
+    /**
+     * Soft-delete whole order and its items (soft-delete items first then order)
+     */
+    public function destroy($id)
+    {
+        $order = Order::findOrFail($id);
+
+        // soft-delete items first (so they show up in onlyTrashed for restore)
+        OrderItem::where('order_id', $order->id)->delete();
+
+        // then soft-delete order
+        $order->delete();
+
+        return redirect()->route('admin.orders.index')
+                         ->with('success', 'Order deleted successfully.');
+    }
+
+    // ---------------------------
+    // HELPERS
+    // ---------------------------
+    /**
+     * Recalculate totals for the order from current (non-deleted) items
+     */
+    private function recalcTotals(Order $order)
+    {
+        // make sure we re-query live items (non-deleted)
+        $items = $order->items()->get();
+
+        $order->update([
+            'ctn'       => (int) $items->sum(fn($i) => (int) ($i->ctn ?? 0)),
+            'qty'       => (int) $items->sum(fn($i) => (int) ($i->qty ?? 0)),
+            'ttl_qty'   => (int) $items->sum(fn($i) => (int) ($i->ttl_qty ?? 0)),
+            'ttl_amount'=> (float) $items->sum(fn($i) => (float) ($i->ttl_amount ?? 0)),
+            'cbm'       => (float) $items->sum(fn($i) => (float) ($i->cbm ?? 0)),
+            'ttl_cbm'   => (float) $items->sum(fn($i) => (float) ($i->ttl_cbm ?? 0)),
+            'kg'        => (float) $items->sum(fn($i) => (float) ($i->kg ?? 0)),
+            'ttl_kg'    => (float) $items->sum(fn($i) => (float) ($i->ttl_kg ?? 0)),
+        ]);
+    }
+
+    /**
+     * Generate order id (keeps old format)
+     */
+    private function generateOrderId()
+    {
+        $year = date('y');
+        $prefix = "KNT-$year-";
+
+        $lastOrder = Order::latest('id')->first();
+        $nextNumber = $lastOrder ? intval(substr($lastOrder->order_id, -8)) + 1 : 1;
+
+        return $prefix . str_pad($nextNumber, 8, '0', STR_PAD_LEFT);
+    }
+
+    // ---------------------------
+    // INVOICE CREATION (optional helper used by store/finish)
+    // ---------------------------
+    private function createInvoice(Order $order)
+    {
+        $invoiceNumber = $this->generateInvoiceNumber();
+        $customer = $this->getCustomerFromMarkList($order->mark_no);
+        $totalAmount = $order->ttl_amount;
+
+        $invoice = Invoice::create([
+            'order_id' => $order->id,
+            'customer_id' => $customer->id ?? null,
+            'mark_no' => $order->mark_no,
+            'invoice_number' => $invoiceNumber,
+            'invoice_date' => now(),
+            'due_date' => now()->addDays(10),
+            'payment_method' => null,
+            'reference_no' => null,
+            'status' => 'pending',
+            'final_amount' => $totalAmount,
+            'gst_percent' => 0,
+            'gst_amount' => 0,
+            'final_amount_with_gst' => $totalAmount,
+            'customer_name' => $customer->customer_name ?? null,
+            'company_name' => $customer->company_name ?? null,
+            'customer_email' => $customer->email ?? null,
+            'customer_mobile' => $customer->mobile_no ?? null,
+            'customer_address' => $customer->address ?? null,
+            'pincode' => $customer->pincode ?? null,
+            'notes' => null,
+            'pdf_path' => null,
+        ]);
+
+        // clone order items into invoice items
+        foreach ($order->items as $item) {
+            InvoiceItem::create([
+                'invoice_id' => $invoice->id,
+                'description' => $item->description,
+                'ctn' => $item->ctn,
+                'qty' => $item->qty,
+                'ttl_qty' => $item->ttl_qty,
+                'unit' => $item->unit,
+                'price' => $item->price,
+                'ttl_amount' => $item->ttl_amount,
+                'cbm' => $item->cbm,
+                'ttl_cbm' => $item->ttl_cbm,
+                'kg' => $item->kg,
+                'ttl_kg' => $item->ttl_kg,
+                'shop_no' => $item->shop_no,
+            ]);
+        }
+    }
+
+    private function generateInvoiceNumber()
+    {
+        $lastInvoice = Invoice::latest()->first();
+        $nextInvoice = $lastInvoice ? $lastInvoice->id + 1 : 1;
+
+        return 'INV-' . date('Y') . '-' . str_pad($nextInvoice, 6, '0', STR_PAD_LEFT);
+    }
+
+    private function getCustomerFromMarkList($markNo)
+    {
+        $markList = MarkList::where('mark_no', $markNo)->first();
+
+        if ($markList && $markList->customer_id) {
+            return User::where('customer_id', $markList->customer_id)->first();
+        }
+
+        return null;
+    }
+
+    private function getCustomerFromOrder($order)
+    {
+        if ($order->markList && $order->markList->customer_id) {
+            return User::where('customer_id', $order->markList->customer_id)->first();
+        }
+
+        return null;
+    }
+
+    public function popup($id)
+    {
+        // Load order with items + markList
+        $order = Order::with(['items', 'markList'])->findOrFail($id);
+
+        // Fetch user based on markList customer_id (same as show method)
+        $user = null;
+        if ($order->markList && $order->markList->customer_id) {
+            $user = \App\Models\User::where('customer_id', $order->markList->customer_id)->first();
+        }
+
+        return view('admin.popup', compact('order', 'user'));
+    }
+
+
+
+
+    public function resetTemp()
+    {
+        session()->forget(['temp_order_items', 'mark_no', 'origin', 'destination']);
+
+        return redirect()->to(route('admin.orders.index') . '#createOrderForm')
+                        ->with('success', 'Order reset successfully.');
+    }
+
+    public function orderShow()
+    {
+        $orders = Order::with([
+            'markList',     // company, customer, origin, destination, date
+            'shipments',    // shipment_id, shipment_date, status
+            'invoice'       // invoice number, dates, amounts, status
+        ])
+        ->latest('id') // show latest orders first
+        ->get();
+
+        return view('admin.orders', compact('orders'));
+    }
+    
+    // inside AdminOrderController
+
+    private function buildOrdersQueryFromRequest(Request $request)
+    {
+        $query = Order::with(['markList', 'invoice', 'shipments']);
+
+        // Search across order_id, markList.company_name, markList.customer_id, invoice.invoice_number
+        if ($request->filled('search')) {
+            $search = $request->search;
+            $query->where(function($q) use ($search) {
+                $q->where('order_id', 'like', "%{$search}%")
+                ->orWhereHas('markList', function($q2) use ($search) {
+                    $q2->where('company_name', 'like', "%{$search}%")
+                        ->orWhere('customer_id', 'like', "%{$search}%");
+                })
+                ->orWhereHas('invoice', function($q3) use ($search) {
+                    $q3->where('invoice_number', 'like', "%{$search}%");
+                });
+            });
+        }
+
+        // Invoice status filter
+        if ($request->filled('status')) {
+            $query->whereHas('invoice', function($q) use ($request) {
+                $q->where('status', $request->status);
+            });
+        }
+
+        // Shipment status filter
+        if ($request->filled('shipment')) {
+            $query->whereHas('shipments', function($q) use ($request) {
+                $q->where('status', $request->shipment);
+            });
+        }
+
+        // optional ordering
+        $query->latest('id');
+
+        return $query;
+    }
+
+    public function downloadPdf(Request $request)
+    {
+        // Build same filtered query used for table
+        $query = $this->buildOrdersQueryFromRequest($request);
+
+        $orders = $query->get();
+
+        // optional: pass filters to view for header
+        $filters = [
+            'search' => $request->search ?? null,
+            'status' => $request->status ?? null,
+            'shipment' => $request->shipment ?? null,
+        ];
+
+        $pdf = PDF::loadView('admin.orders.pdf', compact('orders', 'filters'))
+                ->setPaper('a4', 'landscape'); // adjust if needed
+
+        $fileName = 'orders-report'
+                . ($filters['status'] ? "-{$filters['status']}" : '')
+                . '-' . date('Y-m-d') . '.pdf';
+
+        return $pdf->download($fileName);
+    }
+
+    public function downloadExcel(Request $request)
+    {
+        // pass request to OrdersExport which will build Filtered query internally
+        return Excel::download(new OrdersExport($request), 'orders-report-' . date('Y-m-d') . '.xlsx');
+    }
+
 
     public function addTempItem(Request $request)
     {
@@ -67,31 +505,8 @@ class AdminOrderController extends Controller
         session()->push('temp_order_items', $item);
 
         return redirect()->to(route('admin.orders.index') . '#createOrderForm')
-                         ->with('success', 'Item added.');
-    }
-
-    // -------------------------------------------------------------------------
-    // STEP 2 : DELETE TEMPORARY ITEM
-    // -------------------------------------------------------------------------
-
-    public function deleteTempItem(Request $request)
-    {
-        $index = $request->index;
-
-        $items = session('temp_order_items', []);
-
-        if (isset($items[$index])) {
-            unset($items[$index]);
-            session(['temp_order_items' => array_values($items)]);
-        }
-
-        // If no items left → reset mark_no lock
-        if (empty($items)) {
-            session()->forget(['mark_no', 'origin', 'destination']);
-        }
-
-        return redirect()->to(route('admin.orders.index') . '#createOrderForm')
-                         ->with('success', 'Item removed successfully.');
+      
+        ->with('success', 'Item added.');
     }
 
     // -------------------------------------------------------------------------
@@ -99,202 +514,228 @@ class AdminOrderController extends Controller
     // -------------------------------------------------------------------------
 
     public function finishOrder(Request $request)
-{
-    $request->validate([
-        'mark_no' => 'required',
-        'origin' => 'required',
-        'destination' => 'required',
-    ]);
+    {
+        $request->validate([
+            'mark_no' => 'required',
+            'origin' => 'required',
+            'destination' => 'required',
+        ]);
 
-    $items = session('temp_order_items', []);
+        $items = session('temp_order_items', []);
 
-    if (empty($items)) {
-        return redirect()->to(route('admin.orders.index') . '#createOrderForm')
-                         ->with('error', 'Add at least one item before finishing.');
-    }
+        if (empty($items)) {
+            return redirect()->to(route('admin.orders.index') . '#createOrderForm')
+                            ->with('error', 'Add at least one item before finishing.');
+        }
 
-    // =======================
-    // GENERATE ORDER ID
-    // =======================
-    $year = date('y');
-    $prefix = "KNT-$year-";
+        // =======================
+        // GENERATE ORDER ID
+        // =======================
+        $year = date('y');
+        $prefix = "KNT-$year-";
 
-    $lastOrder = Order::latest('id')->first();
-    $nextNumber = $lastOrder ? intval(substr($lastOrder->order_id, -8)) + 1 : 1;
+        $lastOrder = Order::latest('id')->first();
+        $nextNumber = $lastOrder ? intval(substr($lastOrder->order_id, -8)) + 1 : 1;
 
-    $orderId = $prefix . str_pad($nextNumber, 8, '0', STR_PAD_LEFT);
+        $orderId = $prefix . str_pad($nextNumber, 8, '0', STR_PAD_LEFT);
 
-    // =======================
-    // TOTAL SUMS
-    // =======================
-    $total_ctn = array_sum(array_column($items, 'ctn'));
-    $total_qty = array_sum(array_column($items, 'qty'));
-    $total_ttl_qty = array_sum(array_column($items, 'ttl_qty'));
-    $total_amount = array_sum(array_column($items, 'ttl_amount'));
-    $total_cbm = array_sum(array_column($items, 'cbm'));
-    $total_ttl_cbm = array_sum(array_column($items, 'ttl_cbm'));
-    $total_kg = array_sum(array_column($items, 'kg'));
-    $total_ttl_kg = array_sum(array_column($items, 'ttl_kg'));
+        // =======================
+        // TOTAL SUMS
+        // =======================
+        $total_ctn = array_sum(array_column($items, 'ctn'));
+        $total_qty = array_sum(array_column($items, 'qty'));
+        $total_ttl_qty = array_sum(array_column($items, 'ttl_qty'));
+        $total_amount = array_sum(array_column($items, 'ttl_amount'));
+        $total_cbm = array_sum(array_column($items, 'cbm'));
+        $total_ttl_cbm = array_sum(array_column($items, 'ttl_cbm'));
+        $total_kg = array_sum(array_column($items, 'kg'));
+        $total_ttl_kg = array_sum(array_column($items, 'ttl_kg'));
 
-    // =======================
-    // CREATE ORDER
-    // =======================
-    $order = Order::create([
-        'order_id' => $orderId,
-        'mark_no' => $request->mark_no,
-        'origin' => $request->origin,
-        'destination' => $request->destination,
-        'ctn' => $total_ctn,
-        'qty' => $total_qty,
-        'ttl_qty' => $total_ttl_qty,
-        'ttl_amount' => $total_amount,
-        'cbm' => $total_cbm,
-        'ttl_cbm' => $total_ttl_cbm,
-        'kg' => $total_kg,
-        'ttl_kg' => $total_ttl_kg,
-        'status' => 'pending',
-    ]);
+        // =======================
+        // CREATE ORDER
+        // =======================
+        $order = Order::create([
+            'order_id' => $orderId,
+            'mark_no' => $request->mark_no,
+            'origin' => $request->origin,
+            'destination' => $request->destination,
+            'ctn' => $total_ctn,
+            'qty' => $total_qty,
+            'ttl_qty' => $total_ttl_qty,
+            'ttl_amount' => $total_amount,
+            'cbm' => $total_cbm,
+            'ttl_cbm' => $total_ttl_cbm,
+            'kg' => $total_kg,
+            'ttl_kg' => $total_ttl_kg,
+            'status' => 'pending',
+        ]);
 
-    // SAVE ORDER ITEMS
-    foreach ($items as $item) {
-        OrderItem::create([
+        // SAVE ORDER ITEMS
+        foreach ($items as $item) {
+            OrderItem::create([
+                'order_id' => $order->id,
+                'description' => $item['description'],
+                'ctn' => $item['ctn'],
+                'qty' => $item['qty'],
+                'ttl_qty' => $item['ttl_qty'],
+                'unit' => $item['unit'],
+                'price' => $item['price'],
+                'ttl_amount' => $item['ttl_amount'],
+                'cbm' => $item['cbm'],
+                'ttl_cbm' => $item['ttl_cbm'],
+                'kg' => $item['kg'],
+                'ttl_kg' => $item['ttl_kg'],
+                'shop_no' => $item['shop_no'],
+            ]);
+        }
+
+        // =======================
+        // INVOICE CREATION START
+        // =======================
+
+        // 1. Auto-generate invoice number
+        $lastInvoice = \App\Models\Invoice::latest()->first();
+        $nextInvoice = $lastInvoice ? $lastInvoice->id + 1 : 1;
+        $invoiceNumber = 'INV-' . date('Y') . '-' . str_pad($nextInvoice, 6, '0', STR_PAD_LEFT);
+
+        // 2. Fetch customer (using mark list → customer_id)
+        $markList = MarkList::where('mark_no', $order->mark_no)->first();
+        $customer = null;
+
+        if ($markList && $markList->customer_id) {
+            $customer = \App\Models\User::where('customer_id', $markList->customer_id)->first();
+        }
+
+        // 3. Create Invoice Record
+        $invoice = \App\Models\Invoice::create([
             'order_id' => $order->id,
-            'description' => $item['description'],
-            'ctn' => $item['ctn'],
-            'qty' => $item['qty'],
-            'ttl_qty' => $item['ttl_qty'],
-            'unit' => $item['unit'],
-            'price' => $item['price'],
-            'ttl_amount' => $item['ttl_amount'],
-            'cbm' => $item['cbm'],
-            'ttl_cbm' => $item['ttl_cbm'],
-            'kg' => $item['kg'],
-            'ttl_kg' => $item['ttl_kg'],
-            'shop_no' => $item['shop_no'],
+            'customer_id' => $customer->id ?? null,
+            'mark_no' => $order->mark_no,
+
+            'invoice_number' => $invoiceNumber,
+            'invoice_date' => now(),
+            'due_date' => now()->addDays(10),
+
+            'payment_method' => null,
+            'reference_no' => null,
+            'status' => 'pending',
+
+            'final_amount' => $total_amount,
+            'gst_percent' => 0,
+            'gst_amount' => 0,
+            'final_amount_with_gst' => $total_amount,
+
+            // snapshot customer fields
+            'customer_name' => $customer->customer_name ?? null,
+            'company_name' => $customer->company_name ?? null,
+            'customer_email' => $customer->email ?? null,
+            'customer_mobile' => $customer->mobile_no ?? null,
+            'customer_address' => $customer->address ?? null,
+            'pincode' => $customer->pincode ?? null,
+
+            'notes' => null,
         ]);
-    }
 
-    // =======================
-    // INVOICE CREATION START
-    // =======================
-
-    // 1. Auto-generate invoice number
-    $lastInvoice = \App\Models\Invoice::latest()->first();
-    $nextInvoice = $lastInvoice ? $lastInvoice->id + 1 : 1;
-    $invoiceNumber = 'INV-' . date('Y') . '-' . str_pad($nextInvoice, 6, '0', STR_PAD_LEFT);
-
-    // 2. Fetch customer (using mark list → customer_id)
-    $markList = MarkList::where('mark_no', $order->mark_no)->first();
-    $customer = null;
-
-    if ($markList && $markList->customer_id) {
-        $customer = \App\Models\User::where('customer_id', $markList->customer_id)->first();
-    }
-
-    // 3. Create Invoice Record
-    $invoice = \App\Models\Invoice::create([
-        'order_id' => $order->id,
-        'customer_id' => $customer->id ?? null,
-        'mark_no' => $order->mark_no,
-
-        'invoice_number' => $invoiceNumber,
-        'invoice_date' => now(),
-        'due_date' => now()->addDays(10),
-
-        'payment_method' => null,
-        'reference_no' => null,
-        'status' => 'pending',
-
-        'final_amount' => $total_amount,
-        'gst_percent' => 0,
-        'gst_amount' => 0,
-        'final_amount_with_gst' => $total_amount,
-
-        // snapshot customer fields
-        'customer_name' => $customer->customer_name ?? null,
-        'company_name' => $customer->company_name ?? null,
-        'customer_email' => $customer->email ?? null,
-        'customer_mobile' => $customer->mobile_no ?? null,
-        'customer_address' => $customer->address ?? null,
-        'pincode' => $customer->pincode ?? null,
-
-        'notes' => null,
-    ]);
-
-    // 4. Clone order items into invoice_items
-    foreach ($order->items as $item) {
-        \App\Models\InvoiceItem::create([
-            'invoice_id' => $invoice->id,
-            'description' => $item->description,
-            'ctn' => $item->ctn,
-            'qty' => $item->qty,
-            'ttl_qty' => $item->ttl_qty,
-            'unit' => $item->unit,
-            'price' => $item->price,
-            'ttl_amount' => $item->ttl_amount,
-            'cbm' => $item->cbm,
-            'ttl_cbm' => $item->ttl_cbm,
-            'kg' => $item->kg,
-            'ttl_kg' => $item->ttl_kg,
-            'shop_no' => $item->shop_no,
-        ]);
-    }
-
-    // 5. TODO: PDF generation (I will add this later)
-    $invoice->pdf_path = null; // placeholder for now
-    $invoice->save();
-
-    // =======================
-    // END INVOICE CREATION
-    // =======================
-
-    // CLEAR TEMP DATA
-    session()->forget(['temp_order_items', 'mark_no', 'origin', 'destination']);
-
-    return redirect()->route('admin.orders.index')
-                     ->with('success', 'Order + Invoice created successfully.');
-}
-
-
-    // -------------------------------------------------------------------------
-    // ORDER SHOW PAGE
-    // -------------------------------------------------------------------------
-
-    public function show($id)
-    {
-        $order = Order::with('items', 'markList')->findOrFail($id);
-
-        $user = null;
-        if ($order->markList && $order->markList->customer_id) {
-            $user = \App\Models\User::where('customer_id', $order->markList->customer_id)->first();
+        // 4. Clone order items into invoice_items
+        foreach ($order->items as $item) {
+            \App\Models\InvoiceItem::create([
+                'invoice_id' => $invoice->id,
+                'description' => $item->description,
+                'ctn' => $item->ctn,
+                'qty' => $item->qty,
+                'ttl_qty' => $item->ttl_qty,
+                'unit' => $item->unit,
+                'price' => $item->price,
+                'ttl_amount' => $item->ttl_amount,
+                'cbm' => $item->cbm,
+                'ttl_cbm' => $item->ttl_cbm,
+                'kg' => $item->kg,
+                'ttl_kg' => $item->ttl_kg,
+                'shop_no' => $item->shop_no,
+            ]);
         }
 
-        return view('admin.orders_show', compact('order', 'user'));
-    }
+        // 5. TODO: PDF generation (I will add this later)
+        $invoice->pdf_path = null; // placeholder for now
+        $invoice->save();
 
-    public function popup($id)
-    {
-        // Load order with items + markList
-        $order = Order::with(['items', 'markList'])->findOrFail($id);
+        // =======================
+        // END INVOICE CREATION
+        // =======================
 
-        // Fetch user based on markList customer_id (same as show method)
-        $user = null;
-        if ($order->markList && $order->markList->customer_id) {
-            $user = \App\Models\User::where('customer_id', $order->markList->customer_id)->first();
-        }
-
-        return view('admin.popup', compact('order', 'user'));
-    }
-
-
-
-
-    public function resetTemp()
-    {
+        // CLEAR TEMP DATA
         session()->forget(['temp_order_items', 'mark_no', 'origin', 'destination']);
 
-        return redirect()->to(route('admin.orders.index') . '#createOrderForm')
-                        ->with('success', 'Order reset successfully.');
+        return redirect()->route('admin.orders.index')
+                        ->with('success', 'Order + Invoice created successfully.');
     }
 
-}
+    // ---------------------------
+    // ORDER CRUD: update / destroy
+    // ---------------------------
+    public function updateItem(Request $request, $id)
+    {
+        $item = OrderItem::findOrFail($id);
+        $order = $item->order;
+
+        $item->update([
+            'description' => $request->description,
+            'ctn'         => $request->ctn,
+            'qty'         => $request->qty,
+            'ttl_qty'     => $request->ttl_qty,
+            'unit'        => $request->unit,
+            'price'       => $request->price,
+            'ttl_amount'  => $request->ttl_amount,
+            'cbm'         => $request->cbm,
+            'ttl_cbm'     => $request->ttl_cbm,
+            'kg'          => $request->kg,
+            'ttl_kg'      => $request->ttl_kg,
+            'shop_no'     => $request->shop_no,
+        ]);
+
+        $this->recalcTotals($order);
+        $this->updateInvoiceFromOrder($order); // <-- NEW
+
+        return back()->with('success', 'Item updated successfully');
+    }
+
+
+    private function updateInvoiceFromOrder(Order $order)
+    {
+        $invoice = Invoice::where('order_id', $order->id)->first();
+
+        if (!$invoice) {
+            return; // No invoice exists (should not happen normally)
+        }
+
+        // Update invoice totals
+        $invoice->final_amount = $order->ttl_amount;
+        $invoice->gst_percent = 0;
+        $invoice->gst_amount = 0;
+        $invoice->final_amount_with_gst = $order->ttl_amount;
+        $invoice->save();
+
+        // Delete old invoice items
+        InvoiceItem::where('invoice_id', $invoice->id)->delete();
+
+        // Re-create invoice items from updated order items
+        foreach ($order->items as $item) {
+            InvoiceItem::create([
+                'invoice_id'  => $invoice->id,
+                'description' => $item->description,
+                'ctn'         => $item->ctn,
+                'qty'         => $item->qty,
+                'ttl_qty'     => $item->ttl_qty,
+                'unit'        => $item->unit,
+                'price'       => $item->price,
+                'ttl_amount'  => $item->ttl_amount,
+                'cbm'         => $item->cbm,
+                'ttl_cbm'     => $item->ttl_cbm,
+                'kg'          => $item->kg,
+                'ttl_kg'      => $item->ttl_kg,
+                'shop_no'     => $item->shop_no,
+            ]);
+        }
+    }
+
+}

app/Http/Controllers/Admin/AdminStaffController.php

@@ -0,0 +1,179 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+use App\Models\Admin;
+use Spatie\Permission\Models\Permission;
+use Illuminate\Support\Facades\DB;
+
+class AdminStaffController extends Controller
+{
+    public function index()
+    {
+        $staff = Admin::where('type', 'staff')->orderBy('id', 'DESC')->get();
+        return view('admin.staff.index', compact('staff'));
+    }
+
+    public function create()
+    {
+        $permissions = Permission::where('guard_name', 'admin')->get()->groupBy(function ($p) {
+            return explode('.', $p->name)[0];
+        });
+
+        return view('admin.staff.create', compact('permissions'));
+    }
+
+    public function store(Request $request)
+    {
+        $request->validate([
+            // Personal Info
+            'name'            => 'required|string|max:255',
+            'email'           => 'required|email|unique:admins,email',
+            'phone'           => 'required|string|max:20',
+            'emergency_phone' => 'nullable|string|max:20',
+            'address'         => 'nullable|string|max:255',
+
+            // Professional info
+            'role'            => 'nullable|string|max:100',
+            'department'      => 'nullable|string|max:100',
+            'designation'     => 'nullable|string|max:100',
+            'joining_date'    => 'nullable|date',
+            'status'          => 'required|string|in:active,inactive',
+            'additional_info' => 'nullable|string',
+
+            // System access
+            'username'        => 'nullable|string|unique:admins,username',
+            'password'        => 'required|string|min:6',
+
+            // Permissions
+            'permissions'     => 'nullable|array',
+        ]);
+
+        DB::beginTransaction();
+
+        try {
+            $admin = Admin::create([
+                'name'            => $request->name,
+                'email'           => $request->email,
+                'phone'           => $request->phone,
+                'emergency_phone' => $request->emergency_phone,
+                'address'         => $request->address,
+
+                'role'            => $request->role,
+                'department'      => $request->department,
+                'designation'     => $request->designation,
+                'joining_date'    => $request->joining_date,
+                'status'          => $request->status,
+                'additional_info' => $request->additional_info,
+
+                'username'        => $request->username,
+                'password'        => Hash::make($request->password),
+                'type'            => 'staff',
+            ]);
+
+            // Generate EMPLOYEE ID using admin ID (safe)
+            $employeeId = 'EMP' . str_pad($admin->id, 4, '0', STR_PAD_LEFT);
+            $admin->update(['employee_id' => $employeeId]);
+
+            // Assign permissions (if any)
+            if ($request->permissions) {
+                $admin->givePermissionTo($request->permissions);
+            }
+
+            DB::commit();
+
+            return redirect()->route('admin.staff.index')
+                ->with('success', 'Staff created successfully.');
+
+        } catch (\Exception $e) {
+            DB::rollBack();
+            return back()->withErrors(['error' => $e->getMessage()]);
+        }
+    }
+
+    public function edit($id)
+    {
+        $staff = Admin::where('type', 'staff')->findOrFail($id);
+
+        $permissions = Permission::where('guard_name', 'admin')->get()->groupBy(function ($p) {
+            return explode('.', $p->name)[0];
+        });
+
+        $staffPermissions = $staff->permissions->pluck('name')->toArray();
+
+        return view('admin.staff.edit', compact('staff', 'permissions', 'staffPermissions'));
+    }
+
+    public function update(Request $request, $id)
+    {
+        $staff = Admin::where('type', 'staff')->findOrFail($id);
+
+        $request->validate([
+            'name'            => 'required|string|max:255',
+            'email'           => 'required|email|unique:admins,email,' . $staff->id,
+            'phone'           => 'required|string|max:20',
+            'emergency_phone' => 'nullable|string|max:20',
+            'address'         => 'nullable|string|max:255',
+
+            'role'            => 'nullable|string|max:100',
+            'department'      => 'nullable|string|max:100',
+            'designation'     => 'nullable|string|max:100',
+            'joining_date'    => 'nullable|date',
+            'status'          => 'required|string|in:active,inactive',
+            'additional_info' => 'nullable|string',
+
+            'username'        => 'nullable|string|unique:admins,username,' . $staff->id,
+            'password'        => 'nullable|string|min:6',
+
+            'permissions'     => 'nullable|array',
+        ]);
+
+        DB::beginTransaction();
+
+        try {
+            $staff->update([
+                'name'            => $request->name,
+                'email'           => $request->email,
+                'phone'           => $request->phone,
+                'emergency_phone' => $request->emergency_phone,
+                'address'         => $request->address,
+
+                'role'            => $request->role,
+                'department'      => $request->department,
+                'designation'     => $request->designation,
+                'joining_date'    => $request->joining_date,
+                'status'          => $request->status,
+                'additional_info' => $request->additional_info,
+
+                'username'        => $request->username,
+            ]);
+
+            if ($request->password) {
+                $staff->update(['password' => Hash::make($request->password)]);
+            }
+
+            $staff->syncPermissions($request->permissions ?? []);
+
+            DB::commit();
+
+            return redirect()->route('admin.staff.index')
+                ->with('success', 'Staff updated successfully.');
+
+        } catch (\Exception $e) {
+            DB::rollBack();
+            return back()->withErrors(['error' => $e->getMessage()]);
+        }
+    }
+
+    public function destroy($id)
+    {
+        $staff = Admin::where('type', 'staff')->findOrFail($id);
+        $staff->delete();
+
+        return redirect()->route('admin.staff.index')
+            ->with('success', 'Staff removed successfully.');
+    }
+}

app/Http/Controllers/Admin/ShipmentController.php

@@ -14,7 +14,7 @@ class ShipmentController extends Controller
     /**
      * Show shipment page (Create Shipment + Shipment List)
      */
-   public function index()
+    public function index()
     {
         // 1) Get all used order IDs
         $usedOrderIds = ShipmentItem::pluck('order_id')->toArray();
@@ -29,8 +29,6 @@ class ShipmentController extends Controller
         return view('admin.shipments', compact('availableOrders', 'shipments'));
     }
 
-
-
     /**
      * Store new shipment
      */
@@ -115,8 +113,6 @@ class ShipmentController extends Controller
         return redirect()->back()->with('success', "Shipment $newShipmentId created successfully!");
     }
 
-
-
     /**
      * Show shipment details (for modal popup)
      */
@@ -135,8 +131,6 @@ class ShipmentController extends Controller
         ]);
     }
 
-
-
     /**
      * Update Shipment status from action button
      */
@@ -164,5 +158,71 @@ class ShipmentController extends Controller
         );
     }
 
+    /**
+     * Update shipment details
+     */
+    public function update(Request $request, $id)
+    {
+        $shipment = Shipment::findOrFail($id);
 
-}
+        $data = $request->validate([
+            'origin'        => 'required|string',
+            'destination'   => 'required|string',
+            'shipment_date' => 'required|date',
+            'status'        => 'required|string',
+        ]);
+
+        $shipment->update($data);
+
+        // If it's an AJAX request, return JSON response
+        if ($request->ajax() || $request->wantsJson()) {
+            return response()->json([
+                'success' => true,
+                'message' => 'Shipment updated successfully.'
+            ]);
+        }
+
+        return redirect()->back()->with('success', 'Shipment updated successfully.');
+    }
+
+    /**
+     * Delete shipment permanently
+     */
+    public function destroy($id, Request $request)
+    {
+        $shipment = Shipment::findOrFail($id);
+
+        // Delete shipment items
+        ShipmentItem::where('shipment_id', $shipment->id)->delete();
+
+        // Delete shipment itself
+        $shipment->delete();
+
+        // If it's an AJAX request, return JSON response
+        if ($request->ajax() || $request->wantsJson()) {
+            return response()->json([
+                'success' => true,
+                'message' => 'Shipment deleted successfully.'
+            ]);
+        }
+
+        return redirect()->route('admin.shipments')
+                        ->with('success', 'Shipment deleted successfully.');
+    }
+
+    public function dummy($id)
+    {
+        // Load shipment
+        $shipment = Shipment::with('orders')->findOrFail($id);
+
+        // Dummy data (you can modify anytime)
+        $dummyData = [
+            'title' => 'Dummy Shipment Preview',
+            'generated_on' => now()->format('d M Y h:i A'),
+            'note' => 'This is dummy shipment information for testing page layout.'
+        ];
+
+        return view('admin.view_shipment', compact('shipment', 'dummyData'));
+    }
+
+}

app/Http/Controllers/Admin/UserRequestController.php

@@ -65,4 +65,52 @@ class UserRequestController extends Controller
 
         return redirect()->back()->with('info', 'Request rejected successfully.');
     }
+
+    public function profileUpdateRequests()
+{
+    $requests = \App\Models\UpdateRequest::where('status', 'pending')
+                ->orderBy('id', 'desc')
+                ->get();
+
+    return view('admin.profile_update_requests', compact('requests'));
+}
+
+public function approveProfileUpdate($id)
+{
+    $req = \App\Models\UpdateRequest::findOrFail($id);
+    $user = \App\Models\User::findOrFail($req->user_id);
+
+    // FIX: Ensure data is array
+    $newData = is_array($req->data) ? $req->data : json_decode($req->data, true);
+
+    foreach ($newData as $key => $value) {
+        if ($value !== null && $value !== "") {
+            if (in_array($key, ['customer_name','company_name','designation','email','mobile_no','address','pincode'])) {
+                $user->$key = $value;
+            }
+        }
+    }
+
+    $user->save();
+
+    $req->status = 'approved';
+    $req->admin_note = 'Approved by admin on ' . now();
+    $req->save();
+
+    return back()->with('success', 'Profile updated successfully.');
+}
+
+
+
+public function rejectProfileUpdate($id)
+{
+    $req = \App\Models\UpdateRequest::findOrFail($id);
+    $req->status = 'rejected';
+    $req->admin_note = 'Rejected by admin on ' . now();
+    $req->save();
+
+    return back()->with('info', 'Profile update request rejected.');
+}
+
+
 }

app/Http/Controllers/RequestController.php

@@ -44,6 +44,8 @@ class RequestController extends Controller
             'pincode' => $request->pincode,
             'date' => Carbon::now()->toDateString(), // Auto current date
             'status' => 'pending', // Default status
+
+            
         ]);
 
         // ✅ Response
@@ -53,4 +55,6 @@ class RequestController extends Controller
             'data' => $newRequest
         ]);
     }
+
+        
 }

app/Http/Controllers/UserAuthController.php

@@ -9,6 +9,74 @@ use App\Models\User;
 
 class UserAuthController extends Controller
 {
+
+    public function refreshToken()
+    {
+        \Log::info('🔄 refreshToken() called');
+
+        try {
+            // Get current token
+            $currentToken = JWTAuth::getToken();
+
+            if (!$currentToken) {
+                \Log::warning('⚠ No token provided in refreshToken()');
+                return response()->json([
+                    'success' => false,
+                    'message' => 'Token not provided',
+                ], 401);
+            }
+
+            \Log::info('📥 Current Token:', ['token' => (string) $currentToken]);
+
+            // Try refreshing token
+            $newToken = JWTAuth::refresh($currentToken);
+
+            \Log::info('✅ Token refreshed successfully', ['new_token' => $newToken]);
+
+            return response()->json([
+                'success' => true,
+                'token' => $newToken,
+            ]);
+
+        } catch (\Tymon\JWTAuth\Exceptions\TokenExpiredException $e) {
+            \Log::error('❌ TokenExpiredException in refreshToken()', [
+                'message' => $e->getMessage(),
+            ]);
+            return response()->json([
+                'success' => false,
+                'message' => 'Token expired, cannot refresh.',
+            ], 401);
+
+        } catch (\Tymon\JWTAuth\Exceptions\TokenInvalidException $e) {
+            \Log::error('❌ TokenInvalidException in refreshToken()', [
+                'message' => $e->getMessage(),
+            ]);
+            return response()->json([
+                'success' => false,
+                'message' => 'Invalid token.',
+            ], 401);
+
+        } catch (\Tymon\JWTAuth\Exceptions\JWTException $e) {
+            \Log::error('❌ JWTException in refreshToken()', [
+                'message' => $e->getMessage(),
+            ]);
+            return response()->json([
+                'success' => false,
+                'message' => 'Could not refresh token.',
+            ], 401);
+
+        } catch (\Exception $e) {
+            \Log::error('❌ General Exception in refreshToken()', [
+                'message' => $e->getMessage(),
+                'trace' => $e->getTraceAsString(),
+            ]);
+            return response()->json([
+                'success' => false,
+                'message' => 'Unexpected error while refreshing token.',
+            ], 500);
+        }
+    }
+
     /**
      * User Login
      */
@@ -60,6 +128,8 @@ class UserAuthController extends Controller
         ]);
     }
 
+    
+
     /**
      * User Logout
      */

app/Http/Controllers/user/UserOrderController.php

@@ -0,0 +1,296 @@
+<?php
+
+namespace App\Http\Controllers\User;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use PHPOpenSourceSaver\JWTAuth\Facades\JWTAuth;
+
+class UserOrderController extends Controller
+{
+    public function orderSummary()
+    {
+        // Authenticate user via JWT
+        $user = JWTAuth::parseToken()->authenticate();
+
+        if (!$user) {
+            return response()->json([
+                'status' => false,
+                'message' => 'Unauthorized'
+            ], 401);
+        }
+
+        // -------------------------------------
+        // Get all orders
+        // -------------------------------------
+        $orders = $user->orders()->with('invoice')->get();
+
+        // -------------------------------------
+        // Counts
+        // -------------------------------------
+        $totalOrders = $orders->count();
+        $delivered   = $orders->where('status', 'delivered')->count();
+        $inTransit   = $orders->where('status', '!=', 'delivered')->count();
+        $active      = $totalOrders;
+
+        // -------------------------------------
+        // Total Amount = Invoice.total_with_gst
+        // -------------------------------------
+        $totalAmount = $orders->sum(function ($o) {
+            return $o->invoice->final_amount_with_gst ?? 0;
+        });
+
+        // Format total amount in K, L, Cr
+        $formattedAmount = $this->formatIndianNumber($totalAmount);
+
+        return response()->json([
+            'status' => true,
+
+            'summary' => [
+                'active_orders'     => $active,
+                'in_transit_orders' => $inTransit,
+                'delivered_orders'  => $delivered,
+                'total_value'       => $formattedAmount,  // formatted value
+                'total_raw'         => $totalAmount       // original value
+            ]
+        ]);
+    }
+
+    /**
+     * Convert number into Indian Format:
+     * 1000 -> 1K
+     * 100000 -> 1L
+     * 10000000 -> 1Cr
+     */
+    private function formatIndianNumber($num)
+    {
+        if ($num >= 10000000) {
+            return round($num / 10000000, 1) . 'Cr';
+        }
+
+        if ($num >= 100000) {
+            return round($num / 100000, 1) . 'L';
+        }
+
+        if ($num >= 1000) {
+            return round($num / 1000, 1) . 'K';
+        }
+
+        return (string)$num;
+    }
+
+    public function allOrders()
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    if (!$user) {
+        return response()->json([
+            'success' => false,
+            'message' => 'Unauthorized'
+        ], 401);
+    }
+
+    // Fetch orders for this user
+    $orders = $user->orders()
+        ->with(['invoice', 'shipments'])
+        ->orderBy('id', 'desc')
+        ->get()
+        ->map(function ($o) {
+            return [
+                'order_id'   => $o->order_id,
+                'status'     => $o->status,
+                'amount'     => $o->ttl_amount,
+                'description'=> "Order from {$o->origin} to {$o->destination}",
+                'created_at' => $o->created_at,
+            ];
+        });
+
+    return response()->json([
+        'success' => true,
+        'orders'  => $orders
+    ]);
+}
+
+public function orderDetails($order_id)
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    $order = $user->orders()
+        ->with(['items'])
+        ->where('order_id', $order_id)
+        ->first();
+
+    if (!$order) {
+        return response()->json(['success' => false, 'message' => 'Order not found'], 404);
+    }
+
+    return response()->json([
+        'success' => true,
+        'order'   => $order
+    ]);
+}
+
+
+public function orderShipment($order_id)
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    // Get order
+    $order = $user->orders()->where('order_id', $order_id)->first();
+
+    if (!$order) {
+        return response()->json(['success' => false, 'message' => 'Order not found'], 404);
+    }
+
+    // Find shipment only for this order
+    $shipment = $order->shipments()
+        ->with(['items' => function ($q) use ($order) {
+            $q->where('order_id', $order->id);
+        }])
+        ->first();
+
+    return response()->json([
+        'success' => true,
+        'shipment' => $shipment
+    ]);
+}
+
+
+public function orderInvoice($order_id)
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    $order = $user->orders()
+        ->with('invoice.items')
+        ->where('order_id', $order_id)
+        ->first();
+
+    if (!$order) {
+        return response()->json(['success' => false, 'message' => 'Order not found'], 404);
+    }
+
+    return response()->json([
+        'success' => true,
+        'invoice' => $order->invoice
+    ]);
+}
+
+public function trackOrder($order_id)
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    $order = $user->orders()
+        ->with('shipments')
+        ->where('order_id', $order_id)
+        ->first();
+
+    if (!$order) {
+        return response()->json(['success' => false, 'message' => 'Order not found'], 404);
+    }
+
+    $shipment = $order->shipments()->first();
+
+    return response()->json([
+        'success' => true,
+        'track' => [
+            'order_id' => $order->order_id,
+            'shipment_status' => $shipment->status ?? 'pending',
+            'shipment_date'   => $shipment->shipment_date ?? null,
+        ]
+    ]);
+}
+
+public function allInvoices()
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    if (!$user) {
+        return response()->json([
+            'success' => false,
+            'message' => 'Unauthorized'
+        ], 401);
+    }
+
+    // Fetch all invoices of customer
+    $invoices = $user->invoices()
+        ->withCount('installments')
+        ->orderBy('id', 'desc')
+        ->get()
+        ->map(function ($invoice) {
+            return [
+                'invoice_id'        => $invoice->id,
+                'invoice_number'    => $invoice->invoice_number,
+                'invoice_date'      => $invoice->invoice_date,
+                'status'            => $invoice->status,
+                'amount'            => $invoice->final_amount_with_gst,
+                'formatted_amount'  => $this->formatIndianNumber($invoice->final_amount_with_gst),
+                'pdf_url'           => $invoice->pdf_path ? url($invoice->pdf_path) : null,
+                'installment_count' => $invoice->installments_count,
+            ];
+        });
+
+    return response()->json([
+        'success'  => true,
+        'invoices' => $invoices
+    ]);
+}
+
+public function invoiceInstallmentsById($invoice_id)
+{
+    $user = \PHPOpenSourceSaver\JWTAuth\Facades\JWTAuth::parseToken()->authenticate();
+
+    if (! $user) {
+        return response()->json(['success' => false, 'message' => 'Unauthorized'], 401);
+    }
+
+    // Find invoice by numeric id and ensure it belongs to logged-in user (invoice.customer_id = user.id)
+    $invoice = \App\Models\Invoice::where('id', (int)$invoice_id)
+        ->where('customer_id', $user->id)
+        ->with(['installments' => function($q){
+            $q->orderBy('installment_date', 'ASC')->orderBy('id', 'ASC');
+        }])
+        ->first();
+
+    if (! $invoice) {
+        return response()->json([
+            'success' => false,
+            'message' => 'Invoice not found for this customer'
+        ], 404);
+    }
+
+    return response()->json([
+        'success'        => true,
+        'invoice_id'     => $invoice->id,
+        'invoice_number' => $invoice->invoice_number,
+        'installments'   => $invoice->installments
+    ]);
+}
+
+public function invoiceDetails($invoice_id)
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    if (! $user) {
+        return response()->json(['success' => false, 'message' => 'Unauthorized'], 401);
+    }
+
+    $invoice = \App\Models\Invoice::where('id', $invoice_id)
+        ->where('customer_id', $user->id)
+        ->with('items')
+        ->first();
+
+    if (! $invoice) {
+        return response()->json(['success' => false, 'message' => 'Invoice not found'], 404);
+    }
+
+    return response()->json([
+        'success' => true,
+        'invoice' => $invoice
+    ]);
+}
+
+
+
+
+
+}

app/Http/Controllers/user/UserProfileController.php

@@ -0,0 +1,149 @@
+<?php
+
+namespace App\Http\Controllers\User;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Models\UpdateRequest;
+use PHPOpenSourceSaver\JWTAuth\Facades\JWTAuth;
+
+class UserProfileController extends Controller
+{
+    /**
+     * Get user profile
+     */
+    public function profile()
+    {
+        try {
+            $user = JWTAuth::parseToken()->authenticate();
+        } catch (\Exception $e) {
+            return response()->json([
+                'success' => false,
+                'message' => 'Token invalid or expired',
+            ], 401);
+        }
+
+        if (! $user) {
+            return response()->json([
+                'success' => false,
+                'message' => 'Unauthorized'
+            ], 401);
+        }
+
+        return response()->json([
+            'success' => true,
+            'data' => [
+                'customer_id'   => $user->customer_id,
+                'customer_name' => $user->customer_name,
+                'company_name'  => $user->company_name,
+                'designation'   => $user->designation,
+                'email'         => $user->email,
+                'mobile'        => $user->mobile_no,
+                'address'       => $user->address,
+                'pincode'       => $user->pincode,
+                'status'        => $user->status,
+                'customer_type' => $user->customer_type,
+                'profile_image' => $user->profile_image ? url($user->profile_image) : null,
+                'date'          => $user->date,
+                'created_at'    => $user->created_at,
+            ]
+        ]);
+    }
+
+
+
+    /**
+     * Update profile IMAGE only (no admin approval)
+     */
+    public function updateProfileImage(Request $request)
+    {
+        $user = JWTAuth::parseToken()->authenticate();
+
+        if (! $user) {
+            return response()->json([
+                'success' => false,
+                'message' => 'Unauthorized'
+            ], 401);
+        }
+
+        $request->validate([
+            'profile_image' => 'required|image|mimes:jpg,jpeg,png|max:2048'
+        ]);
+
+        // DELETE OLD IMAGE
+        if ($user->profile_image && file_exists(public_path($user->profile_image))) {
+            @unlink(public_path($user->profile_image));
+        }
+
+        // SAVE NEW IMAGE
+        $file = $request->file('profile_image');
+        $filename = 'profile_' . time() . '.' . $file->getClientOriginalExtension();
+        $folder = 'profile_upload/';
+        $file->move(public_path($folder), $filename);
+
+        $user->profile_image = $folder . $filename;
+        $user->save();
+
+       return response()->json([
+    'success' => true,
+    'message' => 'Profile image updated successfully',
+    'data' => [
+        'customer_id' => $user->customer_id,
+        'customer_name' => $user->customer_name,
+        'company_name' => $user->company_name,
+        'designation' => $user->designation,
+        'email' => $user->email,
+        'mobile' => $user->mobile_no,
+        'address' => $user->address,
+        'pincode' => $user->pincode,
+        'status' => $user->status,
+        'customer_type' => $user->customer_type,
+        'profile_image' => url($user->profile_image),
+        'date' => $user->date,
+    ]
+]);
+
+    }
+
+
+
+    /**
+     * Submit profile update request (requires admin approval)
+     */
+    public function updateProfileRequest(Request $request)
+{
+    $user = JWTAuth::parseToken()->authenticate();
+
+    if (! $user) {
+        return response()->json([
+            'success' => false,
+            'message' => 'Unauthorized'
+        ], 401);
+    }
+
+    // Validate input
+    $request->validate([
+        'customer_name' => 'nullable|string|max:255',
+        'company_name'  => 'nullable|string|max:255',
+        'designation'   => 'nullable|string|max:255',
+        'email'         => 'nullable|email',
+        'mobile_no'     => 'nullable|string|max:15',
+        'address'       => 'nullable|string',
+        'pincode'       => 'nullable|string|max:10'
+    ]);
+
+    // SAVE AS ARRAY (NOT JSON STRING!)
+    $updateReq = \App\Models\UpdateRequest::create([
+        'user_id' => $user->id,
+        'data'    => $request->all(),     // <---- FIXED
+        'status'  => 'pending',
+    ]);
+
+    return response()->json([
+        'success' => true,
+        'message' => 'Profile update request submitted. Waiting for admin approval.',
+        'request_id' => $updateReq->id
+    ]);
+}
+
+}

app/Http/Middleware/JwtRefreshMiddleware.php

@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Tymon\JWTAuth\Facades\JWTAuth;
+use Tymon\JWTAuth\Exceptions\TokenExpiredException;
+use Tymon\JWTAuth\Exceptions\TokenInvalidException;
+use Tymon\JWTAuth\Exceptions\JWTException;
+
+class JwtRefreshMiddleware
+{
+    public function handle($request, Closure $next)
+    {
+        try {
+            JWTAuth::parseToken()->authenticate();
+        } catch (TokenExpiredException $e) {
+            try {
+                $newToken = JWTAuth::refresh(JWTAuth::getToken());
+                auth()->setToken($newToken);
+
+                $response = $next($request);
+
+                return $response->header('Authorization', 'Bearer ' . $newToken);
+            } catch (\Exception $e) {
+                return response()->json(['message' => 'Session expired, please login again'], 401);
+            }
+        } catch (TokenInvalidException $e) {
+            return response()->json(['message' => 'Invalid token'], 401);
+        } catch (JWTException $e) {
+            return response()->json(['message' => 'Token missing'], 401);
+        }
+
+        return $next($request);
+    }
+}

app/Models/Admin.php

@@ -1,22 +1,43 @@
 <?php
 
-// app/Models/Admin.php
 namespace App\Models;
 
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
+use Spatie\Permission\Traits\HasRoles;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Support\Facades\Hash;
 
 class Admin extends Authenticatable
 {
-    use Notifiable;
+    use HasFactory, Notifiable, HasRoles;
 
-    protected $guard = 'admin';
+    protected $guard_name = 'admin';
 
     protected $fillable = [
-        'name', 'email', 'password', 'role',
+        'name', 'email', 'password', 'username',
+        'phone', 'emergency_phone', 'address',
+        'role', 'department', 'designation', 'joining_date',
+        'status', 'additional_info', 'type',   // admin/staff indicator
     ];
 
     protected $hidden = [
         'password', 'remember_token',
     ];
+
+    public function setPasswordAttribute($value)
+    {
+        if (!$value) return;
+
+        if (Hash::needsRehash($value)) {
+            $this->attributes['password'] = Hash::make($value);
+        } else {
+            $this->attributes['password'] = $value;
+        }
+    }
+
+    public function getDisplayNameAttribute()
+    {
+        return "{$this->name}";
+    }
 }

app/Models/Invoice.php

@@ -9,34 +9,41 @@ class Invoice extends Model
 {
     use HasFactory;
 
-    protected $fillable = [
-        'order_id',
-        'customer_id',
-        'mark_no',
+ protected $fillable = [
+    'order_id',
+    'customer_id',
+    'mark_no',
 
-        'invoice_number',
-        'invoice_date',
-        'due_date',
+    'invoice_number',
+    'invoice_date',
+    'due_date',
 
-        'payment_method',
-        'reference_no',
-        'status',
+    'payment_method',
+    'reference_no',
+    'status',
 
-        'final_amount',
-        'gst_percent',
-        'gst_amount',
-        'final_amount_with_gst',
+    'final_amount', // without tax
 
-        'customer_name',
-        'company_name',
-        'customer_email',
-        'customer_mobile',
-        'customer_address',
-        'pincode',
+    'tax_type',     // gst / igst
+    'gst_percent',  // only used for gst UI input
+    'cgst_percent',
+    'sgst_percent',
+    'igst_percent',
+
+    'gst_amount',   // total tax amount
+    'final_amount_with_gst',
+
+    'customer_name',
+    'company_name',
+    'customer_email',
+    'customer_mobile',
+    'customer_address',
+    'pincode',
+
+    'pdf_path',
+    'notes',
+];
 
-        'pdf_path',
-        'notes',
-    ];
 
     /****************************
      * Relationships
@@ -74,4 +81,16 @@ class Invoice extends Model
     {
         return $this->status === 'pending' && now()->gt($this->due_date);
     }
+
+    public function getShipment()
+    {
+        return $this->order?->shipments?->first();
+    }
+
+    public function installments()
+{
+    return $this->hasMany(InvoiceInstallment::class);
+}
+
+
 }

app/Models/InvoiceInstallment.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class InvoiceInstallment extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'invoice_id',
+        'installment_date',
+        'payment_method',
+        'reference_no',
+        'amount',
+    ];
+
+    public function invoice()
+    {
+        return $this->belongsTo(Invoice::class);
+    }
+}

app/Models/Order.php

@@ -4,11 +4,13 @@ namespace App\Models;
 
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
 
 class Order extends Model
 {
-    use HasFactory;
-
+    use HasFactory,SoftDeletes;
+    
     protected $fillable = [
         'order_id',
         'mark_no',
@@ -46,4 +48,21 @@ class Order extends Model
                     ->withTimestamps();
     }
 
+    public function shipmentItems()
+    {
+        return $this->hasMany(\App\Models\ShipmentItem::class, 'order_id', 'id');
+    }
+
+    public function shipments()
+    {
+        return $this->belongsToMany(\App\Models\Shipment::class, 'shipment_items', 'order_id', 'shipment_id');
+    }
+
+        public function invoice()
+    {
+        return $this->hasOne(\App\Models\Invoice::class, 'order_id', 'id');
+    }
+
+
+
 }

app/Models/OrderItem.php

@@ -4,10 +4,11 @@ namespace App\Models;
 
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
 
 class OrderItem extends Model
 {
-    use HasFactory;
+     use HasFactory, SoftDeletes;
 
     protected $fillable = [
         'order_id',

app/Models/ShipmentItem.php

@@ -11,12 +11,27 @@ class ShipmentItem extends Model
 
     protected $fillable = [
         'shipment_id',
-        'order_id',
-        'order_ctn',
-        'order_qty',
-        'order_ttl_qty',
-        'order_ttl_amount',
-        'order_ttl_kg',
+    'order_id',
+
+    // OLD fields (keep them if old data exists)
+    'order_ctn',
+    'order_qty',
+    'order_ttl_qty',
+    'order_ttl_amount',
+    'order_ttl_kg',
+
+    // NEW fields (added for correct shipments)
+    'ctn',
+    'qty',
+    'ttl_qty',
+
+    'cbm',
+    'ttl_cbm',
+
+    'kg',
+    'ttl_kg',
+
+    'ttl_amount',
     ];
 
     // ---------------------------
@@ -36,11 +51,11 @@ class ShipmentItem extends Model
     // Helper: return order data with fallback to snapshot
     public function getDisplayQty()
     {
-        return $this->order->qty ?? $this->order_qty;
+        return $this->qty;
     }
 
     public function getDisplayAmount()
     {
-        return $this->order->ttl_amount ?? $this->order_ttl_amount;
+        return $this->ttl_amount;
     }
 }

app/Models/Staff.php

@@ -0,0 +1,81 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Foundation\Auth\User as Authenticatable;
+use Illuminate\Notifications\Notifiable;
+use Illuminate\Database\Eloquent\SoftDeletes;
+use Spatie\Permission\Traits\HasRoles;
+use Illuminate\Support\Facades\Hash;
+
+class Staff extends Authenticatable
+{
+    use Notifiable, HasRoles, SoftDeletes;
+
+    /**
+     * The guard name used by Spatie.
+     * Make sure this matches the guard you'll use for admin/staff auth (usually 'web' or 'admin').
+     */
+    protected $guard_name = 'admin';
+
+
+    /**
+     * The attributes that are mass assignable.
+     */
+    protected $fillable = [
+        'employee_id',
+        'name',
+        'email',
+        'phone',
+        'emergency_phone',
+        'address',
+        'role',            // business role/title (not Spatie role)
+        'department',
+        'designation',
+        'joining_date',
+        'status',
+        'additional_info',
+        'username',
+        'password',
+    ];
+
+    /**
+     * Hidden attributes (not returned in arrays / JSON).
+     */
+    protected $hidden = [
+        'password',
+    ];
+
+    /**
+     * Casts
+     */
+    protected $casts = [
+        'joining_date' => 'date',
+    ];
+
+    /**
+     * Mutator: automatically hash password when set.
+     * Accepts plain text and hashes it with bcrypt.
+     */
+    public function setPasswordAttribute($value)
+    {
+        if (empty($value)) {
+            return;
+        }
+
+        // If already hashed (starts with $2y$), don't double-hash
+        if (Hash::needsRehash($value)) {
+            $this->attributes['password'] = Hash::make($value);
+        } else {
+            $this->attributes['password'] = $value;
+        }
+    }
+
+    /**
+     * Optional helper to get display name (useful in views/logs).
+     */
+    public function getDisplayNameAttribute()
+    {
+        return $this->name . ' (' . $this->employee_id . ')';
+    }
+}

app/Models/UpdateRequest.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class UpdateRequest extends Model
+{
+    use HasFactory;
+
+    protected $table = 'update_requests';
+
+    protected $fillable = [
+        'user_id',
+        'data',
+        'status',
+        'admin_note',
+    ];
+
+    protected $casts = [
+        'data' => 'array',   // converts JSON to array automatically
+    ];
+
+    // Relationship: request belongs to a user
+    public function user()
+    {
+        return $this->belongsTo(User::class);
+    }
+}

app/Models/User.php

@@ -89,4 +89,11 @@ class User extends Authenticatable implements JWTSubject
     {
         return [];
     }
+public function invoices()
+{
+    return $this->hasMany(\App\Models\Invoice::class, 'customer_id', 'id');
+}
+
+
+
 }

app/Providers/AuthServiceProvider.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
+use Illuminate\Support\Facades\Gate;
+
+class AuthServiceProvider extends ServiceProvider
+{
+    /**
+     * The policy mappings for the application.
+     *
+     * @var array<class-string, class-string>
+     */
+    protected $policies = [
+        // 'App\Models\Model' => 'App\Policies\ModelPolicy',
+    ];
+
+    /**
+     * Register any authentication / authorization services.
+     */
+    public function boot()
+    {
+        $this->registerPolicies();
+
+        // SUPER ADMIN bypass
+        Gate::before(function ($user, $ability) {
+            if ($user->hasRole('super-admin')) {
+                return true;
+            }
+        });
+
+        // ADMIN bypass
+        Gate::before(function ($user, $ability) {
+            if ($user->hasRole('admin')) {
+                return true;
+            }
+        });
+    }
+}

bootstrap/providers.php

@@ -3,4 +3,5 @@
 return [
     App\Providers\AppServiceProvider::class,
     App\Providers\RouteServiceProvider::class,
+    App\Providers\AuthServiceProvider::class,
 ];

composer.json

@@ -7,10 +7,13 @@
     "license": "MIT",
     "require": {
         "php": "^8.2",
+        "barryvdh/laravel-dompdf": "^3.1",
         "laravel/framework": "^12.0",
         "laravel/tinker": "^2.10.1",
+        "maatwebsite/excel": "^1.1",
         "mpdf/mpdf": "^8.2",
-        "php-open-source-saver/jwt-auth": "2.8"
+        "php-open-source-saver/jwt-auth": "2.8",
+        "spatie/laravel-permission": "^6.23"
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",

config/auth.php

@@ -85,6 +85,11 @@ return [
         //     'driver' => 'database',
         //     'table' => 'users',
         // ],
+        'staff' => [
+            'driver' => 'eloquent',
+            'model' => App\Models\Staff::class,
+        ],
+
     ],
 
     /*

config/permission.php

@@ -0,0 +1,202 @@
+<?php
+
+return [
+
+    'models' => [
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * Eloquent model should be used to retrieve your permissions. Of course, it
+         * is often just the "Permission" model but you may use whatever you like.
+         *
+         * The model you want to use as a Permission model needs to implement the
+         * `Spatie\Permission\Contracts\Permission` contract.
+         */
+
+        'permission' => Spatie\Permission\Models\Permission::class,
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * Eloquent model should be used to retrieve your roles. Of course, it
+         * is often just the "Role" model but you may use whatever you like.
+         *
+         * The model you want to use as a Role model needs to implement the
+         * `Spatie\Permission\Contracts\Role` contract.
+         */
+
+        'role' => Spatie\Permission\Models\Role::class,
+
+    ],
+
+    'table_names' => [
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your roles. We have chosen a basic
+         * default value but you may easily change it to any table you like.
+         */
+
+        'roles' => 'roles',
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * table should be used to retrieve your permissions. We have chosen a basic
+         * default value but you may easily change it to any table you like.
+         */
+
+        'permissions' => 'permissions',
+
+        /*
+         * When using the "HasPermissions" trait from this package, we need to know which
+         * table should be used to retrieve your models permissions. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'model_has_permissions' => 'model_has_permissions',
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your models roles. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'model_has_roles' => 'model_has_roles',
+
+        /*
+         * When using the "HasRoles" trait from this package, we need to know which
+         * table should be used to retrieve your roles permissions. We have chosen a
+         * basic default value but you may easily change it to any table you like.
+         */
+
+        'role_has_permissions' => 'role_has_permissions',
+    ],
+
+    'column_names' => [
+        /*
+         * Change this if you want to name the related pivots other than defaults
+         */
+        'role_pivot_key' => null, // default 'role_id',
+        'permission_pivot_key' => null, // default 'permission_id',
+
+        /*
+         * Change this if you want to name the related model primary key other than
+         * `model_id`.
+         *
+         * For example, this would be nice if your primary keys are all UUIDs. In
+         * that case, name this `model_uuid`.
+         */
+
+        'model_morph_key' => 'model_id',
+
+        /*
+         * Change this if you want to use the teams feature and your related model's
+         * foreign key is other than `team_id`.
+         */
+
+        'team_foreign_key' => 'team_id',
+    ],
+
+    /*
+     * When set to true, the method for checking permissions will be registered on the gate.
+     * Set this to false if you want to implement custom logic for checking permissions.
+     */
+
+    'register_permission_check_method' => true,
+
+    /*
+     * When set to true, Laravel\Octane\Events\OperationTerminated event listener will be registered
+     * this will refresh permissions on every TickTerminated, TaskTerminated and RequestTerminated
+     * NOTE: This should not be needed in most cases, but an Octane/Vapor combination benefited from it.
+     */
+    'register_octane_reset_listener' => false,
+
+    /*
+     * Events will fire when a role or permission is assigned/unassigned:
+     * \Spatie\Permission\Events\RoleAttached
+     * \Spatie\Permission\Events\RoleDetached
+     * \Spatie\Permission\Events\PermissionAttached
+     * \Spatie\Permission\Events\PermissionDetached
+     *
+     * To enable, set to true, and then create listeners to watch these events.
+     */
+    'events_enabled' => false,
+
+    /*
+     * Teams Feature.
+     * When set to true the package implements teams using the 'team_foreign_key'.
+     * If you want the migrations to register the 'team_foreign_key', you must
+     * set this to true before doing the migration.
+     * If you already did the migration then you must make a new migration to also
+     * add 'team_foreign_key' to 'roles', 'model_has_roles', and 'model_has_permissions'
+     * (view the latest version of this package's migration file)
+     */
+
+    'teams' => false,
+
+    /*
+     * The class to use to resolve the permissions team id
+     */
+    'team_resolver' => \Spatie\Permission\DefaultTeamResolver::class,
+
+    /*
+     * Passport Client Credentials Grant
+     * When set to true the package will use Passports Client to check permissions
+     */
+
+    'use_passport_client_credentials' => false,
+
+    /*
+     * When set to true, the required permission names are added to exception messages.
+     * This could be considered an information leak in some contexts, so the default
+     * setting is false here for optimum safety.
+     */
+
+    'display_permission_in_exception' => false,
+
+    /*
+     * When set to true, the required role names are added to exception messages.
+     * This could be considered an information leak in some contexts, so the default
+     * setting is false here for optimum safety.
+     */
+
+    'display_role_in_exception' => false,
+
+    /*
+     * By default wildcard permission lookups are disabled.
+     * See documentation to understand supported syntax.
+     */
+
+    'enable_wildcard_permission' => false,
+
+    /*
+     * The class to use for interpreting wildcard permissions.
+     * If you need to modify delimiters, override the class and specify its name here.
+     */
+    // 'wildcard_permission' => Spatie\Permission\WildcardPermission::class,
+
+    /* Cache-specific settings */
+
+    'cache' => [
+
+        /*
+         * By default all permissions are cached for 24 hours to speed up performance.
+         * When permissions or roles are updated the cache is flushed automatically.
+         */
+
+        'expiration_time' => \DateInterval::createFromDateString('24 hours'),
+
+        /*
+         * The cache key used to store all permissions.
+         */
+
+        'key' => 'spatie.permission.cache',
+
+        /*
+         * You may optionally indicate a specific cache driver to use for permission and
+         * role caching using any of the `store` drivers listed in the cache.php config
+         * file. Using 'default' here means to use the `default` set in cache.php.
+         */
+
+        'store' => 'default',
+    ],
+];

database/migrations/2025_11_24_052927_update_gst_fields_in_invoices_table.php

@@ -0,0 +1,53 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('invoices', function (Blueprint $table) {
+
+            // GST type — gst or igst
+            $table->enum('tax_type', ['gst', 'igst'])
+                  ->default('gst')
+                  ->after('final_amount');
+
+            // Old gst_percent becomes optional
+            $table->decimal('gst_percent', 5, 2)
+                  ->nullable()
+                  ->change();
+
+            // Split GST %
+            $table->decimal('cgst_percent', 5, 2)
+                  ->nullable()
+                  ->after('gst_percent');
+
+            $table->decimal('sgst_percent', 5, 2)
+                  ->nullable()
+                  ->after('cgst_percent');
+
+            // IGST %
+            $table->decimal('igst_percent', 5, 2)
+                  ->nullable()
+                  ->after('sgst_percent');
+
+            // Tax amount recalculation is the same
+            // gst_amount and final_amount_with_gst already exist
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('invoices', function (Blueprint $table) {
+            $table->dropColumn([
+                'tax_type',
+                'cgst_percent',
+                'sgst_percent',
+                'igst_percent',
+            ]);
+        });
+    }
+};

database/migrations/2025_11_24_131305_create_invoice_installments_table.php

@@ -0,0 +1,23 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        // Table already exists. Add updates here if needed.
+        Schema::table('invoice_installments', function (Blueprint $table) {
+            // nothing to update
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('invoice_installments', function (Blueprint $table) {
+            // nothing to rollback
+        });
+    }
+};

database/migrations/2025_11_28_182057_add_soft_deletes_to_orders_table.php

@@ -0,0 +1,22 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('order_items', function (Blueprint $table) {
+            $table->softDeletes();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('order_items', function (Blueprint $table) {
+            $table->dropSoftDeletes();
+        });
+    }
+};

database/migrations/2025_11_29_045236_add_deleted_at_to_order_items_table.php

@@ -0,0 +1,26 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('order_items', function (Blueprint $table) {
+            if (! Schema::hasColumn('order_items', 'deleted_at')) {
+                $table->softDeletes(); // adds deleted_at (nullable timestamp)
+            }
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('order_items', function (Blueprint $table) {
+            if (Schema::hasColumn('order_items', 'deleted_at')) {
+                $table->dropSoftDeletes(); // drops deleted_at
+            }
+        });
+    }
+};

database/migrations/2025_12_01_063142_add_deleted_at_to_orders_table.php

@@ -0,0 +1,26 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up()
+    {
+        Schema::table('orders', function (Blueprint $table) {
+            $table->softDeletes(); // creates deleted_at column
+        });
+    }
+
+    public function down()
+    {
+        Schema::table('orders', function (Blueprint $table) {
+            $table->dropColumn('deleted_at');
+        });
+    }
+
+};

database/migrations/2025_12_02_055345_create_update_requests_table.php

@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateUpdateRequestsTable extends Migration
+{
+    public function up()
+    {
+        Schema::create('update_requests', function (Blueprint $table) {
+            $table->id();
+
+            // The user who is requesting profile update
+            $table->unsignedBigInteger('user_id');
+
+            // JSON data of the requested profile changes
+            $table->json('data')->nullable();
+
+            // pending / approved / rejected
+            $table->enum('status', ['pending', 'approved', 'rejected'])->default('pending');
+
+            // Optional message (admin notes)
+            $table->text('admin_note')->nullable();
+
+            $table->timestamps();
+
+            // Foreign key constraint
+            $table->foreign('user_id')->references('id')->on('users')->onDelete('cascade');
+        });
+    }
+
+    public function down()
+    {
+        Schema::dropIfExists('update_requests');
+    }
+}

database/migrations/2025_12_02_125520_update_shipment_items_table.php

@@ -0,0 +1,70 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('shipment_items', function (Blueprint $table) {
+
+            if (!Schema::hasColumn('shipment_items', 'ctn')) {
+                $table->integer('ctn')->default(0);
+            }
+
+            if (!Schema::hasColumn('shipment_items', 'qty')) {
+                $table->integer('qty')->default(0);
+            }
+
+            if (!Schema::hasColumn('shipment_items', 'ttl_qty')) {
+                $table->integer('ttl_qty')->default(0);
+            }
+
+            if (!Schema::hasColumn('shipment_items', 'cbm')) {
+                $table->double('cbm')->default(0);
+            }
+
+            if (!Schema::hasColumn('shipment_items', 'ttl_cbm')) {
+                $table->double('ttl_cbm')->default(0);
+            }
+
+            if (!Schema::hasColumn('shipment_items', 'kg')) {
+                $table->double('kg')->default(0);
+            }
+
+            if (!Schema::hasColumn('shipment_items', 'ttl_kg')) {
+                $table->double('ttl_kg')->default(0);
+            }
+
+            if (!Schema::hasColumn('shipment_items', 'ttl_amount')) {
+                $table->double('ttl_amount')->default(0);
+            }
+
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('shipment_items', function (Blueprint $table) {
+            // safely remove columns (optional)
+            $columns = [
+                'ctn', 'qty', 'ttl_qty', 'cbm', 
+                'ttl_cbm', 'kg', 'ttl_kg', 'ttl_amount'
+            ];
+
+            foreach ($columns as $col) {
+                if (Schema::hasColumn('shipment_items', $col)) {
+                    $table->dropColumn($col);
+                }
+            }
+        });
+    }
+};

database/migrations/2025_12_04_070257_create_permission_tables.php

@@ -0,0 +1,134 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        $teams = config('permission.teams');
+        $tableNames = config('permission.table_names');
+        $columnNames = config('permission.column_names');
+        $pivotRole = $columnNames['role_pivot_key'] ?? 'role_id';
+        $pivotPermission = $columnNames['permission_pivot_key'] ?? 'permission_id';
+
+        throw_if(empty($tableNames), Exception::class, 'Error: config/permission.php not loaded. Run [php artisan config:clear] and try again.');
+        throw_if($teams && empty($columnNames['team_foreign_key'] ?? null), Exception::class, 'Error: team_foreign_key on config/permission.php not loaded. Run [php artisan config:clear] and try again.');
+
+        Schema::create($tableNames['permissions'], static function (Blueprint $table) {
+            // $table->engine('InnoDB');
+            $table->bigIncrements('id'); // permission id
+            $table->string('name');       // For MyISAM use string('name', 225); // (or 166 for InnoDB with Redundant/Compact row format)
+            $table->string('guard_name'); // For MyISAM use string('guard_name', 25);
+            $table->timestamps();
+
+            $table->unique(['name', 'guard_name']);
+        });
+
+        Schema::create($tableNames['roles'], static function (Blueprint $table) use ($teams, $columnNames) {
+            // $table->engine('InnoDB');
+            $table->bigIncrements('id'); // role id
+            if ($teams || config('permission.testing')) { // permission.testing is a fix for sqlite testing
+                $table->unsignedBigInteger($columnNames['team_foreign_key'])->nullable();
+                $table->index($columnNames['team_foreign_key'], 'roles_team_foreign_key_index');
+            }
+            $table->string('name');       // For MyISAM use string('name', 225); // (or 166 for InnoDB with Redundant/Compact row format)
+            $table->string('guard_name'); // For MyISAM use string('guard_name', 25);
+            $table->timestamps();
+            if ($teams || config('permission.testing')) {
+                $table->unique([$columnNames['team_foreign_key'], 'name', 'guard_name']);
+            } else {
+                $table->unique(['name', 'guard_name']);
+            }
+        });
+
+        Schema::create($tableNames['model_has_permissions'], static function (Blueprint $table) use ($tableNames, $columnNames, $pivotPermission, $teams) {
+            $table->unsignedBigInteger($pivotPermission);
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_model_id_model_type_index');
+
+            $table->foreign($pivotPermission)
+                ->references('id') // permission id
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+            if ($teams) {
+                $table->unsignedBigInteger($columnNames['team_foreign_key']);
+                $table->index($columnNames['team_foreign_key'], 'model_has_permissions_team_foreign_key_index');
+
+                $table->primary([$columnNames['team_foreign_key'], $pivotPermission, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_permissions_permission_model_type_primary');
+            } else {
+                $table->primary([$pivotPermission, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_permissions_permission_model_type_primary');
+            }
+
+        });
+
+        Schema::create($tableNames['model_has_roles'], static function (Blueprint $table) use ($tableNames, $columnNames, $pivotRole, $teams) {
+            $table->unsignedBigInteger($pivotRole);
+
+            $table->string('model_type');
+            $table->unsignedBigInteger($columnNames['model_morph_key']);
+            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_roles_model_id_model_type_index');
+
+            $table->foreign($pivotRole)
+                ->references('id') // role id
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+            if ($teams) {
+                $table->unsignedBigInteger($columnNames['team_foreign_key']);
+                $table->index($columnNames['team_foreign_key'], 'model_has_roles_team_foreign_key_index');
+
+                $table->primary([$columnNames['team_foreign_key'], $pivotRole, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_roles_role_model_type_primary');
+            } else {
+                $table->primary([$pivotRole, $columnNames['model_morph_key'], 'model_type'],
+                    'model_has_roles_role_model_type_primary');
+            }
+        });
+
+        Schema::create($tableNames['role_has_permissions'], static function (Blueprint $table) use ($tableNames, $pivotRole, $pivotPermission) {
+            $table->unsignedBigInteger($pivotPermission);
+            $table->unsignedBigInteger($pivotRole);
+
+            $table->foreign($pivotPermission)
+                ->references('id') // permission id
+                ->on($tableNames['permissions'])
+                ->onDelete('cascade');
+
+            $table->foreign($pivotRole)
+                ->references('id') // role id
+                ->on($tableNames['roles'])
+                ->onDelete('cascade');
+
+            $table->primary([$pivotPermission, $pivotRole], 'role_has_permissions_permission_id_role_id_primary');
+        });
+
+        app('cache')
+            ->store(config('permission.cache.store') != 'default' ? config('permission.cache.store') : null)
+            ->forget(config('permission.cache.key'));
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        $tableNames = config('permission.table_names');
+
+        throw_if(empty($tableNames), Exception::class, 'Error: config/permission.php not found and defaults could not be merged. Please publish the package configuration before proceeding, or drop the tables manually.');
+
+        Schema::drop($tableNames['role_has_permissions']);
+        Schema::drop($tableNames['model_has_roles']);
+        Schema::drop($tableNames['model_has_permissions']);
+        Schema::drop($tableNames['roles']);
+        Schema::drop($tableNames['permissions']);
+    }
+};

database/migrations/2025_12_04_071300_create_staff_table.php

@@ -0,0 +1,50 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up()
+    {
+        Schema::create('staff', function (Blueprint $table) {
+            $table->id();
+
+            // Personal Information
+            $table->string('employee_id')->unique();
+            $table->string('name');
+            $table->string('email')->unique();
+            $table->string('phone');
+            $table->string('emergency_phone')->nullable();
+            $table->text('address')->nullable();
+
+            // Professional Information
+            $table->string('role')->nullable(); // Job title
+            $table->string('department')->nullable();
+            $table->string('designation')->nullable();
+            $table->date('joining_date')->nullable();
+            $table->string('status')->default('active');   // active/inactive
+            $table->text('additional_info')->nullable();
+
+            // System Access
+            $table->string('username')->unique();
+            $table->string('password');
+
+            $table->softDeletes();
+            $table->timestamps();
+        });
+    }
+
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('staff');
+    }
+};

database/migrations/2025_12_04_125930_add_staff_fields_to_admins_table.php

@@ -0,0 +1,41 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+       Schema::table('admins', function (Blueprint $table) {
+    $table->string('employee_id')->unique()->nullable();
+    $table->string('phone')->nullable();
+    $table->string('emergency_phone')->nullable();
+    $table->text('address')->nullable();
+
+    $table->string('department')->nullable();
+    $table->string('designation')->nullable();
+    $table->date('joining_date')->nullable();
+    $table->enum('status', ['active','inactive'])->default('active');
+    $table->text('additional_info')->nullable();
+
+    $table->string('username')->unique()->nullable();
+    $table->enum('type', ['admin','staff'])->default('staff');
+});
+
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('admins', function (Blueprint $table) {
+            //
+        });
+    }
+};

database/migrations/2025_12_04_131613_alter_role_column_in_admins_table.php

@@ -0,0 +1,20 @@
+<?php
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration {
+    public function up()
+    {
+        Schema::table('admins', function (Blueprint $table) {
+            $table->string('role')->nullable()->change();  // <-- Fix problem
+        });
+    }
+
+    public function down()
+    {
+        Schema::table('admins', function (Blueprint $table) {
+            $table->enum('role', ['admin', 'super-admin'])->nullable()->change();
+        });
+    }
+};

database/migrations/2025_12_08_044216_create_support_tickets_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('support_tickets', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedBigInteger('user_id');  // user who owns the chat
+            $table->string('status')->default('open'); // open / closed
+            $table->timestamps();
+
+            // foreign key constraint (optional but recommended)
+            $table->foreign('user_id')->references('id')->on('users')->onDelete('cascade');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('support_tickets');
+    }
+};

database/migrations/2025_12_08_044254_create_chat_messages_table.php

@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('chat_messages', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedBigInteger('ticket_id'); // support ticket ID
+            $table->unsignedBigInteger('sender_id'); // user or admin/staff
+            $table->text('message')->nullable();     // message content
+            $table->string('file_path')->nullable(); // image/pdf/video
+            $table->string('file_type')->default('text'); // text/image/pdf/video
+            $table->timestamps();
+
+            // foreign keys
+            $table->foreign('ticket_id')->references('id')->on('support_tickets')->onDelete('cascade');
+            $table->foreign('sender_id')->references('id')->on('users')->onDelete('cascade'); // admin also stored in users table? If admin separate, change later.
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('chat_messages');
+    }
+};

database/seeders/PermissionSeeder.php

@@ -0,0 +1,103 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use Spatie\Permission\Models\Permission;
+use Spatie\Permission\Models\Role;
+
+class PermissionSeeder extends Seeder
+{
+    public function run()
+    {
+        // ------------------------------------------------------
+        // FINAL PERMISSION LIST (YOUR DATA)
+        // ------------------------------------------------------
+
+        $permissions = [
+
+            // ORDER
+            'order.view',
+            'order.create',
+            'order.edit',
+            'order.delete',
+
+            // EXTRA (ORDERS)
+            'orders.view',  // you added this separately
+
+            // SHIPMENT
+            'shipment.view',
+            'shipment.create',
+            'shipment.delete',
+
+            // INVOICE
+            'invoice.view',
+            'invoice.edit',
+            'invoice.add_installment',
+
+            // CUSTOMER
+            'customer.view',
+            'customer.create',
+
+            // REQUEST
+            'request.view',
+            'request.update_profile',
+
+
+
+            //  @can('')
+            //  @endcan
+
+
+
+
+            // ACCOUNT
+            'account.view',
+            'account.create_order',
+            'account.edit_order',
+            'account.delete_order',
+            'account.toggle_payment_status',
+            'account.add_installment',
+            'account.view_installments',
+
+            // REPORT
+            'report.view',
+
+            // MARK LIST
+            'mark_list.view',
+        ];
+
+        // ------------------------------------------------------
+        // CREATE PERMISSIONS
+        // ------------------------------------------------------
+
+        foreach ($permissions as $permission) {
+            Permission::firstOrCreate(
+                ['name' => $permission, 'guard_name' => 'admin']
+            );
+        }
+
+        // ------------------------------------------------------
+        // ROLES
+        // ------------------------------------------------------
+
+        // Create super-admin role
+        $superAdminRole = Role::firstOrCreate(
+            ['name' => 'super-admin', 'guard_name' => 'admin']
+        );
+
+        // Create admin role
+        $adminRole = Role::firstOrCreate(
+            ['name' => 'admin', 'guard_name' => 'admin']
+        );
+
+        // ------------------------------------------------------
+        // ASSIGN ALL PERMISSIONS TO BOTH ROLES
+        // ------------------------------------------------------
+
+        $allPermissions = Permission::where('guard_name', 'admin')->get();
+
+        $superAdminRole->syncPermissions($allPermissions);
+        $adminRole->syncPermissions($allPermissions);
+    }
+}

public/index.php

@@ -18,3 +18,4 @@ require __DIR__.'/../vendor/autoload.php';
 $app = require_once __DIR__.'/../bootstrap/app.php';
 
 $app->handleRequest(Request::capture());
+

resources/views/admin/customers_add.blade.php

@@ -4,92 +4,539 @@
 
 @section('content')
 
+<style>
+:root {
+    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    --glass-bg: #ffffff;
+    --glass-border: rgba(255, 255, 255, 0.2);
+    --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.1);
+    --shadow-medium: 0 12px 48px rgba(0, 0, 0, 0.15);
+    --shadow-strong: 0 20px 60px rgba(0, 0, 0, 0.2);
+}
+
+/* Enhanced Card - No Blur - Original Width */
+.card {
+    background: var(--glass-bg);
+    border-radius: 24px;
+    box-shadow: var(--shadow-strong);
+    border: 1px solid #e4e6ef;
+    animation: cardEntrance 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    position: relative;
+    overflow: hidden;
+    /* Maintaining original width */
+    width: 100%;
+    max-width: none;
+}
+
+.card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(45deg, 
+        rgba(102, 126, 234, 0.03) 0%, 
+        rgba(118, 75, 162, 0.03) 50%, 
+        rgba(16, 185, 129, 0.03) 100%);
+    pointer-events: none;
+}
+
+@keyframes cardEntrance {
+    0% {
+        opacity: 0;
+        transform: translateY(30px) scale(0.95);
+    }
+    100% {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+}
+
+/* Premium Card Header */
+.card-header {
+    background: var(--primary-gradient);
+    color: white;
+    border-bottom: none;
+    padding: 25px 30px;
+    position: relative;
+    overflow: hidden;
+}
+
+.card-header::before {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(45deg, 
+        transparent 0%, 
+        rgba(255, 255, 255, 0.1) 50%, 
+        transparent 100%);
+    animation: headerShimmer 6s infinite linear;
+    transform: rotate(45deg);
+}
+
+@keyframes headerShimmer {
+    0% { transform: translateX(-100%) rotate(45deg); }
+    100% { transform: translateX(100%) rotate(45deg); }
+}
+
+.card-header h4 {
+    margin: 0;
+    font-weight: 800;
+    font-size: 1.5rem;
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.card-header h4::before {
+    content: '✨';
+    font-size: 1.3rem;
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
+}
+
+.card-body {
+    padding: 30px;
+    background: #f8fafc;
+    position: relative;
+}
+
+/* World-Class Form Elements - No Blur */
+.form-label {
+    font-weight: 700;
+    color: #1e293b;
+    margin-bottom: 8px;
+    font-size: 0.9rem;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.form-label::before {
+    content: '';
+    width: 3px;
+    height: 14px;
+    background: var(--primary-gradient);
+    border-radius: 2px;
+    display: inline-block;
+}
+
+.form-control, .form-select {
+    border: 2px solid #e2e8f0;
+    border-radius: 12px;
+    padding: 12px 16px;
+    font-size: 0.95rem;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    background: #ffffff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+    position: relative;
+}
+
+.form-control:focus, .form-select:focus {
+    border-color: #667eea;
+    box-shadow: 
+        0 0 0 3px rgba(102, 126, 234, 0.15),
+        0 6px 20px rgba(102, 126, 234, 0.15),
+        inset 0 1px 0 rgba(255, 255, 255, 0.8);
+    background: #ffffff;
+    transform: translateY(-2px);
+}
+
+.form-control:hover, .form-select:hover {
+    border-color: #cbd5e1;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+/* Enhanced Grid System - Original Layout */
+.row.g-3 {
+    margin: -12px;
+}
+
+.row.g-3 > [class*="col-"] {
+    padding: 12px;
+    animation: formElementEntrance 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+@keyframes formElementEntrance {
+    0% {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Staggered Animation Delays */
+.row.g-3 > [class*="col-"]:nth-child(1) { animation-delay: 0.1s; }
+.row.g-3 > [class*="col-"]:nth-child(2) { animation-delay: 0.15s; }
+.row.g-3 > [class*="col-"]:nth-child(3) { animation-delay: 0.2s; }
+.row.g-3 > [class*="col-"]:nth-child(4) { animation-delay: 0.25s; }
+.row.g-3 > [class*="col-"]:nth-child(5) { animation-delay: 0.3s; }
+.row.g-3 > [class*="col-"]:nth-child(6) { animation-delay: 0.35s; }
+
+/* Premium Textarea */
+textarea.form-control {
+    resize: vertical;
+    min-height: 100px;
+    line-height: 1.5;
+    background: #ffffff;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+textarea.form-control:focus {
+    transform: translateY(-2px);
+    box-shadow: 
+        0 0 0 3px rgba(102, 126, 234, 0.15),
+        0 8px 24px rgba(102, 126, 234, 0.15);
+}
+
+/* World-Class Button Design */
+.btn-success {
+    background: var(--success-gradient);
+    border: none;
+    padding: 14px 35px;
+    border-radius: 12px;
+    color: white;
+    font-weight: 700;
+    font-size: 1rem;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: var(--shadow-medium);
+    position: relative;
+    overflow: hidden;
+}
+
+.btn-success::before {
+    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 ease;
+}
+
+.btn-success:hover::before {
+    left: 100%;
+}
+
+.btn-success:hover {
+    transform: translateY(-3px);
+    box-shadow: 
+        0 12px 30px rgba(16, 185, 129, 0.35),
+        0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.btn-success:active {
+    transform: translateY(-1px);
+    transition: all 0.1s ease;
+}
+
+/* Enhanced Select Styling */
+.form-select {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23667eea' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+    background-position: right 16px center;
+    background-repeat: no-repeat;
+    background-size: 16px;
+    padding-right: 45px;
+    cursor: pointer;
+    appearance: none;
+}
+
+/* Loading Animation */
+.btn-success.loading {
+    pointer-events: none;
+    padding-right: 50px;
+}
+
+.btn-success.loading::after {
+    content: '';
+    position: absolute;
+    right: 16px;
+    top: 50%;
+    width: 16px;
+    height: 16px;
+    margin-top: -8px;
+    border: 2px solid transparent;
+    border-top: 2px solid white;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* Micro-interactions for Enhanced UX */
+.form-control:valid {
+    border-left: 2px solid #10b981;
+}
+
+.form-control:invalid:not(:focus):not(:placeholder-shown) {
+    border-left: 2px solid #ef4444;
+    animation: shake 0.4s ease-in-out;
+}
+
+@keyframes shake {
+    0%, 100% { transform: translateX(0); }
+    25% { transform: translateX(-3px); }
+    75% { transform: translateX(3px); }
+}
+
+/* Secondary Button */
+.btn-secondary {
+    background: #64748b;
+    border: none;
+    padding: 14px 30px;
+    border-radius: 12px;
+    color: white;
+    font-weight: 700;
+    font-size: 1rem;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: var(--shadow-soft);
+}
+
+.btn-secondary:hover {
+    background: #475569;
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-medium);
+}
+
+/* Required Field Indicator */
+.required-field::after {
+    content: '*';
+    color: #ef4444;
+    margin-left: 4px;
+    font-weight: 800;
+}
+
+/* Success Animation */
+@keyframes successPulse {
+    0%, 100% { transform: scale(1); }
+    50% { transform: scale(1.02); }
+}
+
+.success-animation {
+    animation: successPulse 0.5s ease-in-out;
+}
+
+/* Input Hints */
+.input-hint {
+    font-size: 0.8rem;
+    color: #64748b;
+    margin-top: 4px;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.input-hint::before {
+    content: '💡';
+    font-size: 0.7rem;
+}
+
+/* Performance optimized animations */
+@media (prefers-reduced-motion: reduce) {
+    * {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+    }
+}
+</style>
+
 <div class="container py-4">
+    <!-- Maintaining original container structure -->
+    <div class="card shadow-sm" style="border: none; background: transparent; box-shadow: none !important;">
+        <div class="card" style="margin: 0;">
+            <!-- Premium Card Header -->
+            <div class="card-header">
+                <h4>
+                    <i class="bi bi-person-plus-fill me-2"></i>
+                    Add New Customer
+                </h4>
+            </div>
 
-    <div class="card shadow-sm">
-        <div class="card-header bg-light">
-            <strong>Add New Customer</strong>
-        </div>
+            <!-- Card Body - Original Structure -->
+            <div class="card-body">
+                <form action="{{ route('admin.customers.store') }}" method="POST" id="customerForm">
+                    @csrf
 
-        <div class="card-body">
+                    <div class="row g-3">
+                        <!-- Customer Name -->
+                        <div class="col-md-6">
+                            <label class="form-label required-field">Customer Name</label>
+                            <input type="text" 
+                                   name="customer_name" 
+                                   class="form-control" 
+                                   placeholder="Enter full name"
+                                   required
+                                   pattern="[A-Za-z\s]{2,}">
+                            <div class="input-hint">Minimum 2 characters, letters only</div>
+                        </div>
 
-            <form action="{{ route('admin.customers.store') }}" method="POST">
-                @csrf
+                        <!-- Company Name -->
+                        <div class="col-md-6">
+                            <label class="form-label">Company Name</label>
+                            <input type="text" 
+                                   name="company_name" 
+                                   class="form-control" 
+                                   placeholder="Enter company name">
+                        </div>
 
-                <div class="row g-3">
+                        <!-- Designation -->
+                        <div class="col-md-6">
+                            <label class="form-label">Designation</label>
+                            <input type="text" 
+                                   name="designation" 
+                                   class="form-control" 
+                                   placeholder="Enter job title">
+                        </div>
 
-                    {{-- CUSTOMER NAME --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Customer Name *</label>
-                        <input type="text" name="customer_name" class="form-control" required>
+                        <!-- Email -->
+                        <div class="col-md-6">
+                            <label class="form-label required-field">Email Address</label>
+                            <input type="email" 
+                                   name="email" 
+                                   class="form-control" 
+                                   placeholder="Enter email address"
+                                   required
+                                   pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
+                            <div class="input-hint">Valid email format required</div>
+                        </div>
+
+                        <!-- Mobile -->
+                        <div class="col-md-6">
+                            <label class="form-label required-field">Mobile Number</label>
+                            <input type="tel" 
+                                   name="mobile_no" 
+                                   class="form-control" 
+                                   placeholder="Enter mobile number"
+                                   required
+                                   pattern="[0-9]{10}">
+                            <div class="input-hint">10 digits without spaces</div>
+                        </div>
+
+                        <!-- Pincode -->
+                        <div class="col-md-6">
+                            <label class="form-label">Pincode</label>
+                            <input type="text" 
+                                   name="pincode" 
+                                   class="form-control" 
+                                   placeholder="Enter pincode"
+                                   pattern="[0-9]{6}">
+                            <div class="input-hint">6-digit pincode</div>
+                        </div>
+
+                        <!-- Address -->
+                        <div class="col-12">
+                            <label class="form-label">Address</label>
+                            <textarea name="address" 
+                                      class="form-control" 
+                                      rows="3" 
+                                      placeholder="Enter complete address"></textarea>
+                        </div>
+
+                        <!-- Customer Type -->
+                        <div class="col-md-6">
+                            <label class="form-label required-field">Customer Type</label>
+                            <select name="customer_type" class="form-select" required>
+                                <option value="regular">Regular</option>
+                                <option value="premium">Premium</option>
+                            </select>
+                            <div class="input-hint">Premium customers get special benefits</div>
+                        </div>
+
+                        <!-- Status -->
+                        <div class="col-md-6">
+                            <label class="form-label required-field">Status</label>
+                            <select name="status" class="form-select" required>
+                                <option value="active">Active</option>
+                                <option value="inactive">Inactive</option>
+                            </select>
+                            <div class="input-hint">Active customers can place orders</div>
+                        </div>
                     </div>
 
-                    {{-- COMPANY NAME --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Company Name</label>
-                        <input type="text" name="company_name" class="form-control">
+                    <!-- Form Actions - Original Layout -->
+                    <div class="text-end mt-4">
+                        <a href="{{ route('admin.customers.index') }}" class="btn btn-secondary me-3">
+                            <i class="bi bi-arrow-left me-2"></i>
+                            Cancel
+                        </a>
+                        <button type="submit" class="btn-success" id="submitBtn">
+                            <i class="bi bi-person-plus me-2"></i>
+                            Create Customer
+                        </button>
                     </div>
-
-                    {{-- DESIGNATION --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Designation</label>
-                        <input type="text" name="designation" class="form-control">
-                    </div>
-
-                    {{-- EMAIL --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Email *</label>
-                        <input type="email" name="email" class="form-control" required>
-                    </div>
-
-                    {{-- MOBILE --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Mobile No *</label>
-                        <input type="text" name="mobile_no" class="form-control" required>
-                    </div>
-
-                    {{-- PINCODE --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Pincode</label>
-                        <input type="text" name="pincode" class="form-control">
-                    </div>
-
-                    {{-- ADDRESS --}}
-                    <div class="col-md-12">
-                        <label class="form-label">Address</label>
-                        <textarea name="address" class="form-control" rows="2"></textarea>
-                    </div>
-
-                    {{-- CUSTOMER TYPE --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Customer Type *</label>
-                        <select name="customer_type" class="form-select" required>
-                            <option value="regular">Regular</option>
-                            <option value="premium">Premium</option>
-                        </select>
-                    </div>
-
-                    {{-- STATUS --}}
-                    <div class="col-md-6">
-                        <label class="form-label">Status *</label>
-                        <select name="status" class="form-select" required>
-                            <option value="active">Active</option>
-                            <option value="inactive">Inactive</option>
-                        </select>
-                    </div>
-
-                </div>
-
-                <div class="text-end mt-4">
-                    <a href="{{ route('admin.customers.index') }}" class="btn btn-secondary">Cancel</a>
-                    <button class="btn btn-success">Create Customer</button>
-                </div>
-
-            </form>
-
+                </form>
+            </div>
         </div>
     </div>
-
 </div>
 
-@endsection
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    const form = document.getElementById('customerForm');
+    const submitBtn = document.getElementById('submitBtn');
+
+    form.addEventListener('submit', function(e) {
+        // Add loading state
+        submitBtn.classList.add('loading');
+        submitBtn.innerHTML = '<i class="bi bi-hourglass-split me-2"></i>Creating...';
+        
+        // Simulate form processing
+        setTimeout(() => {
+            submitBtn.classList.remove('loading');
+            submitBtn.classList.add('success-animation');
+            submitBtn.innerHTML = '<i class="bi bi-check-circle me-2"></i>Customer Created!';
+            
+            setTimeout(() => {
+                submitBtn.classList.remove('success-animation');
+                submitBtn.innerHTML = '<i class="bi bi-person-plus me-2"></i>Create Customer';
+            }, 1500);
+        }, 1000);
+    });
+
+    // Real-time validation
+    const inputs = form.querySelectorAll('input[required]');
+    inputs.forEach(input => {
+        input.addEventListener('blur', function() {
+            if (this.value && this.checkValidity()) {
+                this.style.borderLeft = '2px solid #10b981';
+            } else if (this.value && !this.checkValidity()) {
+                this.style.borderLeft = '2px solid #ef4444';
+            } else {
+                this.style.borderLeft = '';
+            }
+        });
+    });
+
+    // Enhanced input interactions
+    const formControls = form.querySelectorAll('.form-control, .form-select');
+    formControls.forEach(control => {
+        control.addEventListener('focus', function() {
+            this.style.transform = 'translateY(-2px)';
+        });
+        
+        control.addEventListener('blur', function() {
+            this.style.transform = 'translateY(0)';
+        });
+    });
+});
+</script>
+
+@endsection

resources/views/admin/customers_view.blade.php

@@ -4,176 +4,781 @@
 
 @section('content')
 
+<style>
+:root {
+    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
+    --info-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
+    --glass-bg: rgba(255, 255, 255, 0.95);
+    --shadow-strong: 0 20px 60px rgba(0, 0, 0, 0.15);
+    --shadow-medium: 0 12px 40px rgba(0, 0, 0, 0.1);
+}
+
+/* Main Card Animations */
+.customer-card {
+    background: var(--glass-bg);
+    border-radius: 24px;
+    box-shadow: var(--shadow-strong);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    animation: cardEntrance 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    position: relative;
+    overflow: hidden;
+}
+
+.customer-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(45deg, 
+        rgba(102, 126, 234, 0.03) 0%, 
+        rgba(118, 75, 162, 0.03) 50%, 
+        rgba(16, 185, 129, 0.03) 100%);
+    pointer-events: none;
+}
+
+@keyframes cardEntrance {
+    0% {
+        opacity: 0;
+        transform: translateY(30px) scale(0.95);
+    }
+    100% {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+}
+
+/* Header Section */
+.page-header {
+    background: var(--primary-gradient);
+    border-radius: 20px;
+    padding: 30px;
+    color: white;
+    margin-bottom: 30px;
+    position: relative;
+    overflow: hidden;
+    animation: headerSlide 0.6s ease-out;
+}
+
+@keyframes headerSlide {
+    0% {
+        opacity: 0;
+        transform: translateX(-30px);
+    }
+    100% {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+.page-header::before {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(45deg, 
+        transparent 0%, 
+        rgba(255, 255, 255, 0.1) 50%, 
+        transparent 100%);
+    animation: headerShimmer 8s infinite linear;
+    transform: rotate(45deg);
+}
+
+@keyframes headerShimmer {
+    0% { transform: translateX(-100%) rotate(45deg); }
+    100% { transform: translateX(100%) rotate(45deg); }
+}
+
+/* Customer Profile Section */
+.profile-header {
+    padding: 40px 35px 30px;
+    position: relative;
+}
+
+.avatar-container {
+    position: relative;
+    display: inline-block;
+}
+
+.customer-avatar {
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+    background: var(--primary-gradient);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-weight: 800;
+    font-size: 2.5rem;
+    box-shadow: 0 12px 30px rgba(102, 126, 234, 0.4);
+    border: 4px solid white;
+    position: relative;
+    z-index: 2;
+    animation: avatarPulse 2s ease-in-out infinite;
+}
+
+@keyframes avatarPulse {
+    0%, 100% { transform: scale(1); }
+    50% { transform: scale(1.05); }
+}
+
+.avatar-status {
+    position: absolute;
+    bottom: 8px;
+    right: 8px;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    border: 3px solid white;
+    z-index: 3;
+}
+
+.status-active { background: var(--success-gradient); }
+.status-inactive { background: #ef4444; }
+
+/* Info Cards */
+.info-card {
+    background: white;
+    border-radius: 20px;
+    padding: 25px;
+    box-shadow: var(--shadow-medium);
+    border: 1px solid #f1f5f9;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+}
+
+.info-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 5px;
+    height: 100%;
+    background: var(--primary-gradient);
+}
+
+.info-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
+}
+
+.info-card h6 {
+    color: #64748b;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 0.8rem;
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.info-card h6::before {
+    content: '';
+    width: 3px;
+    height: 12px;
+    background: var(--primary-gradient);
+    border-radius: 2px;
+    display: inline-block;
+}
+
+/* Stats Cards */
+.stats-card {
+    background: white;
+    border-radius: 20px;
+    padding: 25px;
+    text-align: center;
+    box-shadow: var(--shadow-medium);
+    border: 1px solid #f1f5f9;
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.stats-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: var(--primary-gradient);
+}
+
+.stats-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
+}
+
+.stats-card.orders { --card-color: #3b82f6; }
+.stats-card.amount { --card-color: #10b981; }
+.stats-card.marks { --card-color: #8b5cf6; }
+
+.stats-icon {
+    width: 60px;
+    height: 60px;
+    border-radius: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 15px;
+    font-size: 1.5rem;
+    background: linear-gradient(135deg, var(--card-color), var(--card-color));
+    color: white;
+    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
+}
+
+.stats-card.orders .stats-icon { background: var(--info-gradient); }
+.stats-card.amount .stats-icon { background: var(--success-gradient); }
+.stats-card.marks .stats-icon { background: var(--primary-gradient); }
+
+.stats-value {
+    font-size: 2.2rem;
+    font-weight: 800;
+    color: #1e293b;
+    margin-bottom: 5px;
+    line-height: 1;
+}
+
+.stats-label {
+    color: #64748b;
+    font-weight: 600;
+    font-size: 0.9rem;
+}
+
+/* Mark Numbers List */
+.marks-section {
+    background: white;
+    border-radius: 20px;
+    box-shadow: var(--shadow-medium);
+    border: 1px solid #f1f5f9;
+    overflow: hidden;
+}
+
+.section-header {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    padding: 25px 30px;
+    border-bottom: 1px solid #e2e8f0;
+}
+
+.section-header h5 {
+    margin: 0;
+    color: #1e293b;
+    font-weight: 800;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.section-header h5::before {
+    content: '';
+    width: 4px;
+    height: 20px;
+    background: var(--primary-gradient);
+    border-radius: 2px;
+    display: inline-block;
+}
+
+.mark-item {
+    display: flex;
+    align-items: center;
+    padding: 20px 30px;
+    border-bottom: 1px solid #f1f5f9;
+    transition: all 0.3s ease;
+    animation: itemEntrance 0.5s ease-out both;
+}
+
+@keyframes itemEntrance {
+    0% {
+        opacity: 0;
+        transform: translateX(-20px);
+    }
+    100% {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+.mark-item:last-child {
+    border-bottom: none;
+}
+
+.mark-item:hover {
+    background: #f8fafc;
+    transform: translateX(5px);
+}
+
+.mark-badge {
+    background: var(--primary-gradient);
+    color: white;
+    padding: 8px 16px;
+    border-radius: 12px;
+    font-weight: 700;
+    font-size: 0.9rem;
+    margin-right: 15px;
+    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
+}
+
+.mark-route {
+    color: #64748b;
+    font-weight: 500;
+}
+
+/* Buttons - FIXED POSITIONING */
+.btn-back {
+    background: rgba(255, 255, 255, 0.2);
+    border: 2px solid rgba(255, 255, 255, 0.3);
+    border-radius: 12px;
+    padding: 12px 25px;
+    color: white;
+    font-weight: 700;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    position: relative;
+    overflow: hidden;
+    backdrop-filter: blur(10px);
+    text-decoration: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.btn-back::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: left 0.6s ease;
+}
+
+.btn-back:hover::before {
+    left: 100%;
+}
+
+.btn-back:hover {
+    background: rgba(255, 255, 255, 0.3);
+    border-color: rgba(255, 255, 255, 0.5);
+    transform: translateY(-2px);
+    color: white;
+    text-decoration: none;
+}
+
+.btn-premium {
+    background: var(--primary-gradient);
+    border: none;
+    border-radius: 12px;
+    padding: 12px 25px;
+    color: white;
+    font-weight: 700;
+    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    position: relative;
+    overflow: hidden;
+}
+
+.btn-premium::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: left 0.6s ease;
+}
+
+.btn-premium:hover::before {
+    left: 100%;
+}
+
+.btn-premium:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.5);
+}
+
+.btn-outline-secondary {
+    border: 2px solid #64748b;
+    border-radius: 12px;
+    padding: 12px 25px;
+    color: #64748b;
+    font-weight: 700;
+    background: transparent;
+    transition: all 0.3s ease;
+    text-decoration: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.btn-outline-secondary:hover {
+    border-color: #475569;
+    color: #475569;
+    background: rgba(100, 116, 139, 0.05);
+    transform: translateY(-2px);
+    text-decoration: none;
+}
+
+/* Badges */
+.type-badge {
+    padding: 8px 16px;
+    border-radius: 12px;
+    font-weight: 700;
+    font-size: 0.8rem;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.badge-premium {
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+    color: white;
+    box-shadow: 0 4px 15px rgba(240, 147, 251, 0.4);
+}
+
+.badge-regular {
+    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+    color: white;
+    box-shadow: 0 4px 15px rgba(79, 172, 254, 0.4);
+}
+
+.status-badge {
+    padding: 8px 16px;
+    border-radius: 12px;
+    font-weight: 700;
+    font-size: 0.8rem;
+}
+
+.badge-active {
+    background: var(--success-gradient);
+    color: white;
+    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
+}
+
+.badge-inactive {
+    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+    color: white;
+    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
+}
+
+/* Animations */
+.animate-fade-in {
+    animation: fadeInUp 0.6s ease-out both;
+}
+
+@keyframes fadeInUp {
+    0% {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.animation-delay-1 { animation-delay: 0.1s; }
+.animation-delay-2 { animation-delay: 0.2s; }
+.animation-delay-3 { animation-delay: 0.3s; }
+.animation-delay-4 { animation-delay: 0.4s; }
+
+/* Header Button Container - FIXED */
+.header-actions {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 15px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .profile-header {
+        padding: 25px 20px;
+        text-align: center;
+    }
+    
+    .customer-avatar {
+        width: 80px;
+        height: 80px;
+        font-size: 2rem;
+    }
+    
+    .page-header {
+        padding: 20px;
+    }
+    
+    .stats-card {
+        padding: 20px;
+    }
+    
+    .stats-value {
+        font-size: 1.8rem;
+    }
+    
+    .header-actions {
+        justify-content: center;
+        margin-top: 15px;
+    }
+    
+    .page-header .row {
+        text-align: center;
+    }
+}
+
+@media (max-width: 576px) {
+    .btn-back, .btn-outline-secondary {
+        padding: 10px 20px;
+        font-size: 0.9rem;
+    }
+    
+    .header-actions {
+        flex-direction: column;
+        gap: 10px;
+        width: 100%;
+    }
+    
+    .header-actions a {
+        width: 100%;
+        justify-content: center;
+    }
+}
+</style>
+
 <div class="container py-4">
 
-    {{-- HEADER --}}
-    <div class="d-flex justify-content-between align-items-center mb-4">
-        <h3 class="fw-bold">Customer Details</h3>
-        <a href="{{ route('admin.customers.index') }}" class="btn btn-secondary">
-            <i class="bi bi-arrow-left"></i> Back
-        </a>
+    {{-- HEADER - FIXED BUTTON POSITION --}}
+    <div class="page-header animate-fade-in">
+        <div class="row align-items-center">
+            <div class="col-md-8">
+                <h1 class="fw-bold mb-2">Customer Details</h1>
+                <p class="mb-0 opacity-90">Complete customer information and analytics</p>
+            </div>
+            <div class="col-md-4">
+                <div class="header-actions">
+                    <a href="{{ route('admin.customers.index') }}" class="btn-back">
+                        <i class="bi bi-arrow-left"></i>
+                        Back to List
+                    </a>
+                </div>
+            </div>
+        </div>
     </div>
 
-    {{-- CUSTOMER CARD --}}
-    <div class="card shadow-sm mb-4">
-        <div class="card-body">
-
-            <div class="d-flex align-items-center mb-3">
-
-                {{-- Avatar --}}
-                <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center me-3"
-                    style="width:70px; height:70px; font-size:28px; font-weight:bold;">
-                    {{ strtoupper(substr($customer->customer_name,0,1)) }}
+    {{-- CUSTOMER PROFILE CARD --}}
+    <div class="customer-card mb-4">
+        <div class="profile-header">
+            <div class="row align-items-center">
+                <div class="col-auto">
+                    <div class="avatar-container">
+                        <div class="customer-avatar">
+                            {{ strtoupper(substr($customer->customer_name,0,1)) }}
+                        </div>
+                        <div class="avatar-status {{ $customer->status == 'active' ? 'status-active' : 'status-inactive' }}"></div>
+                    </div>
                 </div>
-
-                <div>
-                    <h4 class="mb-0">{{ $customer->customer_name }}</h4>
-                    <div class="text-muted">{{ $customer->company_name }}</div>
-
-                    {{-- Customer Type --}}
-                    @if($customer->customer_type == 'premium')
-                        <span class="badge bg-purple mt-2">Premium Customer</span>
-                    @else
-                        <span class="badge bg-secondary mt-2">Regular Customer</span>
-                    @endif
-                </div>
-
-                <div class="ms-auto">
-                    {{-- Status --}}
-                    @if($customer->status == 'active')
-                        <span class="badge bg-success p-2">Active</span>
-                    @else
-                        <span class="badge bg-danger p-2">Inactive</span>
-                    @endif
-                </div>
-
-            </div>
-
-            {{-- BASIC INFO --}}
-            <hr>
-
-            <div class="row">
-                <div class="col-md-6">
-                    <h6 class="text-uppercase text-muted">Contact Information</h6>
-                    <p class="mb-1"><strong>Email:</strong> {{ $customer->email }}</p>
-                    <p class="mb-1"><strong>Mobile:</strong> {{ $customer->mobile_no }}</p>
-                    <p class="mb-1"><strong>Address:</strong> {{ $customer->address }}</p>
-                    <p class="mb-1"><strong>Pincode:</strong> {{ $customer->pincode }}</p>
-                </div>
-
-                <div class="col-md-6">
-                    <h6 class="text-uppercase text-muted">Account Information</h6>
-                    <p class="mb-1"><strong>Customer ID:</strong> {{ $customer->customer_id }}</p>
-                    <p class="mb-1"><strong>Registered On:</strong> 
-                        {{ $customer->created_at ? $customer->created_at->format('d-m-Y') : '-' }}
+                <div class="col">
+                    <div class="d-flex align-items-center mb-2">
+                        <h2 class="fw-bold mb-0 me-3">{{ $customer->customer_name }}</h2>
+                        @if($customer->customer_type == 'premium')
+                            <span class="type-badge badge-premium">
+                                <i class="bi bi-award me-1"></i>Premium
+                            </span>
+                        @else
+                            <span class="type-badge badge-regular">
+                                <i class="bi bi-person me-1"></i>Regular
+                            </span>
+                        @endif
+                    </div>
+                    <p class="text-muted mb-2">
+                        <i class="bi bi-building me-2"></i>
+                        {{ $customer->company_name ?? 'No company specified' }}
                     </p>
-                    <p class="mb-1"><strong>Designation:</strong> 
-                        {{ $customer->designation ?? 'N/A' }}</p>
+                    <div class="d-flex align-items-center gap-3">
+                        <span class="status-badge {{ $customer->status == 'active' ? 'badge-active' : 'badge-inactive' }}">
+                            <i class="bi bi-circle-fill me-1" style="font-size: 0.6rem;"></i>
+                            {{ ucfirst($customer->status) }}
+                        </span>
+                        <span class="text-muted">
+                            <i class="bi bi-calendar me-1"></i>
+                            Joined {{ $customer->created_at ? $customer->created_at->format('M d, Y') : 'N/A' }}
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        {{-- CUSTOMER INFORMATION --}}
+        <div class="row g-4 p-4">
+            {{-- Contact Information --}}
+            <div class="col-md-6 animate-fade-in animation-delay-1">
+                <div class="info-card">
+                    <h6><i class="bi bi-telephone me-2"></i>Contact Information</h6>
+                    <div class="mb-3">
+                        <div class="d-flex align-items-center mb-2">
+                            <i class="bi bi-envelope text-primary me-2"></i>
+                            <strong class="me-2">Email:</strong>
+                            <span>{{ $customer->email }}</span>
+                        </div>
+                        <div class="d-flex align-items-center mb-2">
+                            <i class="bi bi-phone text-primary me-2"></i>
+                            <strong class="me-2">Mobile:</strong>
+                            <span>{{ $customer->mobile_no }}</span>
+                        </div>
+                        <div class="d-flex align-items-center mb-2">
+                            <i class="bi bi-geo-alt text-primary me-2"></i>
+                            <strong class="me-2">Address:</strong>
+                            <span>{{ $customer->address ?? 'N/A' }}</span>
+                        </div>
+                        <div class="d-flex align-items-center">
+                            <i class="bi bi-pin-map text-primary me-2"></i>
+                            <strong class="me-2">Pincode:</strong>
+                            <span>{{ $customer->pincode ?? 'N/A' }}</span>
+                        </div>
+                    </div>
                 </div>
             </div>
 
+            {{-- Account Information --}}
+            <div class="col-md-6 animate-fade-in animation-delay-2">
+                <div class="info-card">
+                    <h6><i class="bi bi-person-badge me-2"></i>Account Information</h6>
+                    <div class="mb-3">
+                        <div class="d-flex align-items-center mb-2">
+                            <i class="bi bi-id-card text-primary me-2"></i>
+                            <strong class="me-2">Customer ID:</strong>
+                            <code class="bg-light px-2 py-1 rounded">{{ $customer->customer_id }}</code>
+                        </div>
+                        <div class="d-flex align-items-center mb-2">
+                            <i class="bi bi-calendar-check text-primary me-2"></i>
+                            <strong class="me-2">Registered On:</strong>
+                            <span>{{ $customer->created_at ? $customer->created_at->format('d M, Y') : '-' }}</span>
+                        </div>
+                        <div class="d-flex align-items-center">
+                            <i class="bi bi-briefcase text-primary me-2"></i>
+                            <strong class="me-2">Designation:</strong>
+                            <span>{{ $customer->designation ?? 'N/A' }}</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 
     {{-- STATISTICS --}}
-    <div class="row mb-4">
-
+    <div class="row g-4 mb-4">
         {{-- Total Orders --}}
-        <div class="col-md-4">
-            <div class="card shadow-sm">
-                <div class="card-body text-center">
-                    <h5 class="fw-bold">{{ $totalOrders }}</h5>
-                    <p class="text-muted mb-0">Total Orders</p>
+        <div class="col-md-4 animate-fade-in animation-delay-1">
+            <div class="stats-card orders">
+                <div class="stats-icon">
+                    <i class="bi bi-cart-check"></i>
                 </div>
+                <div class="stats-value">{{ $totalOrders }}</div>
+                <div class="stats-label">Total Orders</div>
             </div>
         </div>
 
         {{-- Total Amount --}}
-        <div class="col-md-4">
-            <div class="card shadow-sm">
-                <div class="card-body text-center">
-                    <h5 class="fw-bold">₹{{ number_format($totalAmount, 2) }}</h5>
-                    <p class="text-muted mb-0">Total Amount Spent</p>
+        <div class="col-md-4 animate-fade-in animation-delay-2">
+            <div class="stats-card amount">
+                <div class="stats-icon">
+                    <i class="bi bi-currency-rupee"></i>
                 </div>
+                <div class="stats-value">₹{{ number_format($totalAmount, 2) }}</div>
+                <div class="stats-label">Total Amount Spent</div>
             </div>
         </div>
 
         {{-- Mark Count --}}
-        <div class="col-md-4">
-            <div class="card shadow-sm">
-                <div class="card-body text-center">
-                    <h5 class="fw-bold">{{ $customer->marks->count() }}</h5>
-                    <p class="text-muted mb-0">Total Mark Numbers</p>
+        <div class="col-md-4 animate-fade-in animation-delay-3">
+            <div class="stats-card marks">
+                <div class="stats-icon">
+                    <i class="bi bi-hash"></i>
                 </div>
+                <div class="stats-value">{{ $customer->marks->count() }}</div>
+                <div class="stats-label">Mark Numbers</div>
             </div>
         </div>
-
     </div>
 
-    {{-- MARK LIST --}}
-    <div class="card shadow-sm mb-4">
-        <div class="card-header bg-light">
-            <strong>Customer Mark Numbers</strong>
+    {{-- MARK NUMBERS SECTION --}}
+    <div class="marks-section animate-fade-in animation-delay-4">
+        <div class="section-header">
+            <h5>
+                <i class="bi bi-hash"></i>
+                Customer Mark Numbers
+                <span class="badge bg-primary ms-2">{{ $customer->marks->count() }}</span>
+            </h5>
         </div>
-        <div class="card-body">
+        
+        <div class="section-body">
             @if($customer->marks->count() == 0)
-                <p class="text-muted">No mark numbers found.</p>
+                <div class="text-center py-5">
+                    <i class="bi bi-inbox display-4 text-muted mb-3"></i>
+                    <p class="text-muted mb-0">No mark numbers found for this customer.</p>
+                </div>
             @else
-                <ul class="list-group">
-                    @foreach($customer->marks as $mark)
-                        <li class="list-group-item">
-                            <strong>{{ $mark->mark_no }}</strong>  
-                            <span class="text-muted">({{ $mark->origin }} → {{ $mark->destination }})</span>
-                        </li>
-                    @endforeach
-                </ul>
+                @foreach($customer->marks as $index => $mark)
+                    <div class="mark-item" style="animation-delay: {{ $index * 0.1 }}s">
+                        <div class="mark-badge">
+                            <i class="bi bi-tag me-1"></i>{{ $mark->mark_no }}
+                        </div>
+                        <div class="mark-route">
+                            <i class="bi bi-arrow-right me-1"></i>
+                            {{ $mark->origin }} → {{ $mark->destination }}
+                        </div>
+                    </div>
+                @endforeach
             @endif
         </div>
     </div>
 
-    <!-- {{-- RECENT ORDERS --}}
-    <div class="card shadow-sm mb-4">
-        <div class="card-header bg-light">
-            <strong>Recent Orders</strong>
-        </div>
-
-        <div class="card-body p-0">
-            @if($recentOrders->count() == 0)
-                <p class="p-3 text-muted">No recent orders found.</p>
-            @else
-                <table class="table table-bordered mb-0">
-                    <thead>
-                        <tr>
-                            <th>Order ID</th>
-                            <th>Mark No</th>
-                            <th>Total Amount</th>
-                            <th>Date</th>
-                            <th>View</th>
-                        </tr>
-                    </thead>
-
-                    <tbody>
-                        @foreach($recentOrders as $o)
-                        <tr>
-                            <td>{{ $o->order_id }}</td>
-                            <td>{{ $o->mark_no }}</td>
-                            <td>₹{{ number_format($o->ttl_amount, 2) }}</td>
-                            <td>{{ $o->created_at->format('d-m-Y') }}</td>
-                            <td>
-                                <a href="{{ route('admin.orders.show', $o->id) }}" 
-                                   class="btn btn-sm btn-primary">
-                                    <i class="bi bi-eye"></i>
-                                </a>
-                            </td>
-                        </tr>
-                        @endforeach
-                    </tbody>
-
-                </table>
-            @endif
-        </div>
-    </div> -->
-
 </div>
 
-@endsection
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    // Add hover effects to interactive elements
+    const interactiveElements = document.querySelectorAll('.info-card, .stats-card, .mark-item');
+    
+    interactiveElements.forEach(element => {
+        element.addEventListener('mouseenter', function() {
+            this.style.transform = this.classList.contains('mark-item') ? 'translateX(5px)' : 'translateY(-5px)';
+        });
+        
+        element.addEventListener('mouseleave', function() {
+            this.style.transform = 'translateY(0)';
+        });
+    });
+
+    // Add loading animation to stats cards
+    const statsValues = document.querySelectorAll('.stats-value');
+    statsValues.forEach(value => {
+        const originalText = value.textContent;
+        value.textContent = '0';
+        
+        setTimeout(() => {
+            value.textContent = originalText;
+            value.style.transform = 'scale(1.1)';
+            setTimeout(() => {
+                value.style.transform = 'scale(1)';
+            }, 300);
+        }, 500);
+    });
+});
+</script>
+
+@endsection

resources/views/admin/invoice_edit.blade.php

@@ -3,87 +3,828 @@
 @section('page-title', 'Edit Invoice')
 
 @section('content')
+<style>
+/* --------------------------------------------------
+   GLOBAL VARIABLES & THEME
+-------------------------------------------------- */
+:root {
+    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
+    --danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+    --glass-bg: rgba(255, 255, 255, 0.95);
+    --glass-border: rgba(255, 255, 255, 0.2);
+    --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.08);
+    --shadow-medium: 0 12px 48px rgba(0, 0, 0, 0.12);
+    --shadow-strong: 0 20px 60px rgba(0, 0, 0, 0.15);
+    --border-radius: 12px;
+}
 
-<div class="card shadow-sm">
-    <div class="card-header bg-light">
-        <h4>Edit Invoice</h4>
+/* --------------------------------------------------
+   GLOBAL STYLES & ANIMATIONS
+-------------------------------------------------- */
+body {
+    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
+}
+
+@keyframes fadeUp {
+    0% { opacity: 0; transform: translateY(20px) scale(0.98); }
+    100% { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+/* --------------------------------------------------
+   COMPACT CARD DESIGN
+-------------------------------------------------- */
+.glass-card {
+    background: var(--glass-bg);
+    backdrop-filter: blur(20px);
+    border-radius: var(--border-radius);
+    border: 1px solid var(--glass-border);
+    box-shadow: var(--shadow-strong);
+    position: relative;
+    overflow: hidden;
+    animation: fadeUp 0.6s ease;
+    margin-bottom: 1.5rem;
+}
+
+.glass-card::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(45deg,
+        rgba(102, 126, 234, 0.03),
+        rgba(118, 75, 162, 0.03) 50%,
+        rgba(16, 185, 129, 0.03));
+    pointer-events: none;
+}
+
+/* --------------------------------------------------
+   COMPACT CARD HEADER
+-------------------------------------------------- */
+.card-header-compact {
+    background: var(--primary-gradient);
+    color: #fff;
+    padding: 1rem 1.5rem;
+    border: none;
+    position: relative;
+    overflow: hidden;
+}
+
+.card-header-compact h4 {
+    margin: 0;
+    font-weight: 700;
+    font-size: 1.3rem;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+/* --------------------------------------------------
+   COMPACT CARD BODY
+-------------------------------------------------- */
+.card-body-compact {
+    padding: 1.5rem;
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    position: relative;
+    z-index: 1;
+}
+
+/* --------------------------------------------------
+   COMPACT FORM ELEMENTS
+-------------------------------------------------- */
+.form-grid-compact {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+}
+
+.form-group-compact {
+    position: relative;
+}
+
+.form-label-compact {
+    font-weight: 600;
+    color: #374151;
+    margin-bottom: 8px;
+    font-size: 0.9rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.form-control-compact, .form-select-compact {
+    border: 2px solid #e2e8f0;
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 0.9rem;
+    transition: all 0.3s ease;
+    background: white;
+    width: 100%;
+}
+
+.form-control-compact:focus, .form-select-compact:focus {
+    border-color: #667eea;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+    outline: none;
+}
+
+/* --------------------------------------------------
+   COMPACT BUTTONS
+-------------------------------------------------- */
+.btn-compact {
+    padding: 10px 20px;
+    border-radius: 8px;
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: all 0.3s ease;
+    border: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    text-decoration: none;
+}
+
+.btn-success-compact {
+    background: var(--success-gradient);
+    color: white;
+    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
+}
+
+.btn-success-compact:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
+    color: white;
+}
+
+.btn-primary-compact {
+    background: var(--primary-gradient);
+    color: white;
+    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
+}
+
+.btn-primary-compact:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
+    color: white;
+}
+
+.btn-danger-compact {
+    background: var(--danger-gradient);
+    color: white;
+    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
+}
+
+.btn-danger-compact:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
+    color: white;
+}
+
+/* --------------------------------------------------
+   COMPACT SUMMARY CARDS
+-------------------------------------------------- */
+.summary-grid-compact {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+}
+
+.summary-card-compact {
+    background: white;
+    padding: 1rem;
+    border-radius: 8px;
+    box-shadow: var(--shadow-soft);
+    border-left: 4px solid;
+    text-align: center;
+}
+
+.summary-card-compact.total { border-left-color: #10b981; }
+.summary-card-compact.paid { border-left-color: #3b82f6; }
+.summary-card-compact.remaining { border-left-color: #f59e0b; }
+
+.summary-value-compact {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 0.25rem;
+}
+
+.summary-label-compact {
+    font-size: 0.8rem;
+    color: #64748b;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+/* --------------------------------------------------
+   COMPACT AMOUNT BREAKDOWN
+-------------------------------------------------- */
+.amount-breakdown-compact {
+    background: white;
+    padding: 1rem;
+    border-radius: 8px;
+    box-shadow: var(--shadow-soft);
+    margin-bottom: 1.5rem;
+}
+
+.breakdown-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.5rem 0;
+    border-bottom: 1px solid #f1f5f9;
+}
+
+.breakdown-row:last-child {
+    border-bottom: none;
+}
+
+.breakdown-label {
+    font-weight: 600;
+    color: #374151;
+    font-size: 0.9rem;
+}
+
+.breakdown-value {
+    font-weight: 600;
+    font-size: 0.9rem;
+}
+
+/* --------------------------------------------------
+   COMPACT TABLE
+-------------------------------------------------- */
+.table-compact {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 0;
+    font-size: 0.85rem;
+}
+
+.table-compact thead th {
+    background: var(--primary-gradient);
+    color: white;
+    padding: 0.75rem 1rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 0.8rem;
+    border: none;
+}
+
+.table-compact tbody tr {
+    background: white;
+    transition: all 0.2s ease;
+}
+
+.table-compact tbody tr:hover {
+    background: #f8fafc;
+}
+
+.table-compact tbody td {
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid #e2e8f0;
+    vertical-align: middle;
+}
+
+/* --------------------------------------------------
+   BADGE STYLES
+-------------------------------------------------- */
+.badge-compact {
+    padding: 0.25rem 0.75rem;
+    border-radius: 20px;
+    font-size: 0.75rem;
+    font-weight: 600;
+}
+
+/* --------------------------------------------------
+   RESPONSIVE DESIGN
+-------------------------------------------------- */
+@media (max-width: 768px) {
+    .glass-card {
+        margin: 0.5rem;
+        border-radius: 10px;
+    }
+    
+    .card-body-compact {
+        padding: 1rem;
+    }
+    
+    .form-grid-compact {
+        grid-template-columns: 1fr;
+        gap: 0.75rem;
+    }
+    
+    .summary-grid-compact {
+        grid-template-columns: 1fr;
+        gap: 0.75rem;
+    }
+    
+    .btn-compact {
+        width: 100%;
+        justify-content: center;
+    }
+    
+    .table-compact {
+        font-size: 0.8rem;
+    }
+}
+</style>
+
+<!-- Main Container -->
+<div class="container-fluid py-3">
+    
+    <!-- Invoice Preview Section -->
+    <div class="glass-card">
+        <div class="card-header-compact">
+            <h4>
+                <i class="fas fa-file-invoice me-2"></i>Invoice Overview
+            </h4>
+        </div>
+        <div class="card-body-compact">
+            @include('admin.popup_invoice', [
+                'invoice' => $invoice,
+                'shipment' => $shipment,
+                'embedded' => true
+            ])
+        </div>
     </div>
 
-    <div class="card-body">
+    <!-- Edit Invoice Form -->
+    <div class="glass-card">
+        <div class="card-header-compact">
+            <h4>
+                <i class="fas fa-edit me-2"></i>Edit Invoice Details
+            </h4>
+        </div>
+        <div class="card-body-compact">
+            <form action="{{ route('admin.invoices.update', $invoice->id) }}" method="POST">
+                @csrf
+                
+                <div class="form-grid-compact">
+                    <!-- Invoice Date -->
+                    <div class="form-group-compact">
+                        <label class="form-label-compact">
+                            <i class="fas fa-calendar-day"></i>
+                            Invoice Date
+                        </label>
+                        <input type="date" class="form-control-compact" name="invoice_date"
+                               value="{{ $invoice->invoice_date }}" required>
+                    </div>
 
-        <form action="{{ route('admin.invoices.update', $invoice->id) }}" method="POST">
-            @csrf
+                    <!-- Due Date -->
+                    <div class="form-group-compact">
+                        <label class="form-label-compact">
+                            <i class="fas fa-clock"></i>
+                            Due Date
+                        </label>
+                        <input type="date" class="form-control-compact" name="due_date"
+                               value="{{ $invoice->due_date }}" required>
+                    </div>
 
-            <div class="row g-3">
+                    <!-- Final Amount -->
+                    <div class="form-group-compact">
+                        <label class="form-label-compact">
+                            <i class="fas fa-money-bill-wave"></i>
+                            Final Amount (₹)
+                        </label>
+                        <input type="number" step="0.01" class="form-control-compact" name="final_amount"
+                               value="{{ $invoice->final_amount }}" required>
+                    </div>
 
-                <div class="col-md-4">
-                    <label class="form-label">Invoice Date</label>
-                    <input type="date" class="form-control" 
-                           name="invoice_date" 
-                           value="{{ $invoice->invoice_date }}" required>
+                    <!-- Tax Type -->
+                    <div class="form-group-compact">
+                        <label class="form-label-compact">
+                            <i class="fas fa-receipt"></i>
+                            Tax Type
+                        </label>
+                        <div class="d-flex gap-3 mt-1">
+                            <div class="form-check">
+                                <input class="form-check-input" type="radio" name="tax_type" 
+                                       value="gst" @checked($invoice->tax_type === 'gst')>
+                                <label class="form-check-label fw-semibold">GST</label>
+                            </div>
+                            <div class="form-check">
+                                <input class="form-check-input" type="radio" name="tax_type" 
+                                       value="igst" @checked($invoice->tax_type === 'igst')>
+                                <label class="form-check-label fw-semibold">IGST</label>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Tax Percentage -->
+                    <div class="form-group-compact">
+                        <label class="form-label-compact">
+                            <i class="fas fa-percentage"></i>
+                            Tax Percentage (%)
+                        </label>
+                        <input type="number" step="0.01" min="0" max="28" class="form-control-compact"
+                               name="tax_percent"
+                               value="{{ old('tax_percent', $invoice->tax_type == 'gst' ? $invoice->cgst_percent + $invoice->sgst_percent : $invoice->igst_percent) }}"
+                               required>
+                    </div>
+
+                    <!-- Status -->
+                    <div class="form-group-compact">
+                        <label class="form-label-compact">
+                            <i class="fas fa-tasks"></i>
+                            Status
+                        </label>
+                        <select class="form-select-compact" name="status" required>
+                            <option value="pending" @selected($invoice->status=='pending')>⏳ Pending</option>
+                            <option value="paid" @selected($invoice->status=='paid')>✅ Paid</option>
+                            <option value="overdue" @selected($invoice->status=='overdue')>⚠️ Overdue</option>
+                        </select>
+                    </div>
+
+                    <!-- Notes -->
+                    <div class="form-group-compact" style="grid-column: 1 / -1;">
+                        <label class="form-label-compact">
+                            <i class="fas fa-sticky-note"></i>
+                            Notes
+                        </label>
+                        <textarea class="form-control-compact" rows="3" name="notes" 
+                                  placeholder="Add any additional notes...">{{ $invoice->notes }}</textarea>
+                    </div>
                 </div>
 
-                <div class="col-md-4">
-                    <label class="form-label">Due Date</label>
-                    <input type="date" class="form-control" 
-                           name="due_date" 
-                           value="{{ $invoice->due_date }}" required>
-                </div>
-
-                <div class="col-md-4">
-                    <label class="form-label">Payment Method</label>
-                    <input type="text" class="form-control" 
-                           name="payment_method" 
-                           value="{{ $invoice->payment_method }}">
-                </div>
-
-                <div class="col-md-4">
-                    <label class="form-label">Reference No</label>
-                    <input type="text" class="form-control" 
-                           name="reference_no" 
-                           value="{{ $invoice->reference_no }}">
-                </div>
-
-                <div class="col-md-4">
-                    <label class="form-label">Final Amount (Editable)</label>
-                    <input type="number" step="0.01" class="form-control" 
-                           name="final_amount" 
-                           value="{{ $invoice->final_amount }}" required>
-                </div>
-
-                <div class="col-md-4">
-                    <label class="form-label">GST Percentage</label>
-                    <input type="number" step="0.01" class="form-control" 
-                           name="gst_percent"
-                           value="{{ $invoice->gst_percent }}" required>
-                </div>
-
-                <div class="col-md-4">
-                    <label class="form-label">Status</label>
-                    <select class="form-select" name="status" required>
-                        <option value="pending" @selected($invoice->status=='pending')>Pending</option>
-                        <option value="paid" @selected($invoice->status=='paid')>Paid</option>
-                        <option value="overdue" @selected($invoice->status=='overdue')>Overdue</option>
-                    </select>
-                </div>
-
-                <div class="col-md-12">
-                    <label class="form-label">Notes</label>
-                    <textarea class="form-control" rows="3" name="notes">
-                        {{ $invoice->notes }}
-                    </textarea>
-                </div>
-
-                <div class="col-md-12 text-end mt-3">
-                    <button type="submit" class="btn btn-success">
-                        Update Invoice
+                <div class="text-end mt-3">
+                    @can('invoice.edit')
+                    <button type="submit" class="btn-success-compact btn-compact">
+                        <i class="fas fa-save me-2"></i>Update Invoice
                     </button>
+                    @endcan
                 </div>
+            </form>
+        </div>
+    </div>
 
+    @php
+        $totalPaid = $invoice->installments->sum('amount');
+        $remaining = $invoice->final_amount_with_gst - $totalPaid;
+    @endphp
+
+    <!-- Amount Breakdown -->
+    <div class="amount-breakdown-compact">
+        <h6 class="fw-bold mb-3 text-dark">
+            <i class="fas fa-calculator me-2"></i>Amount Breakdown
+        </h6>
+        
+        <div class="breakdown-row">
+            <span class="breakdown-label">Total Amount (Before Tax):</span>
+            <span class="breakdown-value">₹{{ number_format($invoice->final_amount, 2) }}</span>
+        </div>
+        
+        <div class="breakdown-row">
+            <span class="breakdown-label">Tax Type:</span>
+            <span class="breakdown-value text-primary">
+                @if($invoice->tax_type === 'gst')
+                    GST (CGST + SGST)
+                @else
+                    IGST
+                @endif
+            </span>
+        </div>
+        
+        <div class="breakdown-row">
+            <span class="breakdown-label">Tax Percentage:</span>
+            <span class="breakdown-value text-primary">
+                @if($invoice->tax_type === 'gst')
+                    {{ $invoice->cgst_percent + $invoice->sgst_percent }}%
+                @else
+                    {{ $invoice->igst_percent }}%
+                @endif
+            </span>
+        </div>
+        
+        <div class="breakdown-row">
+            <span class="breakdown-label">GST Amount:</span>
+            <span class="breakdown-value text-warning">₹{{ number_format($invoice->gst_amount, 2) }}</span>
+        </div>
+        
+        <div class="breakdown-row" style="border-top: 2px solid #e2e8f0; padding-top: 0.75rem;">
+            <span class="breakdown-label fw-bold">Total Invoice Amount (Including GST):</span>
+            <span class="breakdown-value fw-bold text-dark">₹{{ number_format($invoice->final_amount_with_gst, 2) }}</span>
+        </div>
+        
+        <div class="breakdown-row">
+            <span class="breakdown-label text-success">Total Paid:</span>
+            <span class="breakdown-value fw-bold text-success" id="paidAmount">₹{{ number_format($totalPaid, 2) }}</span>
+        </div>
+        
+        <div class="breakdown-row" style="border-bottom: none;">
+            <span class="breakdown-label text-danger">Remaining:</span>
+            <span class="breakdown-value fw-bold text-danger" id="remainingAmount">₹{{ number_format($remaining, 2) }}</span>
+        </div>
+    </div>
+
+    <!-- Installment Summary -->
+    <div class="summary-grid-compact">
+        <div class="summary-card-compact total">
+            <div class="summary-value-compact text-success">₹{{ number_format($invoice->final_amount_with_gst, 2) }}</div>
+            <div class="summary-label-compact">Total Amount</div>
+        </div>
+        <div class="summary-card-compact paid">
+            <div class="summary-value-compact text-primary">₹{{ number_format($totalPaid, 2) }}</div>
+            <div class="summary-label-compact">Total Paid</div>
+        </div>
+        <div class="summary-card-compact remaining">
+            <div class="summary-value-compact text-warning">₹{{ number_format($remaining, 2) }}</div>
+            <div class="summary-label-compact">Remaining</div>
+        </div>
+    </div>
+
+    <!-- Installment Management -->
+    <div class="glass-card">
+        <div class="card-header-compact d-flex justify-content-between align-items-center">
+            <h4>
+                <i class="fas fa-credit-card me-2"></i>Installment Payments
+            </h4>
+            @can('invoice.add_installment')
+                @if($remaining > 0)
+                <button id="toggleInstallmentForm" class="btn-primary-compact btn-compact">
+                    <i class="fas fa-plus-circle me-2"></i>Add Installment
+                </button>
+                @endif
+            @endcan
+        </div>
+
+        <div class="card-body-compact">
+            <!-- Installment Form -->
+            <div id="installmentForm" class="d-none mb-3">
+                <div class="glass-card" style="background: rgba(248, 250, 252, 0.8);">
+                    <div class="card-header-compact" style="background: var(--success-gradient);">
+                        <h4>
+                            <i class="fas fa-plus-circle me-2"></i>Add New Installment
+                        </h4>
+                    </div>
+                    <div class="card-body-compact">
+                        <form id="installmentSubmitForm">
+                            @csrf
+                            <div class="form-grid-compact">
+                                <div class="form-group-compact">
+                                    <label class="form-label-compact">
+                                        <i class="fas fa-calendar-day"></i>
+                                        Installment Date
+                                    </label>
+                                    <input type="date" name="installment_date" class="form-control-compact" required>
+                                </div>
+
+                                <div class="form-group-compact">
+                                    <label class="form-label-compact">
+                                        <i class="fas fa-credit-card"></i>
+                                        Payment Method
+                                    </label>
+                                    <select name="payment_method" class="form-select-compact" required>
+                                        <option value="cash">💵 Cash</option>
+                                        <option value="bank">🏦 Bank Transfer</option>
+                                        <option value="upi">📱 UPI</option>
+                                        <option value="cheque">🧾 Cheque</option>
+                                    </select>
+                                </div>
+
+                                <div class="form-group-compact">
+                                    <label class="form-label-compact">
+                                        <i class="fas fa-hashtag"></i>
+                                        Reference No
+                                    </label>
+                                    <input type="text" name="reference_no" class="form-control-compact" 
+                                           placeholder="Enter reference number">
+                                </div>
+
+                                <div class="form-group-compact">
+                                    <label class="form-label-compact">
+                                        <i class="fas fa-money-bill-wave"></i>
+                                        Amount (₹)
+                                    </label>
+                                    <input type="number" name="amount" id="installmentAmount" 
+                                           class="form-control-compact" step="0.01" min="1" 
+                                           max="{{ $remaining }}" required
+                                           placeholder="Enter installment amount">
+                                </div>
+                            </div>
+
+                            <div class="text-end mt-2">
+                                <button type="submit" class="btn-success-compact btn-compact" id="installmentSubmitBtn">
+                                    <i class="fas fa-paper-plane me-2"></i>Submit Installment
+                                </button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
             </div>
-        </form>
 
+            <!-- Installment History -->
+            <h6 class="fw-bold mb-2 text-dark">
+                <i class="fas fa-history me-2"></i>Installment History
+            </h6>
+            <div class="table-responsive">
+                <table class="table-compact">
+                    <thead>
+                        <tr>
+                            <th>#</th>
+                            <th>Date</th>
+                            <th>Payment Method</th>
+                            <th>Reference No</th>
+                            <th>Amount</th>
+                            <th>Action</th>
+                        </tr>
+                    </thead>
+                    <tbody id="installmentTable">
+                        @foreach($invoice->installments as $i)
+                        <tr data-id="{{ $i->id }}">
+                            <td class="fw-bold text-muted">{{ $loop->iteration }}</td>
+                            <td>{{ $i->installment_date }}</td>
+                            <td>
+                                <span class="badge-compact bg-primary bg-opacity-10 text-primary">
+                                    {{ ucfirst($i->payment_method) }}
+                                </span>
+                            </td>
+                            <td>
+                                @if($i->reference_no)
+                                <span class="text-muted">{{ $i->reference_no }}</span>
+                                @else
+                                <span class="text-muted">-</span>
+                                @endif
+                            </td>
+                            <td class="fw-bold text-success">₹{{ number_format($i->amount, 2) }}</td>
+                            <td>
+                                <button class="btn-danger-compact btn-compact btn-sm deleteInstallment">
+                                    <i class="fas fa-trash me-1"></i>Delete
+                                </button>
+                            </td>
+                        </tr>
+                        @endforeach
+                    </tbody>
+                </table>
+            </div>
+        </div>
     </div>
 </div>
 
-@endsection
+<!-- Add this just above the table -->
+<div id="noInstallmentsMsg" class="d-none text-center text-muted fw-bold py-4">
+    No installments found. Click "Add Installment" to create one.
+</div>
+<table ...>
+    <tbody id="installmentTable">
+        @foreach($invoice->installments as $i)
+        ...
+        @endforeach
+    </tbody>
+</table>
+
+<script>
+document.addEventListener("DOMContentLoaded", function () {
+    // Toggle Installment Form
+    const toggleBtn = document.getElementById("toggleInstallmentForm");
+    const formBox = document.getElementById("installmentForm");
+
+    if (toggleBtn) {
+        toggleBtn.addEventListener("click", () => {
+            formBox.classList.toggle("d-none");
+        });
+    }
+
+    // Add Installment
+    const submitForm = document.getElementById("installmentSubmitForm");
+    const submitBtn = document.getElementById("installmentSubmitBtn");
+
+    const formatINR = amt =>
+        "₹" + Number(amt).toLocaleString("en-IN", {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2
+        });
+
+    submitForm.addEventListener("submit", function (e) {
+        e.preventDefault();
+
+        submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Processing...';
+        submitBtn.disabled = true;
+
+        fetch("{{ route('admin.invoice.installment.store', $invoice->id) }}", {
+            method: "POST",
+            headers: {
+                "X-CSRF-TOKEN": submitForm.querySelector("input[name=_token]").value,
+                "Accept": "application/json"
+            },
+            body: new FormData(submitForm)
+        })
+        .then(res => res.json())
+        .then(data => {
+            submitBtn.innerHTML = '<i class="fas fa-paper-plane me-2"></i>Submit Installment';
+            submitBtn.disabled = false;
+
+            if (data.status === "error") {
+                alert(data.message);
+                return;
+            }
+
+            const table = document.querySelector("#installmentTable");
+            const index = table.rows.length + 1;
+
+            table.insertAdjacentHTML("beforeend", `
+                <tr data-id="${data.installment.id}">
+                    <td class="fw-bold text-muted">${index}</td>
+                    <td>${data.installment.installment_date}</td>
+                    <td>
+                        <span class="badge-compact bg-primary bg-opacity-10 text-primary">
+                            ${data.installment.payment_method.toUpperCase()}
+                        </span>
+                    </td>
+                    <td>${data.installment.reference_no || '-'}</td>
+                    <td class="fw-bold text-success">${formatINR(data.installment.amount)}</td>
+                    <td>
+                        <button class="btn-danger-compact btn-compact btn-sm deleteInstallment">
+                            <i class="fas fa-trash me-1"></i>Delete
+                        </button>
+                    </td>
+                </tr>
+            `);
+
+            // Update all displayed values using GST fields!
+            if (document.getElementById("paidAmount")) document.getElementById("paidAmount").textContent = formatINR(data.totalPaid);
+            if (document.getElementById("remainingAmount")) document.getElementById("remainingAmount").textContent = formatINR(data.remaining);
+            if (document.getElementById("baseAmount")) document.getElementById("baseAmount").textContent = formatINR(data.baseAmount);
+            if (document.getElementById("gstAmount")) document.getElementById("gstAmount").textContent = formatINR(data.gstAmount);
+            if (document.getElementById("totalInvoiceWithGst")) document.getElementById("totalInvoiceWithGst").textContent = formatINR(data.finalAmountWithGst);
+            if (document.getElementById("invoiceStatus")) document.getElementById("invoiceStatus").textContent = data.isCompleted ? "Paid" : "Pending";
+
+            // Update summary cards if used
+            const paidCard = document.querySelector(".summary-card-compact.paid .summary-value-compact");
+            if (paidCard) paidCard.textContent = formatINR(data.totalPaid);
+            const remainingCard = document.querySelector(".summary-card-compact.remaining .summary-value-compact");
+            if (remainingCard) remainingCard.textContent = formatINR(data.remaining);
+
+            submitForm.reset();
+
+            // If fully paid, disable/add display logic
+            if (data.isCompleted) {
+                toggleBtn?.remove();
+                formBox.classList.add("d-none");
+            }
+
+            alert(data.message);
+        })
+        .catch(() => {
+            submitBtn.innerHTML = '<i class="fas fa-paper-plane me-2"></i>Submit Installment';
+            submitBtn.disabled = false;
+            alert("Something went wrong. Please try again.");
+        });
+    });
+
+    // Delete Installment
+    document.addEventListener("click", function (e) {
+        if (!e.target.classList.contains("deleteInstallment")) return;
+
+        if (!confirm("Are you sure you want to delete this installment?")) return;
+
+        const row = e.target.closest("tr");
+        const id = row.getAttribute("data-id");
+
+        fetch("{{ url('/admin/installment') }}/" + id, {
+            method: "DELETE",
+            headers: {
+                "X-CSRF-TOKEN": "{{ csrf_token() }}",
+                "Accept": "application/json"
+            }
+        })
+        .then(res => res.json())
+        .then(data => {
+            if (data.status === "success") {
+                row.style.opacity = "0";
+                setTimeout(() => row.remove(), 300);
+
+                // Update all displayed values using GST fields!
+                if (document.getElementById("paidAmount")) document.getElementById("paidAmount").textContent = formatINR(data.totalPaid);
+                if (document.getElementById("remainingAmount")) document.getElementById("remainingAmount").textContent = formatINR(data.remaining);
+                if (document.getElementById("baseAmount")) document.getElementById("baseAmount").textContent = formatINR(data.baseAmount);
+                if (document.getElementById("gstAmount")) document.getElementById("gstAmount").textContent = formatINR(data.gstAmount);
+                if (document.getElementById("totalInvoiceWithGst")) document.getElementById("totalInvoiceWithGst").textContent = formatINR(data.finalAmountWithGst);
+                if (document.getElementById("invoiceStatus")) document.getElementById("invoiceStatus").textContent = data.remaining === 0 ? "Paid" : "Pending";
+
+                // Update summary cards
+                const paidCard = document.querySelector(".summary-card-compact.paid .summary-value-compact");
+                if (paidCard) paidCard.textContent = formatINR(data.totalPaid);
+                const remainingCard = document.querySelector(".summary-card-compact.remaining .summary-value-compact");
+                if (remainingCard) remainingCard.textContent = formatINR(data.remaining);
+
+                
+
+                alert(data.message);
+            } else {
+                alert(data.message || "Something went wrong. Please try again.");
+            }
+        })
+        .catch(() => {
+            alert("Something went wrong. Please try again.");
+        });
+    });
+});
+</script>
+
+
+@endsection

resources/views/admin/layouts/app.blade.php

@@ -5,6 +5,10 @@
   <title>Admin Panel</title>
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+
   <style>
     body {
       margin: 0;
@@ -13,11 +17,12 @@
       font-family: 'Inter', Arial, sans-serif;
       display: flex;
       flex-direction: row;
+      transition: all 0.3s ease-in-out;
     }
 
     /* ✨ Sidebar Glass + Animated Highlight Effect */
     .sidebar {
-      width: 190px;
+      width: 200px;
       height: 100vh;
       background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(232, 240, 255, 0.95)) !important;
       box-shadow: 2px 0 25px rgba(0, 0, 0, 0.08);
@@ -29,6 +34,16 @@
       display: flex;
       flex-direction: column;
       transition: all 0.3s ease-in-out;
+      position: fixed;
+      top: 0;
+      left: 0;
+    }
+
+    /* Sidebar collapsed state */
+    .sidebar.collapsed {
+      transform: translateX(-100%);
+      opacity: 0;
+      visibility: hidden;
     }
 
     .sidebar .logo {
@@ -65,7 +80,6 @@
       overflow: hidden;
       transition: all 0.25s ease;
       z-index: 0;
-      
     }
 
     /* Background Animation */
@@ -126,6 +140,7 @@
       margin-top: 12px;
       font-weight: 500;
       transition: 0.3s ease;
+      margin-bottom: 20px;
     }
 
     .sidebar form button:hover {
@@ -141,6 +156,40 @@
       display: flex;
       flex-direction: column;
       width: calc(100vw - 190px);
+      margin-left: 190px;
+      transition: all 0.3s ease-in-out;
+    }
+
+    /* Main content when sidebar is collapsed */
+    .main-content.expanded {
+      margin-left: 0;
+      width: 100vw;
+    }
+
+    /* Header hamburger button */
+    .header-toggle {
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      padding: 8px;
+      margin-right: 15px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: transform 0.3s ease;
+      width: 40px;
+      height: 40px;
+      border-radius: 8px;
+    }
+
+    .header-toggle:hover {
+      transform: scale(1.1);
+      background: rgba(43, 92, 182, 0.1);
+    }
+
+    .header-toggle i {
+      font-size: 1.6rem;
+      color: #2b5cb6;
     }
 
     header {
@@ -155,8 +204,13 @@
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     }
 
+    .header-left {
+      display: flex;
+      align-items: center;
+    }
+
     .content-wrapper {
-      padding: 18px 16px 0 16px;
+      padding: 18px 16px 16px 16px;
       flex-grow: 1;
       overflow-y: auto;
     }
@@ -174,44 +228,96 @@
       <div class="word"><strong>KENT</strong><br /><small>International Pvt. Ltd.</small></div>
     </div>
 
-    <a href="{{ route('admin.dashboard') }}" class="{{ request()->routeIs('admin.dashboard') ? 'active' : '' }}"><i class="bi bi-house"></i> Dashboard</a>
-    <a href="{{ route('admin.shipments') }}" class="{{ request()->routeIs('admin.shipments') ? 'active' : '' }}"><i class="bi bi-truck"></i> Shipments</a>
-   <a href="{{ route('admin.invoices.index') }}" 
-      class="{{ request()->routeIs('admin.invoices.index') ? 'active' : '' }}">
+    {{-- Dashboard (requires order.view) --}}
+    @can('order.view')
+    <a href="{{ route('admin.dashboard') }}" class="{{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
+      <i class="bi bi-house"></i> Dashboard
+    </a>
+    @endcan
+
+    {{-- Shipments --}}
+    @can('shipment.view')
+    <a href="{{ route('admin.shipments') }}" class="{{ request()->routeIs('admin.shipments') ? 'active' : '' }}">
+      <i class="bi bi-truck"></i> Shipments
+    </a>
+    @endcan
+
+    {{-- Invoice --}}
+    @can('invoice.view')
+    <a href="{{ route('admin.invoices.index') }}" class="{{ request()->routeIs('admin.invoices.index') ? 'active' : '' }}">
       <i class="bi bi-receipt"></i> Invoice
     </a>
+    @endcan
 
-    <a href="{{ route('admin.customers.index') }}" 
-      class="{{ request()->routeIs('admin.customers.index') ? 'active' : '' }}">
+    {{-- Customers --}}
+    @can('customer.view')
+    <a href="{{ route('admin.customers.index') }}" class="{{ request()->routeIs('admin.customers.index') ? 'active' : '' }}">
       <i class="bi bi-people"></i> Customers
     </a>
+    @endcan
 
-    <a href="{{ route('admin.reports') }}" 
-      class="{{ request()->routeIs('admin.reports') ? 'active' : '' }}">
+    {{-- Reports --}}
+    @can('report.view')
+    <a href="{{ route('admin.reports') }}" class="{{ request()->routeIs('admin.reports') ? 'active' : '' }}">
       <i class="bi bi-graph-up"></i> Reports
     </a>
+    @endcan
 
+    {{-- Chat Support (NO PERMISSION REQUIRED) --}}
+    <a href="{{ route('admin.chat_support') }}" class="{{ request()->routeIs('admin.chat_support') ? 'active' : '' }}">
+      <i class="bi bi-chat-dots"></i> Chat Support
+    </a>
 
-        <a href="{{ route('admin.chat_support') }}" class="{{ request()->routeIs('admin.chat_support') ? 'active' : '' }}"><i class="bi bi-chat-dots"></i> Chat Support</a>
-<!-- <a href="{{ route('admin.orders.index') }}" 
-   class="{{ request()->routeIs('admin.orders.*') ? 'active' : '' }}">
-   <i class="bi bi-bag"></i> Orders
-</a> -->
-    <a href="{{ route('admin.orders') }}" class="{{ request()->routeIs('admin.orders') ? 'active' : '' }}"><i class="bi bi-bag"></i> Orders</a>
-    <a href="{{ route('admin.requests') }}" class="{{ request()->routeIs('admin.requests') ? 'active' : '' }}"><i class="bi bi-envelope"></i> Requests</a>
-    <a href="{{ route('admin.staff') }}" class="{{ request()->routeIs('admin.staff') ? 'active' : '' }}"><i class="bi bi-person-badge"></i> Staff</a>
-    <a href="{{ route('admin.account') }}" class="{{ request()->routeIs('admin.account') ? 'active' : '' }}"><i class="bi bi-gear"></i> Account</a>
-    <a href="{{ route('admin.marklist.index') }}" class="{{ request()->routeIs('admin.marklist.index') ? 'active' : '' }}"><i class="bi bi-list-check"></i> Mark List</a>
+    {{-- Orders --}}
+    @can('orders.view')
+    <a href="{{ route('admin.orders') }}" class="{{ request()->routeIs('admin.orders') ? 'active' : '' }}">
+      <i class="bi bi-bag"></i> Orders
+    </a>
+    @endcan
 
-    <form method="POST" action="{{ route('admin.logout') }}" class="mt-4 px-3">
-      @csrf
-      <button type="submit" class="btn btn-danger w-100"><i class="bi bi-box-arrow-right"></i> Logout</button>
-    </form>
+    {{-- Requests --}}
+    @can('request.view')
+    <a href="{{ route('admin.requests') }}" class="{{ request()->routeIs('admin.requests') ? 'active' : '' }}">
+      <i class="bi bi-envelope"></i> Requests
+    </a>
+    @endcan
+
+    {{-- 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
+
+    {{-- Staff (NO PERMISSION REQUIRED) --}}
+    <a href="{{ route('admin.staff.index') }}" class="{{ request()->routeIs('admin.staff.*') ? 'active' : '' }}">
+      <i class="bi bi-person-badge"></i> Staff
+    </a>
+
+    {{-- Account Section --}}
+    @can('account.view')
+    <a href="{{ route('admin.account') }}" class="{{ request()->routeIs('admin.account') ? 'active' : '' }}">
+      <i class="bi bi-gear"></i> Account
+    </a>
+    @endcan
+
+    {{-- Mark List --}}
+    @can('mark_list.view')
+    <a href="{{ route('admin.marklist.index') }}" class="{{ request()->routeIs('admin.marklist.index') ? 'active' : '' }}">
+      <i class="bi bi-list-check"></i> Mark List
+    </a>
+    @endcan
+  
   </div>
 
   <div class="main-content">
     <header>
-      <h5>@yield('page-title')</h5>
+      <div class="header-left">
+        <button class="header-toggle" id="headerToggle">
+          <i class="bi bi-list"></i>
+        </button>
+        <h5 class="mb-0">@yield('page-title')</h5>
+      </div>
       <div class="d-flex align-items-center gap-3">
         <i class="bi bi-bell position-relative fs-4">
           <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">2</span>
@@ -238,7 +344,25 @@
       @yield('content')
     </div>
   </div>
-
+  
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const headerToggle = document.getElementById('headerToggle');
+      const sidebar = document.querySelector('.sidebar');
+      const mainContent = document.querySelector('.main-content');
+      
+      // Function to toggle sidebar
+      function toggleSidebar() {
+        sidebar.classList.toggle('collapsed');
+        mainContent.classList.toggle('expanded');
+      }
+      
+      // Header toggle button click event
+      if (headerToggle) {
+        headerToggle.addEventListener('click', toggleSidebar);
+      }
+    });
+  </script>
 </body>
-</html>
+</html>

resources/views/admin/login.blade.php

@@ -120,19 +120,33 @@
             @endif
 
             <form method="POST" action="{{ route('admin.login.submit') }}">
-                @csrf
-                <div class="mb-3">
-                    <label>Email</label>
-                    <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
-                </div>
+    @csrf
 
-                <div class="mb-3">
-                    <label>Password</label>
-                    <input type="password" name="password" class="form-control" required>
-                </div>
+    <div class="mb-3">
+        <label>Username / Email / Employee ID</label>
+        <input 
+            type="text" 
+            name="login" 
+            class="form-control" 
+            value="{{ old('login') }}" 
+            placeholder="Enter Email or Username or EMP ID"
+            required
+        >
+    </div>
+
+    <div class="mb-3">
+        <label>Password</label>
+        <input 
+            type="password" 
+            name="password" 
+            class="form-control" 
+            required
+        >
+    </div>
+
+    <button type="submit" class="btn btn-primary w-100">Login</button>
+</form>
 
-                <button type="submit" class="btn btn-primary w-100">Login</button>
-            </form>
 
             <div class="secure-encrypted">
                 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="green" class="bi bi-lock-fill" viewBox="0 0 16 16">

resources/views/admin/mark_list.blade.php

@@ -80,60 +80,158 @@
         transition: all 0.2s ease;
       }
 
+      /* ✨ NEW BADGE STYLES - Same as Invoice System */
       .badge {
-        padding: 7px 16px;
-        border-radius: 20px;
-        font-size: 0.85rem;
-        font-weight: 600;
-        user-select: none;
-        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
+        font-size: 11px !important;
+        font-weight: 600 !important;
+        padding: 6px 12px 6px 8px !important;
+        border-radius: 20px !important;
+        text-transform: uppercase;
+        letter-spacing: 0.3px;
+        display: inline-flex !important;
+        align-items: center;
+        justify-content: center;
+        background-size: cover !important;
+        background-position: center !important;
+        color: #fff !important;
+        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+        border: 2px solid transparent !important;
+        min-width: 40px;
+        box-sizing: border-box;
+        line-height: 1.2;
+        gap: 6px;
       }
 
-      .bg-success {
-        background-color: #28a745 !important;
-        color: #fff !important;
-        box-shadow: 0 0 10px #6ee86e77;
+      /* Status icons */
+      .status-icon {
+        font-size: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      /* Custom status badge backgrounds with icons */
+      .badge-active { 
+        background: url('/images/status-bg-paid.png') !important;
+      }
+
+      .badge-inactive { 
+        background: url('/images/status-bg-overdue.png') !important;
+      }
+
+      /* Fallback colors if images don't load - ALL WITH SAME SIZE */
+      .badge.badge-active { 
+        background: linear-gradient(135deg, #d1fae5, #a7f3d0) !important;
+        color: #065f46 !important;
+        border-color: #10b981 !important;
+        width: 98px;
+      }
+
+      .badge.badge-inactive { 
+        background: linear-gradient(135deg, #e9d5ff, #c4b5fd) !important;
+        color: #6b21a8 !important;
+        border-color: #8b5cf6 !important;
+      }
+
+      /* Animation effects for badges */
+      .badge.badge-active {
         animation: pulseGreen 2s infinite;
       }
 
+      .badge.badge-inactive {
+        animation: pulseRed 2s infinite;
+      }
+
       @keyframes pulseGreen {
         0% { box-shadow: 0 0 8px #6ee86e77; }
         50% { box-shadow: 0 0 14px #5dd75d88; }
         100% { box-shadow: 0 0 8px #6ee86e77; }
       }
 
-      .bg-danger {
-        background-color: #dc3545 !important;
-        color: #fff !important;
-        box-shadow: 0 0 10px #f97f7f77;
-        animation: pulseRed 2s infinite;
-      }
-
       @keyframes pulseRed {
         0% { box-shadow: 0 0 8px #f97f7f77; }
         50% { box-shadow: 0 0 14px #ff868677; }
         100% { box-shadow: 0 0 8px #f97f7f77; }
       }
 
+      /* ✨ ENHANCED ACTION BUTTONS - Professional & Attractive */
       .btn-action {
-        background-color: #ffd283;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         border: none;
-        color: #1b1c21;
-        padding: 7px 20px;
-        font-size: 0.95rem;
-        border-radius: 8px;
-        font-weight: 700;
-        transition: all 0.25s ease;
+        color: white;
+        padding: 10px 22px;
+        font-size: 0.85rem;
+        border-radius: 12px;
+        font-weight: 600;
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         margin: 3px;
         cursor: pointer;
-        box-shadow: 0 2px 6px rgba(141, 106, 0, 0.1);
-        display: inline-block;
+        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        text-decoration: none;
+        min-width: 120px;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        position: relative;
+        overflow: hidden;
+      }
+
+      .btn-action::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: left 0.5s;
+      }
+
+      .btn-action:hover::before {
+        left: 100%;
       }
 
       .btn-action:hover {
-        background-color: #ffc85a;
-        transform: translateY(-2px);
-        box-shadow: 0 4px 10px rgba(141, 106, 0, 0.25);
+        transform: translateY(-3px);
+        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
+        color: white;
+        text-decoration: none;
+      }
+
+      .btn-action:active {
+        transform: translateY(-1px);
+        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+      }
+
+      /* Specific styles for Activate button */
+      .btn-action-activate {
+        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+        box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);
+      }
+
+      .btn-action-activate:hover {
+        box-shadow: 0 8px 25px rgba(79, 172, 254, 0.5);
+      }
+
+      /* Specific styles for Deactivate button */
+      .btn-action-deactivate {
+        background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
+        box-shadow: 0 4px 15px rgba(250, 112, 154, 0.3);
+      }
+
+      .btn-action-deactivate:hover {
+        box-shadow: 0 8px 25px rgba(250, 112, 154, 0.5);
+      }
+
+      /* Button icons */
+      .btn-icon {
+        font-size: 14px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
 
       .text-muted {
@@ -179,6 +277,139 @@
         from { box-shadow: 0 0 0px #b4a02455 inset; }
         to { box-shadow: 0 0 10px #b4a024aa inset; }
       }
+
+      /* ---------- Pagination Styles ---------- */
+      .pagination-container {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-top: 15px;
+          padding: 12px 0;
+          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;
+      }
+
+      /* Image-based pagination buttons */
+      .pagination-img-btn {
+          background: #fff;
+          border: 1px solid #e3eaf6;
+          border-radius: 6px;
+          cursor: pointer;
+          transition: all 0.3s ease;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          min-width: 40px;
+          height: 32px;
+          padding: 0;
+      }
+
+      .pagination-img-btn:hover:not(:disabled) {
+          background: #1a2951;
+          border-color: #1a2951;
+      }
+
+      .pagination-img-btn:disabled {
+          background: #f8fafc;
+          border-color: #e2e8f0;
+          cursor: not-allowed;
+          opacity: 0.5;
+      }
+
+      .pagination-img-btn img {
+          width: 16px;
+          height: 16px;
+          filter: brightness(0) saturate(100%) invert(26%) sepia(89%) saturate(748%) hue-rotate(201deg) brightness(93%) contrast(89%);
+          transition: filter 0.3s ease;
+      }
+
+      .pagination-img-btn:hover:not(:disabled) img {
+          filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(106%) contrast(101%);
+      }
+
+      .pagination-img-btn:disabled img {
+          filter: brightness(0) saturate(100%) invert(84%) sepia(8%) saturate(165%) hue-rotate(179deg) brightness(89%) contrast(86%);
+      }
     </style>
 
     @if(session('success'))
@@ -206,52 +437,208 @@
             <th>Action</th>
           </tr>
         </thead>
-        <tbody>
-          @foreach($markList as $mark)
-          <tr>
-            <td>{{ $mark->id }}</td>
-            <td>{{ $mark->mark_no }}</td>
-            <td>{{ $mark->origin }}</td>
-            <td>{{ $mark->destination }}</td>
-            <td>{{ $mark->customer_name }}</td>
-            <td>{{ $mark->customer_id }}</td>
-            <td>{{ $mark->mobile_no }}</td>
-            <td>{{ \Carbon\Carbon::parse($mark->date)->format('d-m-Y') }}</td>
-            <td>
-              @if($mark->status == 'active')
-                <span class="badge bg-success">Active</span>
-              @else
-                <span class="badge bg-danger">In-Active</span>
-              @endif
-            </td>
-            <td>
-              @if($mark->status == 'active')
-                <a href="{{ route('admin.marklist.toggle', $mark->id) }}" class="btn-action">Deactivate</a>
-              @else
-                <a href="{{ route('admin.marklist.toggle', $mark->id) }}" class="btn-action">Activate</a>
-              @endif
-            </td>
-          </tr>
-          @endforeach
+        <tbody id="markListTableBody">
+          <!-- Data will be loaded dynamically -->
         </tbody>
       </table>
 
-      @if($markList->isEmpty())
-        <div class="py-4 text-center text-muted fst-italic">No mark numbers found.</div>
-      @endif
+      <!-- Pagination Controls -->
+      <div class="pagination-container">
+          <div class="pagination-info" id="pageInfo">Showing 0 entries</div>
+          <div class="pagination-controls">
+              <button class="pagination-img-btn" id="prevPageBtn" title="Previous page" disabled>
+                  <!-- Left arrow SVG -->
+                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+              </button>
+              <div class="pagination-pages" id="paginationPages">
+                  <!-- Page numbers will be inserted here -->
+              </div>
+              <button class="pagination-img-btn" id="nextPageBtn" title="Next page" disabled>
+                  <!-- Right arrow SVG -->
+                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M6 4L10 8L6 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+              </button>
+          </div>
+      </div>
+
+      <div id="noResults" class="py-4 text-center text-muted fst-italic" style="display: none;">No mark numbers found.</div>
     </div>
 
     <script>
-      document.getElementById('globalSearch').addEventListener('input', function () {
-        const filter = this.value.toLowerCase();
-        const rows = document.querySelectorAll('#markListTable tbody tr');
+      // Pagination state
+      let currentPage = 1;
+      const itemsPerPage = 10;
+      let allMarkList = @json($markList);
+      let filteredMarkList = [...allMarkList];
 
-        rows.forEach(row => {
-          const text = row.textContent.toLowerCase();
-          row.style.display = text.includes(filter) ? '' : 'none';
-        });
+      // Initialize pagination
+      document.addEventListener('DOMContentLoaded', function() {
+          renderTable();
+          updatePaginationControls();
+          
+          // Bind pagination events
+          document.getElementById('prevPageBtn').addEventListener('click', goToPreviousPage);
+          document.getElementById('nextPageBtn').addEventListener('click', goToNextPage);
+          
+          // Bind search event
+          document.getElementById('globalSearch').addEventListener('input', handleSearch);
       });
+
+      // Pagination Functions
+      function goToPreviousPage() {
+          if (currentPage > 1) {
+              currentPage--;
+              renderTable();
+              updatePaginationControls();
+          }
+      }
+
+      function goToNextPage() {
+          const totalPages = Math.ceil(filteredMarkList.length / itemsPerPage);
+          if (currentPage < totalPages) {
+              currentPage++;
+              renderTable();
+              updatePaginationControls();
+          }
+      }
+
+      function updatePaginationControls() {
+          const totalPages = Math.ceil(filteredMarkList.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, filteredMarkList.length);
+          pageInfo.textContent = `Showing ${startIndex} to ${endIndex} of ${filteredMarkList.length} entries`;
+          
+          // Generate page numbers
+          paginationPages.innerHTML = '';
+          
+          if (totalPages <= 7) {
+              // Show all pages
+              for (let i = 1; i <= totalPages; i++) {
+                  addPageButton(i, paginationPages);
+              }
+          } else {
+              // Show first page, current page range, and last page
+              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);
+      }
+
+      // Search Function
+      function handleSearch() {
+          const filter = this.value.toLowerCase();
+          filteredMarkList = allMarkList.filter(mark => {
+              return Object.values(mark).some(value => 
+                  String(value).toLowerCase().includes(filter)
+              );
+          });
+          
+          currentPage = 1;
+          renderTable();
+          updatePaginationControls();
+      }
+
+      // Render Table Function - FIXED: Using direct URL construction
+      function renderTable() {
+          const tbody = document.getElementById('markListTableBody');
+          const noResults = document.getElementById('noResults');
+          tbody.innerHTML = '';
+          
+          if (filteredMarkList.length === 0) {
+              tbody.innerHTML = '';
+              noResults.style.display = 'block';
+              return;
+          }
+          
+          noResults.style.display = 'none';
+          
+          // Calculate pagination
+          const startIndex = (currentPage - 1) * itemsPerPage;
+          const endIndex = startIndex + itemsPerPage;
+          const paginatedItems = filteredMarkList.slice(startIndex, endIndex);
+          
+          paginatedItems.forEach(mark => {
+              const row = document.createElement('tr');
+              row.innerHTML = `
+                  <td>${mark.id}</td>
+                  <td>${mark.mark_no}</td>
+                  <td>${mark.origin}</td>
+                  <td>${mark.destination}</td>
+                  <td>${mark.customer_name}</td>
+                  <td>${mark.customer_id}</td>
+                  <td>${mark.mobile_no}</td>
+                  <td>${new Date(mark.date).toLocaleDateString('en-GB')}</td>
+                  <td>
+                      ${mark.status == 'active' 
+                          ? `<span class="badge badge-active">
+                                <i class="bi bi-check-circle-fill status-icon"></i>
+                                Active
+                             </span>`
+                          : `<span class="badge badge-inactive">
+                                <i class="bi bi-exclamation-triangle-fill status-icon"></i>
+                                In-Active
+                             </span>`
+                      }
+                  </td>
+                  <td>
+                      ${mark.status == 'active'
+                          ? `<a href="/admin/mark-list/status/${mark.id}" class="btn-action btn-action-deactivate">
+                                <i class="bi bi-power btn-icon"></i>
+                                Deactivate
+                             </a>`
+                          : `<a href="/admin/mark-list/status/${mark.id}" class="btn-action btn-action-activate">
+                                <i class="bi bi-play-circle btn-icon"></i>
+                                Activate
+                             </a>`
+                      }
+                  </td>
+              `;
+              tbody.appendChild(row);
+          });
+      }
     </script>
   </div>
 </div>
-@endsection
+@endsection

resources/views/admin/orders/pdf.blade.php

@@ -0,0 +1,70 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Orders Report</title>
+  <style>
+    body { font-family: DejaVu Sans, sans-serif; font-size:12px; }
+    table { width:100%; border-collapse: collapse; }
+    th, td { border: 1px solid #ddd; padding: 6px; text-align: left; }
+    th { background: #f2f2f2; }
+  </style>
+</head>
+<body>
+  <h3>Orders Report</h3>
+
+  @if(!empty($filters))
+    <p>
+      @if($filters['search']) Search: <strong>{{ $filters['search'] }}</strong> @endif
+      @if($filters['status']) &nbsp; | Status: <strong>{{ ucfirst($filters['status']) }}</strong> @endif
+      @if($filters['shipment']) &nbsp; | Shipment: <strong>{{ ucfirst($filters['shipment']) }}</strong> @endif
+    </p>
+  @endif
+
+  <table>
+    <thead>
+      <tr>
+        <th>Order ID</th>
+        <th>Shipment ID</th>
+        <th>Customer ID</th>
+        <th>Company</th>
+        <th>Origin</th>
+        <th>Destination</th>
+        <th>Order Date</th>
+        <th>Invoice No</th>
+        <th>Invoice Date</th>
+        <th>Amount</th>
+        <th>Amount + GST</th>
+        <th>Invoice Status</th>
+        <th>Shipment Status</th>
+      </tr>
+    </thead>
+    <tbody>
+      @forelse($orders as $order)
+        @php
+          $mark = $order->markList ?? null;
+          $invoice = $order->invoice ?? null;
+          $shipment = $order->shipments->first() ?? null;
+        @endphp
+        <tr>
+          <td>{{ $order->order_id }}</td>
+          <td>{{ $shipment->shipment_id ?? '-' }}</td>
+          <td>{{ $mark->customer_id ?? '-' }}</td>
+          <td>{{ $mark->company_name ?? '-' }}</td>
+          <td>{{ $mark->origin ?? $order->origin ?? '-' }}</td>
+          <td>{{ $mark->destination ?? $order->destination ?? '-' }}</td>
+          <td>{{ $order->created_at ? $order->created_at->format('d-m-Y') : '-' }}</td>
+          <td>{{ $invoice->invoice_number ?? '-' }}</td>
+          <td>{{ $invoice?->invoice_date ? \Carbon\Carbon::parse($invoice->invoice_date)->format('d-m-Y') : '-' }}</td>
+          <td>{{ $invoice?->final_amount ? number_format($invoice->final_amount, 2) : '-' }}</td>
+          <td>{{ $invoice?->final_amount_with_gst ? number_format($invoice->final_amount_with_gst, 2) : '-' }}</td>
+          <td>{{ $invoice->status ? ucfirst($invoice->status) : 'Pending' }}</td>
+          <td>{{ $shipment?->status ? ucfirst(str_replace('_',' ',$shipment->status)) : 'Pending' }}</td>
+        </tr>
+      @empty
+        <tr><td colspan="13" style="text-align:center">No orders found</td></tr>
+      @endforelse
+    </tbody>
+  </table>
+</body>
+</html>

resources/views/admin/orders_show.blade.php

@@ -5,28 +5,101 @@
 @section('content')
 <div class="container py-4">
 
-  {{-- Header --}}
+  {{-- HEADER --}}
   <div class="card shadow-sm rounded-3 border-0">
     <div class="card-body">
+
+      {{-- TOP BAR --}}
       <div class="d-flex justify-content-between align-items-start">
         <div>
-          <h4 class="fw-bold mb-0">Order Details</Details></h4>
+          <h4 class="fw-bold mb-0">Order Details</h4>
           <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>
+        @endcan
+
         <a href="{{ route('admin.dashboard') }}" class="btn-close"></a>
       </div>
 
+      <!-- {{-- ACTION BUTTONS --}}
+      <div class="mt-3 d-flex gap-2">
+
+        
+
+        {{-- 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($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>
 
-      {{-- Customer Info --}}
+      {{-- EDIT ORDER FORM --}}
+      <div id="editOrderForm" class="p-3 bg-light rounded mb-4 shadow-sm" style="display:none;">
+        <h5 class="fw-bold mb-3">Edit Order</h5>
+
+        <form action="{{ route('admin.orders.updateItem', $order->id) }}" method="POST">
+          @csrf
+
+          <div class="row">
+            <div class="col-md-4 mb-3">
+              <label>Mark No</label>
+              <input type="text" name="mark_no" value="{{ $order->mark_no }}" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-4 mb-3">
+              <label>Origin</label>
+              <input type="text" name="origin" value="{{ $order->origin }}" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-4 mb-3">
+              <label>Destination</label>
+              <input type="text" name="destination" value="{{ $order->destination }}" class="form-control custom-input">
+            </div>
+          </div>
+
+          <button class="btn btn-save-changes">Save Changes</button>
+          <button type="button"
+                  class="btn btn-cancel"
+                  onclick="document.getElementById('editOrderForm').style.display='none'">
+            Cancel
+          </button>
+        </form>
+      </div>
+
+      {{-- CUSTOMER INFO --}}
       <div class="row mb-4">
         <div class="col-md-8 d-flex">
           <div class="me-3">
-            <div class="rounded-circle bg-secondary text-white d-flex align-items-center justify-content-center" 
+            <div class="rounded-circle bg-secondary text-white d-flex align-items-center justify-content-center"
                  style="width:60px; height:60px; font-size:20px;">
               {{ strtoupper(substr($user->customer_name ?? 'U', 0, 1)) }}
             </div>
           </div>
+
           <div>
             <h5 class="mb-0">{{ $user->customer_name ?? 'Unknown Customer' }}</h5>
             <p class="mb-0">{{ $user->company_name ?? 'N/A' }}</p>
@@ -34,13 +107,14 @@
             <p class="mb-0 text-muted">{{ $user->mobile_no ?? '' }}</p>
           </div>
         </div>
+
         <div class="col-md-4 text-end">
           <p class="mb-0">{{ $user->address ?? '' }}</p>
           <small class="text-muted">{{ $user->pincode ?? '' }}</small>
         </div>
       </div>
 
-      {{-- Order Summary --}}
+      {{-- ORDER SUMMARY --}}
       <div class="bg-light rounded p-3 mb-3">
         <div class="row text-center">
           <div class="col-md-3 border-end">
@@ -65,7 +139,7 @@
         </div>
       </div>
 
-      {{-- Origin - Destination --}}
+      {{-- ORIGIN / DESTINATION --}}
       <div class="row text-center mb-4">
         <div class="col-md-6">
           <p class="mb-1 fw-semibold text-muted">Origin</p>
@@ -77,7 +151,7 @@
         </div>
       </div>
 
-      {{-- Order Items Table --}}
+      {{-- ITEMS TABLE --}}
       <div class="table-responsive">
         <table class="table table-bordered align-middle text-center">
           <thead class="table-light">
@@ -88,15 +162,17 @@
               <th>QTY</th>
               <th>TTL/QTY</th>
               <th>Unit</th>
-              <th>Price (₹)</th>
-              <th>TTL Amount (₹)</th>
+              <th>Price</th>
+              <th>Total Amount</th>
               <th>CBM</th>
               <th>TTL CBM</th>
               <th>KG</th>
               <th>TTL KG</th>
               <th>Shop No</th>
+              <th>Actions</th>
             </tr>
           </thead>
+
           <tbody>
             @foreach($order->items as $index => $item)
             <tr>
@@ -113,38 +189,733 @@
               <td>{{ $item->kg }}</td>
               <td>{{ $item->ttl_kg }}</td>
               <td>{{ $item->shop_no }}</td>
+
+             <td class="d-flex justify-content-center gap-2">
+
+              {{-- 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
+
+              @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
           </tbody>
         </table>
       </div>
 
-      {{-- Totals --}}
+
+      @foreach($order->items as $item)
+      <div class="modal fade" id="editItemModal{{ $item->id }}" tabindex="-1">
+          <div class="modal-dialog modal-lg">
+              <div class="modal-content custom-modal">
+
+                  <div class="modal-header modal-gradient-header">
+                      <h5 class="modal-title text-white">
+                          <i class="fas fa-edit me-2"></i>Edit Item
+                      </h5>
+                      <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+                  </div>
+
+                  <form action="{{ route('admin.orders.updateItem', $item->id) }}" method="POST">
+                      @csrf
+                      @method('PUT')
+
+                      <div class="modal-body">
+
+                          <div class="row g-3">
+                              <div class="col-md-6">
+                                  <label class="form-label">Description</label>
+                                  <input type="text" name="description" 
+                                        value="{{ $item->description }}" 
+                                        class="form-control custom-input" required>
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">CTN</label>
+                                  <input type="number" name="ctn" 
+                                        value="{{ $item->ctn }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">QTY</label>
+                                  <input type="number" name="qty" 
+                                        value="{{ $item->qty }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">TTL QTY</label>
+                                  <input type="number" name="ttl_qty" 
+                                        value="{{ $item->ttl_qty }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">Unit</label>
+                                  <input type="text" name="unit" 
+                                        value="{{ $item->unit }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">Price</label>
+                                  <input type="number" name="price" 
+                                        value="{{ $item->price }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">Total Amount</label>
+                                  <input type="number" name="ttl_amount" 
+                                        value="{{ $item->ttl_amount }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">CBM</label>
+                                  <input type="number" name="cbm" 
+                                        value="{{ $item->cbm }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">TTL CBM</label>
+                                  <input type="number" name="ttl_cbm" 
+                                        value="{{ $item->ttl_cbm }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">KG</label>
+                                  <input type="number" name="kg" 
+                                        value="{{ $item->kg }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">TTL KG</label>
+                                  <input type="number" name="ttl_kg" 
+                                        value="{{ $item->ttl_kg }}" 
+                                        class="form-control custom-input">
+                              </div>
+
+                              <div class="col-md-3">
+                                  <label class="form-label">Shop No</label>
+                                  <input type="text" name="shop_no" 
+                                        value="{{ $item->shop_no }}" 
+                                        class="form-control custom-input">
+                              </div>
+                          </div>
+
+                      </div>
+
+                      <div class="modal-footer">
+                          <div class="modal-footer">
+                            <button type="button" class="btn btn-modal-close" data-bs-dismiss="modal">Close</button>
+                            <button type="submit" class="btn btn-modal-add">Edit Item</button>
+                          </div>
+                      </div>
+
+                  </form>
+
+              </div>
+          </div>
+      </div>
+      @endforeach
+
+
+      {{-- TOTALS --}}
       <div class="row text-center mt-4">
         <div class="col-md-3">
           <h6 class="fw-bold text-primary">{{ $order->ctn }}</h6>
-          <small class="text-muted">Total CTN</small>
+          <small>Total CTN</small>
         </div>
 
         <div class="col-md-3">
           <h6 class="fw-bold text-primary">{{ $order->qty }}</h6>
-          <small class="text-muted">Total QTY</small>
+          <small>Total QTY</small>
         </div>
 
         <div class="col-md-3">
           <h6 class="fw-bold text-success">{{ $order->ttl_kg }}</h6>
-          <small class="text-muted">Total TTL KG</small>
+          <small>Total KG</small>
         </div>
 
         <div class="col-md-3">
           <h6 class="fw-bold text-danger">₹{{ number_format($order->ttl_amount, 2) }}</h6>
-          <small class="text-muted">Total Amount</small>
+          <small>Total Amount</small>
         </div>
       </div>
 
     </div>
   </div>
-
 </div>
-@endsection
 
+{{-- ADD ITEM MODAL --}}
+<div class="modal fade" id="addItemModal" tabindex="-1">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content custom-modal">
+
+      <div class="modal-header modal-gradient-header">
+        <h5 class="modal-title text-white"><i class="fas fa-cube me-2"></i>Add Item To Order</h5>
+        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+      </div>
+
+      <form id="addItemForm" action="{{ route('admin.orders.addItem', $order->id) }}" method="POST">
+        @csrf
+
+        <div class="modal-body">
+
+          {{-- DELETED ITEMS --}}
+          @php
+              $deletedItems = \App\Models\OrderItem::onlyTrashed()
+                  ->where('order_id', $order->id)
+                  ->get();
+          @endphp
+
+          <h5 class="section-title">Deleted Items (Use / Restore)</h5>
+
+          <div class="table-responsive mb-4">
+          <table class="table table-bordered align-middle text-center">
+              <thead class="table-light">
+                  <tr>
+                      <th>#</th>
+                      <th>Description</th>
+                      <th>CTN</th>
+                      <th>QTY</th>
+                      <th>TTL QTY</th>
+                      <th>Unit</th>
+                      <th>Price</th>
+                      <th>TTL Amount</th>
+                      <th>CBM</th>
+                      <th>TTL CBM</th>
+                      <th>KG</th>
+                      <th>TTL KG</th>
+                      <th>Shop No</th>
+                      <th>Actions</th>
+                  </tr>
+              </thead>
+
+              <tbody>
+                  @forelse($deletedItems as $key => $deleted)
+                  <tr>
+                      <td>{{ $key + 1 }}</td>
+                      <td>{{ $deleted->description }}</td>
+                      <td>{{ $deleted->ctn }}</td>
+                      <td>{{ $deleted->qty }}</td>
+                      <td>{{ $deleted->ttl_qty }}</td>
+                      <td>{{ $deleted->unit }}</td>
+                      <td>{{ number_format($deleted->price, 2) }}</td>
+                      <td>{{ number_format($deleted->ttl_amount, 2) }}</td>
+                      <td>{{ $deleted->cbm }}</td>
+                      <td>{{ $deleted->ttl_cbm }}</td>
+                      <td>{{ $deleted->kg }}</td>
+                      <td>{{ $deleted->ttl_kg }}</td>
+                      <td>{{ $deleted->shop_no }}</td>
+
+                      <td class="d-flex justify-content-center gap-2">
+
+                          {{-- USE THIS ITEM --}}
+                          <button type="button" 
+                                  class="btn btn-sm btn-use-item"
+                                  onclick="fillFormFromDeleted({{ json_encode($deleted) }})">
+                              Use
+                          </button>
+
+                          {{-- RESTORE ITEM --}}
+                          <form action="{{ route('admin.orders.restoreItem', $deleted->id) }}" method="POST">
+                              @csrf
+                              <button type="button"
+                                class="btn btn-sm btn-restore js-restore-item"
+                                data-id="{{ $deleted->id }}"
+                                data-url="{{ route('admin.orders.restoreItem', $deleted->id) }}">
+                            Restore
+                        </button>
+                          </form>
+
+                      </td>
+                  </tr>
+                  @empty
+                  <tr>
+                      <td colspan="14" class="text-muted">No deleted items.</td>
+                  </tr>
+                  @endforelse
+              </tbody>
+          </table>
+      </div>
+
+
+          {{-- ADD FORM --}}
+          <div class="row g-3">
+
+            <div class="col-md-6">
+              <label class="form-label">Description</label>
+              <input type="text" name="description" class="form-control custom-input" required>
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">CTN</label>
+              <input type="number" name="ctn" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">QTY</label>
+              <input type="number" name="qty" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">TTL QTY</label>
+              <input type="number" name="ttl_qty" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">Unit</label>
+              <input type="text" name="unit" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">Price</label>
+              <input type="number" name="price" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">Total Amount</label>
+              <input type="number" name="ttl_amount" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">CBM</label>
+              <input type="number" name="cbm" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">TTL CBM</label>
+              <input type="number" name="ttl_cbm" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">KG</label>
+              <input type="number" name="kg" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">TTL KG</label>
+              <input type="number" name="ttl_kg" class="form-control custom-input">
+            </div>
+
+            <div class="col-md-3">
+              <label class="form-label">Shop No</label>
+              <input type="text" name="shop_no" class="form-control custom-input">
+            </div>
+
+          </div>
+
+        </div>
+
+        <div class="modal-footer">
+          <button class="btn btn-modal-close" data-bs-dismiss="modal">Close</button>
+          <button class="btn btn-modal-add">Add Item</button>
+        </div>
+
+      </form>
+
+    </div>
+  </div>
+</div>
+
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+    const token = '{{ csrf_token() }}';
+
+    document.querySelectorAll('.js-restore-item').forEach(function (btn) {
+        btn.addEventListener('click', function () {
+            if (!confirm('Restore this item?')) return;
+
+            const url = this.dataset.url;
+            const row = this.closest('tr');
+
+            fetch(url, {
+                method: 'POST',
+                headers: {
+                    'X-CSRF-TOKEN': token,
+                    'X-Requested-With': 'XMLHttpRequest',
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({})
+            })
+            .then(response => {
+                if (!response.ok) throw new Error('Restore failed');
+                return response.json().catch(() => ({}));
+            })
+            .then(() => {
+                row.remove();
+                location.reload(); // 🔥 refresh UI so restored item appears
+            })
+            .catch(() => {
+                alert('Could not restore item. Please try again.');
+            });
+        });
+    });
+});
+
+    </script>
+
+{{-- AUTO-FILL SCRIPT --}}
+<script>
+function fillFormFromDeleted(item) {
+    let form = document.getElementById('addItemForm');
+
+    form.querySelector('input[name="description"]').value = item.description;
+    form.querySelector('input[name="ctn"]').value = item.ctn;
+    form.querySelector('input[name="qty"]').value = item.qty;
+    form.querySelector('input[name="ttl_qty"]').value = item.ttl_qty;
+    form.querySelector('input[name="unit"]').value = item.unit;
+    form.querySelector('input[name="price"]').value = item.price;
+    form.querySelector('input[name="ttl_amount"]').value = item.ttl_amount;
+    form.querySelector('input[name="cbm"]').value = item.cbm;
+    form.querySelector('input[name="ttl_cbm"]').value = item.ttl_cbm;
+    form.querySelector('input[name="kg"]').value = item.kg;
+    form.querySelector('input[name="ttl_kg"]').value = item.ttl_kg;
+    form.querySelector('input[name="shop_no"]').value = item.shop_no;
+}
+</script>
+
+<style>
+/* Custom Button Styles */
+.btn-add-item {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border: none;
+    color: white;
+    padding: 6px 14px;
+    border-radius: 10px;
+    font-weight: 600;
+     font-size: 0.85rem;  
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px 0 rgba(102, 126, 234, 0.3);
+    position: relative;
+    overflow: hidden;
+     margin-right: -800px; 
+}
+
+.btn-add-item:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 25px 0 rgba(102, 126, 234, 0.4);
+    color: white;
+}
+
+.btn-add-item::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-add-item:hover::before {
+    left: 100%;
+}
+
+.btn-edit-order {
+    background: linear-gradient(135deg, #4776E6 0%, #8E54E9 100%);
+    border: none;
+    color: white;
+    padding: 12px 24px;
+    border-radius: 10px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px 0 rgba(71, 118, 230, 0.3);
+}
+
+.btn-edit-order:hover:not(:disabled) {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 25px 0 rgba(71, 118, 230, 0.4);
+    color: white;
+}
+
+.btn-edit-order:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+.btn-delete-order {
+    background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
+    border: none;
+    color: white;
+    padding: 12px 24px;
+    border-radius: 10px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px 0 rgba(255, 65, 108, 0.3);
+}
+
+.btn-delete-order:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 25px 0 rgba(255, 65, 108, 0.4);
+    color: white;
+}
+
+.btn-delete-item {
+    background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
+    border: none;
+    color: white;
+    border-radius: 6px;
+    padding: 6px 12px;
+    transition: all 0.3s ease;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.btn-delete-item:hover {
+    transform: scale(1.05);
+    color: white;
+}
+
+/* Form Buttons */
+.btn-save-changes {
+    background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%);
+    border: none;
+    color: white;
+    padding: 10px 20px;
+    border-radius: 8px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 12px rgba(0, 176, 155, 0.2);
+}
+
+.btn-save-changes:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 6px 20px rgba(0, 176, 155, 0.4);
+    color: white;
+}
+
+.btn-cancel {
+    background: linear-gradient(135deg, #8e9eab 0%, #eef2f3 100%);
+    border: none;
+    color: #2c3e50;
+    padding: 10px 20px;
+    border-radius: 8px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+}
+
+.btn-cancel:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(142, 158, 171, 0.3);
+}
+
+/* Modal Styles */
+.custom-modal {
+    border-radius: 15px;
+    border: none;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+    overflow: hidden;
+}
+
+.modal-gradient-header {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-bottom: none;
+    padding: 20px 25px;
+}
+
+.section-title {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #667eea;
+}
+
+.custom-input {
+    border: 2px solid #e9ecef;
+    border-radius: 8px;
+    padding: 10px 15px;
+    transition: all 0.3s ease;
+    font-size: 14px;
+}
+
+.custom-input:focus {
+    border-color: #667eea;
+    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
+    transform: translateY(-1px);
+}
+
+.btn-use-item {
+    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+    border: none;
+    color: white;
+    border-radius: 6px;
+    padding: 5px 15px;
+    font-size: 0.875rem;
+    transition: all 0.3s ease;
+    font-weight: 500;
+}
+
+.btn-use-item:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(79, 172, 254, 0.4);
+    color: white;
+}
+
+.btn-restore {
+    background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%);
+    border: none;
+    color: white;
+    border-radius: 6px;
+    padding: 5px 15px;
+    font-size: 0.875rem;
+    transition: all 0.3s ease;
+    font-weight: 500;
+}
+
+.btn-restore:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 176, 155, 0.4);
+    color: white;
+}
+
+.btn-modal-close {
+    background: linear-gradient(135deg, #8e9eab 0%, #eef2f3 100%);
+    border: none;
+    color: #2c3e50;
+    padding: 10px 25px;
+    border-radius: 8px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+}
+
+.btn-modal-close:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(142, 158, 171, 0.3);
+}
+
+.btn-modal-add {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border: none;
+    color: white;
+    padding: 10px 25px;
+    border-radius: 8px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px 0 rgba(102, 126, 234, 0.3);
+}
+
+.btn-modal-add:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 25px 0 rgba(102, 126, 234, 0.4);
+    color: white;
+}
+
+/* Animation for the Add Item Button */
+@keyframes pulse-glow {
+    0% {
+        box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
+    }
+    70% {
+        box-shadow: 0 0 0 10px rgba(102, 126, 234, 0);
+    }
+    100% {
+        box-shadow: 0 0 0 0 rgba(102, 126, 234, 0);
+    }
+}
+
+.btn-add-item {
+    animation: pulse-glow 2s infinite;
+}
+
+/* List group items */
+.list-group-item {
+    border: 1px solid #e9ecef;
+    margin-bottom: 8px;
+    border-radius: 8px !important;
+    transition: all 0.3s ease;
+    padding: 15px;
+}
+
+.list-group-item:hover {
+    border-color: #667eea;
+    transform: translateX(5px);
+    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);
+}
+
+/* Enhanced table styling */
+.table {
+    border-radius: 10px;
+    overflow: hidden;
+}
+
+.table thead th {
+    background: #667eea ;
+    color: white;
+    border: none;
+    padding: 15px 10px;
+    font-weight: 600;
+}
+
+.table tbody tr {
+    transition: all 0.3s ease;
+}
+
+.table tbody tr:hover {
+    background-color: rgba(102, 126, 234, 0.05);
+    transform: translateY(-1px);
+}
+
+/* Badge styling */
+.badge {
+    font-size: 0.85em;
+    padding: 8px 12px;
+    border-radius: 8px;
+}
+
+/* Card enhancements */
+.card {
+    border: none;
+    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .btn-add-item,
+    .btn-edit-order,
+    .btn-delete-order {
+        padding: 10px 15px;
+        font-size: 0.9rem;
+    }
+    
+    .modal-gradient-header {
+        padding: 15px 20px;
+    }
+}
+
+</style>
+
+@endsection

resources/views/admin/pdf/invoice.blade.php

@@ -3,167 +3,270 @@
 <head>
     <meta charset="UTF-8">
     <title>{{ $invoice->invoice_number }}</title>
-
     <style>
-
         body {
-            font-family: sans-serif;
-            font-size: 13px;
-            color: #333;
+            font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
+            background: #F7FBFC;
+            color: #1A222B;
+            margin: 0;
+            padding: 0;
+            font-size: 15px;
         }
-
-        .header-box {
-            text-align: center;
-            padding: 10px 0;
-            border-bottom: 2px solid #000;
-            margin-bottom: 20px;
+        .container {
+            max-width: 850px;
+            margin: 24px auto 0 auto;
+            background: #fff;
+            border-radius: 13px;
+            box-shadow: 0 2px 14px rgba(40,105,160,0.08);
+            padding: 35px 32px 18px 32px;
+        }
+        .header {
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-start;
+            border-bottom: 2px solid #E6EBF0;
+            padding-bottom: 13px;
+        }
+        .logo-company {
+            display: flex;
+            align-items: flex-start;
         }
-
         .logo {
-            width: 120px;
-            margin-bottom: 8px;
+            height: 50px;
+            margin-right: 13px;
         }
-
-        .title {
-            font-size: 22px;
+        .company-details {
+            margin-top: 0;
+            font-size: 15px;
+        }
+        .company-title {
+            font-size: 21px;
             font-weight: bold;
-            color: #000;
+            margin-bottom: 2px;
         }
-
-        .subtitle {
-            font-size: 14px;
-            margin-top: 3px;
-            color: #666;
-        }
-
-        .section-title {
+        .company-sub {
             font-size: 16px;
+            margin-bottom: 8px;
+            font-weight: 500;
+        }
+        .invoice-details {
+            text-align: right;
+            min-width: 220px;
+        }
+        .invoice-title {
             font-weight: bold;
-            margin-top: 20px;
-            margin-bottom: 6px;
-            color: #222;
+            font-size: 23px;
+            letter-spacing: 0.5px;
+            margin-bottom: 2px;
+        }
+        .paid-label {
+            margin-top: 8px;
+            margin-bottom: 2px;
+        }
+        .paid-tag {
+            background: #23BF47;
+            color: #fff;
+            font-weight: bold;
+            border-radius: 8px;
+            padding: 4px 16px 4px 22px;
+            font-size: 17px;
+            display: inline-block;
+            position: relative;
+        }
+        .paid-tag:before {
+            content: '';
+            position: absolute;
+            left: 7px;
+            top: 7px;
+            width: 10px;
+            height: 10px;
+            background: #fff;
+            border-radius: 50%;
+        }
+        .paid-date {
+            font-size: 14px;
+            color: #23BF47;
+            margin-top: 2px;
         }
 
-        .info-box {
-            border: 1px solid #ccc;
-            padding: 10px;
+        .bill-section {
+            background: #F3F7FB;
+            border-radius: 11px;
+            padding: 20px 18px 13px 18px;
+            margin: 28px 0 16px 0;
+            box-shadow: 0 0px 0px #0000;
+        }
+        .bill-title {
+            font-size: 17px;
+            font-weight: bold;
+            color: #23355D;
+            margin-bottom: 4px;
+            letter-spacing: 0.3px;
+        }
+        .bill-details {
+            font-size: 15px;
             line-height: 1.6;
-            background: #f9f9f9;
         }
 
         table {
             width: 100%;
             border-collapse: collapse;
-            margin-top: 12px;
+            margin-top: 9px;
+            margin-bottom: 13px;
+            background: #fff;
+            border-radius: 10px;
+            overflow: hidden;
         }
-
         th {
-            background: #efefef;
-            padding: 6px;
-            font-size: 13px;
+            background: #F6F7F9;
+            padding: 10px 0;
+            font-size: 15px;
+            color: #6781A6;
             font-weight: bold;
-            border: 1px solid #444;
+            border: none;
+            text-align: left;
         }
-
         td {
-            padding: 6px;
-            border: 1px solid #444;
-            font-size: 12px;
+            padding: 7px 0;
+            color: #222;
+            font-size: 15px;
+            border: none;
+            text-align: left;
         }
-
-        .totals-box {
-            margin-top: 20px;
-            padding: 10px;
-            border: 1px solid #bbb;
-            background: #fafafa;
+        tbody tr:not(:last-child) td {
+            border-bottom: 1px solid #E6EBF0;
+        }
+        tbody tr:last-child td {
+            border-bottom: none;
+        }
+        .totals-row td {
+            font-weight: bold;
+            color: #23355D;
+        }
+        .gst-row td {
+            font-weight: 500;
+            color: #23BF47;
+        }
+        .total-row td {
+            font-weight: bold;
+            font-size: 17px;
+            color: #222;
+        }
+        .payment-info {
+            margin-top: 24px;
+            margin-bottom: 9px;
+            font-size: 15px;
+        }
+        .ref-number {
             font-size: 14px;
-            line-height: 1.8;
+            color: #6781A6;
+            margin-bottom: 8px;
+            margin-top: 2px;
+        }
+        .footer {
+            border-top: 1.2px solid #E6EBF0;
+            margin-top: 25px;
+            padding-top: 12px;
+            font-size: 16px;
+            color: #888;
+            text-align: center;
+        }
+        .footer strong {
+            color: #222;
+            font-weight: 500;
         }
-
     </style>
 </head>
-
 <body>
-
-    <!-- HEADER -->
-    <div class="header-box">
-
-        <!-- LOGO -->
-        <img src="{{ public_path('images/kent_logo2.png') }}" class="logo">
-
-        <div class="title">KENT LOGISTICS</div>
-        <div class="subtitle">Official Invoice</div>
+    <div class="container">
+        <!-- Header Section -->
+        <div class="header">
+            <div class="logo-company">
+            <img src="{{ public_path('images/kent_logo2.png') }}" class="logo">
+                <div class="company-details">
+                    <div class="company-title">{{ $invoice->company_name ?? 'Kent International Pvt. Ltd.' }}</div>
+                    <div class="company-sub"></div>
+                    {{ $invoice->company_address ?? '123 Business Park, Sector 5' }}<br>
+                    {{ $invoice->company_city ?? 'Gurugram, Haryana 122001' }}<br>
+                    {{ $invoice->company_country ?? 'India' }}<br>
+                    GST: {{ $invoice->company_gst ?? 'GST123456789' }}<br>
+                    Email: {{ $invoice->company_email ?? 'billing@kent.com' }}<br>
+                    Phone: {{ $invoice->company_phone ?? '+91 124 123 4567' }}
+                </div>
+            </div>
+            <div class="invoice-details">
+                <div class="invoice-title">INVOICE</div>
+                Invoice #: {{ $invoice->invoice_number }}<br>
+                Issue Date: {{ date('d M Y', strtotime($invoice->invoice_date)) }}<br>
+                Due Date: {{ date('d M Y', strtotime($invoice->due_date)) }}
+                @if(strtolower($invoice->status) == 'paid')
+                <div class="paid-label">
+                    <span class="paid-tag">Paid</span>
+                </div>
+                <div class="paid-date">
+                    Paid on: {{ date('d M Y', strtotime($invoice->paid_date ?? now())) }}
+                </div>
+                @else
+                <div class="paid-date" style="color:#d00;">Status: {{ ucfirst($invoice->status) }}</div>
+                @endif
+            </div>
+        </div>
+        <!-- Bill To Section -->
+        <div class="bill-section">
+            <div class="bill-title">Bill To</div>
+            <div class="bill-details">
+                <strong>{{ $invoice->customer_name }}</strong><br>
+                {{ $invoice->customer_address }}<br>
+                GST: {{ $invoice->customer_gst ?? '-' }}<br>
+                Email: {{ $invoice->customer_email }}<br>
+                Phone: {{ $invoice->customer_mobile }}
+            </div>
+        </div>
+        <!-- Items Table -->
+        <table>
+            <thead>
+                <tr>
+                    <th>Description</th>
+                    <th>Qty</th>
+                    <th>Rate (₹)</th>
+                    <th>Amount (₹)</th>
+                </tr>
+            </thead>
+            <tbody>
+                @foreach($invoice->items as $item)
+                <tr>
+                    <td>{{ $item->description }}</td>
+                    <td>{{ $item->qty }}</td>
+                    <td>{{ number_format($item->price, 0) }}</td>
+                    <td>{{ number_format($item->ttl_amount, 0) }}</td>
+                </tr>
+                @endforeach
+                <tr class="totals-row">
+                    <td colspan="3" style="text-align:right;">Subtotal:</td>
+                    <td>{{ number_format($invoice->subtotal, 0) }}</td>
+                </tr>
+                <tr class="gst-row">
+                    <td colspan="3" style="text-align:right;">GST ({{ $invoice->gst_percent }}%):</td>
+                    <td>{{ number_format($invoice->gst_amount, 0) }}</td>
+                </tr>
+                <tr class="total-row">
+                    <td colspan="3" style="text-align:right;">Total:</td>
+                    <td>{{ number_format($invoice->final_amount_with_gst, 0) }}</td>
+                </tr>
+            </tbody>
+        </table>
+        <!-- Payment Info & Reference -->
+        <div class="payment-info">
+            <strong>Payment Method:</strong> {{ $invoice->payment_method ?? 'Bank Transfer' }}
+        </div>
+        <div class="ref-number">
+            Reference Number: {{ $invoice->reference_no ?? "REF123456789" }}
+        </div>
+        <!-- Footer -->
+        <div class="footer">
+            Thank you for your business!<br>
+            For any queries, please contact us at <strong>{{ $invoice->company_email ?? 'billing@kent.com' }}</strong>
+        </div>
     </div>
-
-    <!-- INVOICE INFO -->
-    <div class="info-box">
-        <strong>Invoice No:</strong> {{ $invoice->invoice_number }} <br>
-        <strong>Invoice Date:</strong> {{ $invoice->invoice_date }} <br>
-        <strong>Due Date:</strong> {{ $invoice->due_date }} <br>
-        <strong>Status:</strong> {{ ucfirst($invoice->status) }}
-    </div>
-
-    <!-- CUSTOMER DETAILS -->
-    <div class="section-title">Customer Details</div>
-    <div class="info-box">
-        <strong>{{ $invoice->customer_name }}</strong><br>
-        {{ $invoice->company_name }} <br>
-        {{ $invoice->customer_mobile }} <br>
-        {{ $invoice->customer_email }} <br>
-        {{ $invoice->customer_address }}
-    </div>
-
-    <!-- ITEMS TABLE -->
-    <div class="section-title">Invoice Items</div>
-
-    <table>
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>Description</th>
-                <th>CTN</th>
-                <th>QTY</th>
-                <th>TTL/QTY</th>
-                <th>Unit</th>
-                <th>Price</th>
-                <th>TTL Amount</th>
-                <th>CBM</th>
-                <th>TTL CBM</th>
-                <th>KG</th>
-                <th>TTL KG</th>
-                <th>Shop No</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            @foreach($invoice->items as $i => $item)
-            <tr>
-                <td>{{ $i + 1 }}</td>
-                <td>{{ $item->description }}</td>
-                <td>{{ $item->ctn }}</td>
-                <td>{{ $item->qty }}</td>
-                <td>{{ $item->ttl_qty }}</td>
-                <td>{{ $item->unit }}</td>
-                <td>{{ number_format($item->price, 2) }}</td>
-                <td>{{ number_format($item->ttl_amount, 2) }}</td>
-                <td>{{ $item->cbm }}</td>
-                <td>{{ $item->ttl_cbm }}</td>
-                <td>{{ $item->kg }}</td>
-                <td>{{ $item->ttl_kg }}</td>
-                <td>{{ $item->shop_no }}</td>
-            </tr>
-            @endforeach
-        </tbody>
-    </table>
-
-    <!-- TOTALS -->
-    <div class="section-title">Totals</div>
-
-    <div class="totals-box">
-        <strong>Amount:</strong> ₹{{ number_format($invoice->final_amount, 2) }} <br>
-        <strong>GST ({{ $invoice->gst_percent }}%):</strong> ₹{{ number_format($invoice->gst_amount, 2) }} <br>
-        <strong>Total With GST:</strong> <strong>₹{{ number_format($invoice->final_amount_with_gst, 2) }}</strong>
-    </div>
-
 </body>
 </html>

resources/views/admin/pdf/order_pdf.blade.php

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Orders Report</title>
+    <style>
+        body { font-family: DejaVu Sans, sans-serif; font-size: 12px; }
+        table { width: 100%; border-collapse: collapse; margin-top: 10px; }
+        th, td { border: 1px solid #ccc; padding: 6px 8px; text-align: left; }
+        th { background: #f3f4f6; }
+    </style>
+</head>
+<body>
+    <h3>Orders Report</h3>
+    <table>
+        <thead>
+            <tr>
+                <th>Order ID</th>
+                <th>Company</th>
+                <th>Invoice No</th>
+                <th>Invoice Status</th>
+                <th>Shipment Status</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach($orders as $order)
+                @php
+                    $mark = $order->markList ?? null;
+                    $invoice = $order->invoice ?? null;
+                    $shipment = $order->shipments->first() ?? null;
+                @endphp
+                <tr>
+                    <td>{{ $order->order_id ?? '-' }}</td>
+                    <td>{{ $mark->company_name ?? '-' }}</td>
+                    <td>{{ $invoice->invoice_number ?? '-' }}</td>
+                    <td>{{ $invoice->status ?? '-' }}</td>
+                    <td>{{ $shipment->status ?? '-' }}</td>
+                </tr>
+            @endforeach
+        </tbody>
+    </table>
+</body>
+</html>

resources/views/admin/popup_invoice.blade.php

@@ -1,73 +1,620 @@
-<div>
-    <h4 class="fw-bold mb-2">
-        Invoice: {{ $invoice->invoice_number }}
-    </h4>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Professional Invoice</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <style>
+        :root {
+            --primary: #2c3e50;
+            --secondary: #3498db;
+            --accent: #e74c3c;
+            --light: #f8f9fa;
+            --dark: #2c3e50;
+            --success: #27ae60;
+            --warning: #f39c12;
+            --danger: #e74c3c;
+            --border-radius: 8px;
+            --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        }
+        
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #f5f7fa;
+            color: #333;
+            line-height: 1.5;
+        }
+        
+        .invoice-container {
+            max-width: 1200px;
+            margin: 2rem auto;
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--box-shadow);
+            overflow: hidden;
+        }
+        
+        .invoice-header {
+            background: white;
+            padding: 1.5rem 2rem;
+            border-bottom: 1px solid #e9ecef;
+        }
+        
+        .invoice-title {
+            font-weight: 700;
+            font-size: 1.8rem;
+            color: var(--primary);
+        }
+        
+        .status-badge {
+            font-size: 0.85rem;
+            padding: 0.5rem 1rem;
+            border-radius: 50px;
+            font-weight: 600;
+        }
+        
+        .id-container {
+            margin-bottom: 1rem; /* Reduced from 1.5rem */
+        }
+        
+        .id-box {
+            background: white;
+            border-radius: var(--border-radius);
+            padding: 1rem;
+            border: 1px solid #e9ecef;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+            transition: all 0.3s ease;
+            height: 100%;
+        }
+        
+        .id-box:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+        
+        .id-box-primary {
+            border-left: 4px solid var(--secondary);
+        }
+        
+        .id-box-secondary {
+            border-left: 4px solid var(--success);
+        }
+        
+        .id-box-accent {
+            border-left: 4px solid var(--warning);
+        }
+        
+        .id-icon {
+            width: 36px;
+            height: 36px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 0.5rem; /* Reduced from 0.75rem */
+            font-size: 1rem;
+        }
+        
+        .id-icon-primary {
+            background: rgba(52, 152, 219, 0.1);
+            color: var(--secondary);
+        }
+        
+        .id-icon-secondary {
+            background: rgba(39, 174, 96, 0.1);
+            color: var(--success);
+        }
+        
+        .id-icon-accent {
+            background: rgba(243, 156, 18, 0.1);
+            color: var(--warning);
+        }
+        
+        .id-label {
+            font-size: 0.75rem;
+            color: #6c757d;
+            font-weight: 600;
+            margin-bottom: 0.25rem;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+        }
+        
+        .id-value {
+            font-size: 0.95rem;
+            font-weight: 700;
+            color: var(--primary);
+            margin-bottom: 0;
+        }
+        
+        .date-container {
+            background: white;
+            border-radius: var(--border-radius);
+            padding: 1rem; /* Reduced from 1.25rem */
+            margin-bottom: 1rem; /* Reduced from 1.5rem */
+            border: 1px solid #e9ecef;
+            box-shadow: var(--box-shadow);
+        }
+        
+        .date-card {
+            text-align: center;
+            padding: 0.75rem;
+            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+            border-radius: var(--border-radius);
+            border: 1px solid rgba(0,0,0,0.05);
+        }
+        
+        .date-icon {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto 0.5rem; /* Reduced from 0.75rem */
+            background: var(--secondary);
+            color: white;
+            font-size: 1rem;
+        }
+        
+        .date-label {
+            font-size: 0.8rem;
+            color: #6c757d;
+            font-weight: 600;
+            margin-bottom: 0.5rem;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+        }
+        
+        .date-value {
+            font-size: 1rem;
+            font-weight: 700;
+            color: var(--primary);
+            padding: 0.5rem;
+            background: white;
+            border-radius: 4px;
+            border: 1px solid #e9ecef;
+        }
+        
+        .date-connector {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+        }
+        
+        .date-connector i {
+            background: var(--light);
+            padding: 10px;
+            border-radius: 50%;
+            color: var(--secondary);
+            border: 2px solid #e9ecef;
+        }
+        
+        .card {
+            border: 1px solid #e9ecef;
+            border-radius: var(--border-radius);
+            margin-bottom: 1rem; /* Reduced from 1.5rem */
+            box-shadow: var(--box-shadow);
+        }
+        
+        .card-header {
+            background: var(--light);
+            border-bottom: 1px solid #e9ecef;
+            padding: 0.75rem 1.25rem;
+            font-weight: 600;
+            color: var(--primary);
+        }
+        
+        .table {
+            margin-bottom: 0;
+            font-size: 0.9rem;
+        }
+        
+        .table > :not(caption) > * > * {
+            padding: 10px 8px;
+        }
+        
+        .table thead th {
+            background-color: var(--light);
+            color: var(--primary);
+            font-weight: 600;
+            border-bottom: 1px solid #dee2e6;
+            font-size: 0.85rem;
+        }
+        
+        .table tbody tr:hover {
+            background-color: rgba(52, 152, 219, 0.03);
+        }
+        
+        .summary-card {
+            background: var(--light);
+            border-left: 4px solid var(--secondary);
+        }
+        
+        .summary-header {
+            background: var(--primary);
+            color: white;
+        }
+        
+        .amount-row {
+            border-bottom: 1px solid #e9ecef;
+            padding: 0.75rem 0;
+        }
+        
+        .total-row {
+            border-top: 2px solid #dee2e6;
+            font-size: 1.1rem;
+            font-weight: 700;
+        }
+        
+        .text-primary {
+            color: var(--primary) !important;
+        }
+        
+        .text-success {
+            color: var(--success) !important;
+        }
+        
+        .text-danger {
+            color: var(--danger) !important;
+        }
+        
+        .badge {
+            font-size: 0.75rem;
+            padding: 0.35rem 0.65rem;
+        }
+        
+        /* COMPACT HEADER STYLES */
+        .compact-header {
+            margin-bottom: 0.75rem; /* Reduced from default */
+        }
+        
+        .compact-header .invoice-title {
+            margin-bottom: 0.25rem; /* Reduced gap */
+        }
+        
+        .compact-header .status-badge {
+            margin-top: 0.25rem; /* Reduced gap */
+        }
+        
+        @media (max-width: 768px) {
+            .invoice-container {
+                margin: 1rem;
+            }
+            
+            .date-connector {
+                margin: 1rem 0;
+            }
+            
+            .table-responsive {
+                font-size: 0.8rem;
+            }
+            
+            .id-box {
+                margin-bottom: 1rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="invoice-container">
+        <div class="p-4">
+            <!-- ============================
+                 INVOICE HEADER - COMPACT
+            ============================ -->
+            @php
+            $showActions = $showActions ?? true;
+            @endphp
 
-    <p><strong>Invoice Date:</strong> {{ $invoice->invoice_date }}</p>
-    <p><strong>Due Date:</strong> {{ $invoice->due_date }}</p>
+            <div class="compact-header">
+                <div class="row align-items-center">
+                    <div class="col-md-6">
+                        <h2 class="invoice-title mb-1">
+                            <i class="fas fa-file-invoice me-2"></i> INVOICE
+                        </h2>
+                        <h4 class="fw-bold text-dark mb-0">{{ $invoice->invoice_number }}</h4>
+                    </div>
 
-    <hr>
+                    <div class="col-md-6 text-end">
+                        <span class="status-badge 
+                            @if($invoice->status=='paid') bg-success 
+                            @elseif($invoice->status=='overdue') bg-danger
+                            @elseif($invoice->status=='pending') bg-warning text-dark
+                            @else bg-secondary @endif">
+                            <i class="fas 
+                                @if($invoice->status=='paid') fa-check-circle 
+                                @elseif($invoice->status=='overdue') fa-exclamation-circle
+                                @elseif($invoice->status=='pending') fa-clock
+                                @else fa-question-circle @endif me-1"></i>
+                            {{ ucfirst($invoice->status) }}
+                        </span>
+                    </div>
+                </div>
+            </div>
 
-    <h5>Customer Details</h5>
-    <p>
-        <strong>{{ $invoice->customer_name }}</strong><br>
-        {{ $invoice->company_name }}<br>
-        {{ $invoice->customer_mobile }}<br>
-        {{ $invoice->customer_email }}<br>
-        {{ $invoice->customer_address }}
-    </p>
+            <!-- Three ID Boxes in One Row -->
+            <div class="id-container">
+                <div class="row">
+                    <!-- Invoice ID Box -->
+                    <div class="col-md-4 mb-3">
+                        <div class="id-box id-box-primary">
+                            <div class="id-icon id-icon-primary">
+                                <i class="fas fa-receipt"></i>
+                            </div>
+                            <div class="id-label">Invoice ID</div>
+                            <div class="id-value">{{ $invoice->invoice_number }}</div>
+                        </div>
+                    </div>
+                    
+                    <!-- Order ID Box -->
+                    <div class="col-md-4 mb-3">
+                        <div class="id-box id-box-secondary">
+                            <div class="id-icon id-icon-secondary">
+                                <i class="fas fa-shopping-cart"></i>
+                            </div>
+                            <div class="id-label">Order ID</div>
+                            <div class="id-value">
+                                @if($invoice->order && $invoice->order->order_id)
+                                    {{ $invoice->order->order_id }}
+                                @elseif($invoice->order_id)
+                                    {{ $invoice->order_id }}
+                                @else
+                                    N/A
+                                @endif
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <!-- Shipment ID Box -->
+                    <div class="col-md-4 mb-3">
+                        <div class="id-box id-box-accent">
+                            <div class="id-icon id-icon-accent">
+                                <i class="fas fa-shipping-fast"></i>
+                            </div>
+                            <div class="id-label">Shipment ID</div>
+                            <div class="id-value">
+                                @php
+                                    $shipmentId = 'N/A';
+                                    // Try multiple ways to get shipment ID
+                                    if($invoice->shipment && $invoice->shipment->shipment_id) {
+                                        $shipmentId = $invoice->shipment->shipment_id;
+                                    } elseif($invoice->shipment_id) {
+                                        $shipmentId = $invoice->shipment_id;
+                                    } elseif(isset($shipment) && $shipment && $shipment->shipment_id) {
+                                        $shipmentId = $shipment->shipment_id;
+                                    }
+                                @endphp
+                                {{ $shipmentId }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-    <hr>
+            <!-- ============================
+                 DATES SECTION
+            ============================ -->
+            <div class="date-container">
+                <div class="row align-items-center">
+                    <div class="col-md-5">
+                        <div class="date-card">
+                            <div class="date-icon">
+                                <i class="fas fa-calendar-alt"></i>
+                            </div>
+                            <div class="date-label">INVOICE DATE</div>
+                            <div class="date-value">{{ \Carbon\Carbon::parse($invoice->invoice_date)->format('M d, Y') }}</div>
+                        </div>
+                    </div>
+                    <div class="col-md-2">
+                        <div class="date-connector">
+                            <i class="fas fa-arrow-right"></i>
+                        </div>
+                    </div>
+                    <div class="col-md-5">
+                        <div class="date-card">
+                            <div class="date-icon">
+                                <i class="fas fa-clock"></i>
+                            </div>
+                            <div class="date-label">DUE DATE</div>
+                            <div class="date-value @if($invoice->status == 'overdue') text-danger @endif">
+                                {{ \Carbon\Carbon::parse($invoice->due_date)->format('M d, Y') }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-    <h5>Invoice Items</h5>
-    <div class="table-responsive">
-        <table class="table table-bordered align-middle text-center">
-            <thead class="table-light">
-                <tr>
-                    <th>#</th>
-                    <th>Description</th>
-                    <th>CTN</th>
-                    <th>QTY</th>
-                    <th>TTL/QTY</th>
-                    <th>Unit</th>
-                    <th>Price</th>
-                    <th>TTL Amount</th>
-                    <th>CBM</th>
-                    <th>TTL CBM</th>
-                    <th>KG</th>
-                    <th>TTL KG</th>
-                    <th>Shop No</th>
-                </tr>
-            </thead>
+            <!-- ============================
+                 CUSTOMER DETAILS
+            ============================ -->
+            <div class="card">
+                <div class="card-header">
+                    <h6 class="mb-0 fw-bold">
+                        <i class="fas fa-user me-2"></i> Customer Details
+                    </h6>
+                </div>
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <h6 class="fw-bold text-primary mb-1">{{ $invoice->customer_name }}</h6>
+                            @if($invoice->company_name)
+                            <p class="mb-1">
+                                <strong>Company:</strong> {{ $invoice->company_name }}
+                            </p>
+                            @endif
+                            <p class="mb-1">
+                                <strong>Mobile:</strong> {{ $invoice->customer_mobile }}
+                            </p>
+                            <p class="mb-1">
+                                <strong>Email:</strong> {{ $invoice->customer_email }}
+                            </p>
+                        </div>
+                        <div class="col-md-6">
+                            <p class="mb-1">
+                                <strong>Address:</strong><br>
+                                {{ $invoice->customer_address }}
+                            </p>
+                            <p class="mb-1">
+                                <strong>Pincode:</strong> {{ $invoice->pincode }}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-            <tbody>
-                @foreach($invoice->items as $i => $item)
-                <tr>
-                    <td>{{ $i+1 }}</td>
-                    <td>{{ $item->description }}</td>
-                    <td>{{ $item->ctn }}</td>
-                    <td>{{ $item->qty }}</td>
-                    <td>{{ $item->ttl_qty }}</td>
-                    <td>{{ $item->unit }}</td>
-                    <td>{{ number_format($item->price,2) }}</td>
-                    <td>{{ number_format($item->ttl_amount,2) }}</td>
-                    <td>{{ $item->cbm }}</td>
-                    <td>{{ $item->ttl_cbm }}</td>
-                    <td>{{ $item->kg }}</td>
-                    <td>{{ $item->ttl_kg }}</td>
-                    <td>{{ $item->shop_no }}</td>
-                </tr>
-                @endforeach
-            </tbody>
-        </table>
+            <!-- ============================
+                 INVOICE ITEMS
+            ============================ -->
+            <div class="card">
+                <div class="card-header">
+                    <h6 class="mb-0 fw-bold">
+                        <i class="fas fa-list me-2"></i> Invoice Items
+                    </h6>
+                </div>
+                <div class="card-body p-0">
+                    <div class="table-responsive">
+                        <table class="table table-bordered table-hover align-middle mb-0">
+                            <thead class="table-light">
+                                <tr>
+                                    <th class="text-center">#</th>
+                                    <th>Description</th>
+                                    <th class="text-center">CTN</th>
+                                    <th class="text-center">QTY</th>
+                                    <th class="text-center">TTL/QTY</th>
+                                    <th class="text-center">Unit</th>
+                                    <th class="text-center">Price</th>
+                                    <th class="text-center">TTL Amount</th>
+                                    <th class="text-center">CBM</th>
+                                    <th class="text-center">TTL CBM</th>
+                                    <th class="text-center">KG</th>
+                                    <th class="text-center">TTL KG</th>
+                                    <th class="text-center">Shop No</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach($invoice->items as $i => $item)
+                                <tr>
+                                    <td class="text-center fw-bold text-muted">{{ $i+1 }}</td>
+                                    <td class="fw-semibold">{{ $item->description }}</td>
+                                    <td class="text-center">{{ $item->ctn }}</td>
+                                    <td class="text-center">{{ $item->qty }}</td>
+                                    <td class="text-center fw-bold">{{ $item->ttl_qty }}</td>
+                                    <td class="text-center">{{ $item->unit }}</td>
+                                    <td class="text-center text-success fw-bold">₹{{ number_format($item->price,2) }}</td>
+                                    <td class="text-center text-primary fw-bold">₹{{ number_format($item->ttl_amount,2) }}</td>
+                                    <td class="text-center">{{ $item->cbm }}</td>
+                                    <td class="text-center">{{ $item->ttl_cbm }}</td>
+                                    <td class="text-center">{{ $item->kg }}</td>
+                                    <td class="text-center">{{ $item->ttl_kg }}</td>
+                                    <td class="text-center">
+                                        <span class="badge bg-light text-dark border">{{ $item->shop_no }}</span>
+                                    </td>
+                                </tr>
+                                @endforeach
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+
+            <!-- ============================
+                 FINAL SUMMARY
+            ============================ -->
+            <div class="row">
+                <div class="col-md-6 offset-md-6">
+                    <div class="card summary-card">
+                        <div class="card-header summary-header">
+                            <h6 class="mb-0 fw-bold">
+                                <i class="fas fa-calculator me-2"></i> Final Summary
+                            </h6>
+                        </div>
+                        <div class="card-body">
+                            <div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom">
+                                <span class="fw-semibold">Amount:</span>
+                                <span class="fw-bold text-dark">₹{{ number_format($invoice->final_amount,2) }}</span>
+                            </div>
+
+                            @if($invoice->tax_type === 'gst')
+                                {{-- CGST --}}
+                                <div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom">
+                                    <span class="fw-semibold">CGST ({{ $invoice->cgst_percent ?? ($invoice->gst_percent/2) }}%):</span>
+                                    <span class="fw-bold text-danger">₹{{ number_format($invoice->gst_amount/2, 2) }}</span>
+                                </div>
+
+                                {{-- SGST --}}
+                                <div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom">
+                                    <span class="fw-semibold">SGST ({{ $invoice->sgst_percent ?? ($invoice->gst_percent/2) }}%):</span>
+                                    <span class="fw-bold text-danger">₹{{ number_format($invoice->gst_amount/2, 2) }}</span>
+                                </div>
+
+                            @elseif($invoice->tax_type === 'igst')
+                                {{-- IGST --}}
+                                <div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom">
+                                    <span class="fw-semibold">IGST ({{ $invoice->igst_percent ?? $invoice->gst_percent }}%):</span>
+                                    <span class="fw-bold text-danger">₹{{ number_format($invoice->gst_amount, 2) }}</span>
+                                </div>
+                            @else
+                                {{-- Default GST --}}
+                                <div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom">
+                                    <span class="fw-semibold">GST ({{ $invoice->gst_percent }}%):</span>
+                                    <span class="fw-bold text-danger">₹{{ number_format($invoice->gst_amount, 2) }}</span>
+                                </div>
+                            @endif
+
+                            <div class="d-flex justify-content-between align-items-center pt-1">
+                                <span class="fw-bold text-dark">Total Payable:</span>
+                                <span class="fw-bold text-success">₹{{ number_format($invoice->final_amount_with_gst,2) }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- ============================
+                 FOOTER — DOWNLOAD & SHARE
+            ============================ -->
+            <div class="mt-4 pt-3 border-top text-center">
+                @if($invoice->pdf_path)
+                <a href="{{ asset($invoice->pdf_path) }}" class="btn btn-primary me-2" download>
+                    <i class="fas fa-download me-1"></i> Download PDF
+                </a>
+
+                <button class="btn btn-success" onclick="shareInvoice()">
+                    <i class="fas fa-share me-1"></i> Share
+                </button>
+                @endif
+            </div>
+
+            <!-- Footer Message -->
+            <div class="mt-4 pt-3 border-top text-center text-muted">
+                <p class="mb-1">Thank you for your business!</p>
+                <p class="mb-0">For any inquiries, contact us at support@Kent Logistic</p>
+            </div>
+        </div>
     </div>
 
-    <hr>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+    
+    <!-- ============================
+         SHARE SCRIPT
+    ============================ -->
+    <script>
+    function shareInvoice() {
+        const shareData = {
+            title: "Invoice {{ $invoice->invoice_number }}",
+            text: "Sharing invoice {{ $invoice->invoice_number }}",
+            url: "{{ asset($invoice->pdf_path) }}"
+        };
 
-    <h5>Final Summary</h5>
-    <p><strong>Amount:</strong> ₹{{ number_format($invoice->final_amount,2) }}</p>
-    <p><strong>GST ({{ $invoice->gst_percent }}%):</strong> ₹{{ number_format($invoice->gst_amount,2) }}</p>
-    <p><strong>Total With GST:</strong> ₹{{ number_format($invoice->final_amount_with_gst,2) }}</p>
-
-    <p><strong>Status:</strong> {{ ucfirst($invoice->status) }}</p>
-</div>
+        if (navigator.share) {
+            navigator.share(shareData).catch(() => {});
+        } else {
+            navigator.clipboard.writeText(shareData.url);
+            alert("Link copied! Sharing not supported on this browser.");
+        }
+    }
+    </script>
+</body>
+</html>

resources/views/admin/profile_update_requests.blade.php

@@ -0,0 +1,111 @@
+@extends('admin.layouts.app')
+
+@section('page-title', 'Profile Update Requests')
+
+@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
+
+    <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>
+
+    <h4 class="fw-bold my-3">Profile Update Requests ({{ $total }})</h4>
+
+    <div class="card mb-4 shadow-sm">
+        <div class="card-body pb-1">
+
+            <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>
+
+                    <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
+
+                            <tr>
+                                <td><strong>{{ ($currentPage - 1) * $perPage + $index + 1 }}</strong></td>
+
+                                <td>
+                                    <strong>{{ $user->customer_name }}</strong><br>
+                                    <small>{{ $user->email }}</small><br>
+                                    <small>ID: {{ $user->customer_id }}</small>
+                                </td>
+
+                                <td>
+                                    @foreach($newData as $key => $newValue)
+                                        @php
+                                            $oldValue = $user->$key ?? '—';
+                                            $changed = $oldValue != $newValue;
+                                        @endphp
+
+                                        <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>
+
+                                <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>
+
+                                <td>{{ $req->created_at->format('d M Y, h:i A') }}</td>
+
+                                <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>
+
+                                        <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>
+
+                            </tr>
+                        @endforeach
+                    </tbody>
+                </table>
+            </div>
+
+        </div>
+    </div>
+</div>
+@endsection

resources/views/admin/requests.blade.php

@@ -5,225 +5,458 @@
 @section('content')
 <div class="container-fluid px-0">
 
+    @php
+        $perPage = 5; // ✅ FORCED to show pagination even with few records
+        $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
+
     <style>
-      /* 🌟 Smooth fade-in animation */
-      @keyframes fadeInUp {
-          0% {
-              transform: translateY(20px);
-              opacity: 0;
-          }
-          100% {
-              transform: translateY(0);
-              opacity: 1;
-          }
-      }
+        /* [ALL YOUR ORIGINAL CSS HERE - SAME AS BEFORE] */
+        @keyframes fadeInUp {0% { transform: translateY(20px); opacity: 0; }100% { transform: translateY(0); opacity: 1; }}
+        .card, .custom-table-wrapper { animation: fadeInUp 0.8s ease both; }
+        .custom-table tbody tr { transition: all 0.25s ease-in-out; }
+        .custom-table tbody tr:hover { background-color: #fffbea; transform: scale(1.01); box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
+        .priority-badge {
+            display: inline-flex; align-items: center; font-size: 13.5px; padding: 6px 16px; border-radius: 12px; font-weight: 600;
+            box-shadow: 0 1px 2px 0 rgba(130,130,130,0.15); width: 90px; min-height: 28px; justify-content: center;
+            color: #fff; margin: 2px 0; transition: transform 0.2s ease-in-out;
+        }
+        .priority-badge:hover { transform: scale(1.08); }
+        .priority-high { background: linear-gradient(135deg, #ff8a8a, #d12929); }
+        .priority-medium { background: linear-gradient(135deg, #ffe390, #f5b041); }
+        .priority-low { background: linear-gradient(135deg, #b8f0c2, #1d8660); }
+        .custom-table thead th {
+            text-align: center; font-weight: 700; color: #000; padding: 14px; font-size: 17px; letter-spacing: 0.5px;
+            border-bottom: 2px solid #bfbfbf; background-color: #fde4b3;
+        }
+        .custom-table thead tr:first-child th:first-child { border-top-left-radius: 12px; }
+        .custom-table thead tr:first-child th:last-child { border-top-right-radius: 12px; }
+        .custom-table tbody tr:last-child td:first-child { border-bottom-left-radius: 12px; }
+        .custom-table tbody tr:last-child td:last-child { border-bottom-right-radius: 12px; }
+        .input-group input { border-radius: 10px 0 0 10px; border: 1px solid #ccc; box-shadow: inset 0 1px 3px rgba(0,0,0,0.05); }
+        .input-group .btn { border-radius: 0 10px 10px 0; transition: all 0.2s ease-in-out; }
+        .input-group .btn:hover { background: #ffd65a; border-color: #ffd65a; color: #000; }
+        .card { border-radius: 16px; border: none; box-shadow: 0 4px 10px rgba(0,0,0,0.08); background: #fff; }
+        .badge {
+            font-size: 11px !important; font-weight: 600 !important; padding: 7px 13px !important; border-radius: 20px !important;
+            text-transform: uppercase; letter-spacing: 0.3px; display: inline-flex !important; align-items: center; justify-content: center;
+            color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.3); border: 2px solid transparent !important;
+            line-height: 1.2; gap: 6px; animation: pulse 2s infinite; width: 99px;
+        }
+        .status-icon { font-size: 0px; display: flex; align-items: center; justify-content: center; }
+        .badge.badge-pending { background: linear-gradient(135deg, #fef3c7, #fde68a) !important; color: #d97706 !important; border-color: #f59e0b !important; width: 85px; }
+        .badge.badge-approved { background: linear-gradient(135deg, #d1fae5, #a7f3d0) !important; color: #065f46 !important; border-color: #10b981 !important; width: 85px; }
+        .badge.badge-rejected { background: linear-gradient(135deg, #fecaca, #fca5a5) !important; color: #991b1b !important; border-color: #ef4444 !important; width: 85px; }
+        @keyframes pulse {0% { box-shadow: 0 0 8px rgba(0,0,0,0.1); }50% { box-shadow: 0 0 14px rgba(0,0,0,0.15); }100% { box-shadow: 0 0 8px rgba(0,0,0,0.1); }}
+        .count-badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); }
+        h4.fw-bold { background: linear-gradient(90deg, #000000ff 0%, #030302ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; letter-spacing: 1px; }
+        .custom-table tbody td:last-child { text-align: center !important; vertical-align: middle !important; }
+        
+        /* ===== PAGINATION STYLES ===== */
+        .pagination-container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 15px;
+            padding: 12px 0;
+            border-top: 1px solid #eef3fb;
+        }
 
-      /* ✨ Container animation */
-      .card, .custom-table-wrapper {
-          animation: fadeInUp 0.8s ease both;
-      }
+        .pagination-info {
+            font-size: 13px;
+            color: #9ba5bb;
+            font-weight: 600;
+        }
 
-      /* 🪄 Table hover effect */
-      .custom-table tbody tr {
-          transition: all 0.25s ease-in-out;
-      }
-      .custom-table tbody tr:hover {
-          background-color: #fffbea;
-          transform: scale(1.01);
-          box-shadow: 0 2px 6px rgba(0,0,0,0.05);
-      }
+        .pagination-controls {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
 
-      /* 🎯 Priority Badges */
-      .priority-badge {
-          display: inline-flex;
-          align-items: center;
-          font-size: 13.5px;
-          padding: 4px 16px 4px 11px;
-          border-radius: 12px;
-          font-weight: 500;
-          gap: 6px;
-          box-shadow: 0 1px 2px 0 rgba(130,130,130,0.15);
-          min-width: 76px;
-          min-height: 28px;
-          justify-content: center;
-          color: #fff;
-          margin: 2px 0;
-          transition: transform 0.2s ease-in-out;
-      }
-      .priority-badge:hover {
-          transform: scale(1.08);
-      }
-      .priority-high { background: linear-gradient(135deg, #ff8a8a, #d12929); color: #fff; }
-      .priority-medium { background: linear-gradient(135deg, #ffe390, #f5b041); color: #fff; }
-      .priority-low { background: linear-gradient(135deg, #b8f0c2, #1d8660); color: #fff; }
+        .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;
+        }
 
-      .priority-badge .icon {
-          margin-right: 5px;
-          font-size: 1.1em;
-          line-height: 1;
-          display:inline-block;
-          width: 17px;
-          text-align: center;
-      }
+        .pagination-btn:hover:not(:disabled) {
+            background: #1a2951;
+            color: white;
+            border-color: #1a2951;
+        }
 
-      /* 🎨 Table Header (keep original bg-light color) */
-      .custom-table thead th {
-          text-align: center;
-          font-weight: 700;
-          color: #000;
-          padding: 14px;
-          font-size: 17px;
-          letter-spacing: 0.5px;
-          border-bottom: 2px solid #bfbfbf;
-          background-color: #fde4b3 /* Bootstrap bg-light */
-      }
+        .pagination-btn:disabled {
+            background: #f8fafc;
+            color: #cbd5e0;
+            border-color: #e2e8f0;
+            cursor: not-allowed;
+            opacity: 0.6;
+        }
 
-      /* 🟢 Rounded Corners for Header */
-      .custom-table thead tr:first-child th:first-child {
-          border-top-left-radius: 12px;
-      }
-      .custom-table thead tr:first-child th:last-child {
-          border-top-right-radius: 12px;
-      }
+        .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;
+            text-decoration: none;
+        }
 
-      /* 🧾 Table bottom corners */
-      .custom-table tbody tr:last-child td:first-child {
-          border-bottom-left-radius: 12px;
-      }
-      .custom-table tbody tr:last-child td:last-child {
-          border-bottom-right-radius: 12px;
-      }
+        .pagination-page-btn:hover {
+            background: #1a2951;
+            color: white;
+            border-color: #1a2951;
+        }
 
-      /* 💫 Search box styling */
-      .input-group input {
-          border-radius: 10px 0 0 10px;
-          border: 1px solid #ccc;
-          box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
-      }
-      .input-group .btn {
-          border-radius: 0 10px 10px 0;
-          transition: all 0.2s ease-in-out;
-      }
-      .input-group .btn:hover {
-          background: #ffd65a;
-          border-color: #ffd65a;
-          color: #000;
-      }
+        .pagination-page-btn.active {
+            background: #1a2951;
+            color: white;
+            border-color: #1a2951;
+        }
 
-      /* 🎨 Card Style */
-      .card {
-          border-radius: 16px;
-          border: none;
-          box-shadow: 0 4px 10px rgba(0,0,0,0.08);
-          background: #fff;
-      }
+        .pagination-pages {
+            display: flex;
+            gap: 4px;
+            align-items: center;
+        }
 
-      /* ⚡ Status Badges */
-      .badge {
-          font-size: 13px;
-          padding: 7px 12px;
-          border-radius: 10px;
-      }
+        .pagination-ellipsis {
+            color: #9ba5bb;
+            font-size: 13px;
+            padding: 0 4px;
+        }
 
-      /* ✨ Heading style */
-      h4.fw-bold {
-          background: linear-gradient(90deg, #000000ff 0%, #030302ff 100%);
-          -webkit-background-clip: text;
-          -webkit-text-fill-color: transparent;
-          font-weight: 800;
-          letter-spacing: 1px;
-      }
+        .pagination-img-btn {
+            background: #fff;
+            border: 1px solid #e3eaf6;
+            border-radius: 6px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 40px;
+            height: 32px;
+            padding: 0;
+            text-decoration: none;
+        }
 
-      /* ✅ Center align for last column */
-      .custom-table tbody td:last-child {
-          text-align: center !important;
-          vertical-align: middle !important;
-      }
+        .pagination-img-btn:hover:not(:disabled) {
+            background: #1a2951;
+            border-color: #1a2951;
+        }
+
+        .pagination-img-btn:disabled {
+            background: #f8fafc;
+            border-color: #e2e8f0;
+            cursor: not-allowed;
+            opacity: 0.5;
+        }
+
+        .pagination-img-btn svg {
+            width: 16px;
+            height: 16px;
+            transition: filter 0.3s ease;
+        }
+
+        .pagination-img-btn:hover:not(:disabled) svg {
+            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(106%) contrast(101%);
+        }
+
+        .pagination-img-btn:disabled svg {
+            filter: brightness(0) saturate(100%) invert(84%) sepia(8%) saturate(165%) hue-rotate(179deg) brightness(89%) contrast(86%);
+        }
+
+        /* ===== UPDATED SEARCH BAR STYLES ===== */
+        .search-container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+            gap: 15px;
+        }
+        
+        .search-form {
+            flex: 1;
+            max-width: 400px;
+        }
+        
+        .search-input-group {
+            display: flex;
+            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
+            border-radius: 10px;
+            overflow: hidden;
+        }
+        
+        .search-input {
+            flex: 1;
+            border: 1px solid #e2e8f0;
+            border-right: none;
+            padding: 10px 16px;
+            font-size: 14px;
+            background-color: #fff;
+            transition: all 0.3s ease;
+        }
+        
+        .search-input:focus {
+            outline: none;
+            border-color: #3b82f6;
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+        }
+        
+        .search-button {
+            background: #3b82f6;
+            border: 1px solid #3b82f6;
+            color: white;
+            padding: 10px 16px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        
+        .search-button:hover {
+            background: #2563eb;
+            border-color: #2563eb;
+        }
+        
+        .search-icon {
+            width: 16px;
+            height: 16px;
+        }
+        
+        .status-badges {
+            display: flex;
+            gap: 8px;
+            align-items: center;
+        }
+        
+        .status-badge {
+            font-size: 12px;
+            font-weight: 600;
+            padding: 6px 12px;
+            border-radius: 20px;
+            display: inline-flex;
+            align-items: center;
+            gap: 4px;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+        }
+        
+        .status-badge-pending {
+            background: linear-gradient(135deg, #fef3c7, #fde68a);
+            color: #d97706;
+            border: 1px solid #f59e0b;
+        }
+        
+        .status-badge-approved {
+            background: linear-gradient(135deg, #d1fae5, #a7f3d0);
+            color: #065f46;
+            border: 1px solid #10b981;
+        }
+        
+        .status-badge-rejected {
+            background: linear-gradient(135deg, #fecaca, #fca5a5);
+            color: #991b1b;
+            border: 1px solid #ef4444;
+        }
+
+        /* Responsive styles */
+        @media (max-width: 768px) {
+            .pagination-container {
+                flex-direction: column;
+                gap: 10px;
+                align-items: stretch;
+            }
+            .pagination-controls {
+                justify-content: center;
+            }
+            
+            .search-container {
+                flex-direction: column;
+                align-items: stretch;
+            }
+            
+            .search-form {
+                max-width: 100%;
+            }
+            
+            .status-badges {
+                justify-content: center;
+            }
+        }
     </style>
 
-    <!-- Heading and status badges row -->
+    <!-- Counts -->
     <div class="d-flex justify-content-between align-items-center mb-2 mt-3">
-        <h4 class="fw-bold mb-0">User Requests</h4>
-        <div>
-            <span class="badge rounded-pill bg-primary me-1">
-                {{ $requests->where('status', 'pending')->count() }} Pending
-            </span>
-            <span class="badge rounded-pill bg-success me-1">
-                {{ $requests->where('status', 'approved')->count() }} Approved
-            </span>
-            <span class="badge rounded-pill bg-danger">
-                {{ $requests->where('status', 'rejected')->count() }} Rejected
-            </span>
-        </div>
+        <h4 class="fw-bold mb-0">User Requests (Total: {{ $total }})</h4>
+       
     </div>
 
+    <!-- Search + Table -->
     <div class="card mb-4 shadow-sm">
         <div class="card-body pb-1">
-            <form method="GET" action="">
-                <div class="input-group mb-2">
-                    <input type="text" name="search" value="{{ old('search', request('search')) }}" class="form-control" placeholder="Search Request by name, email, Company or Request ID">
-                    <button class="btn btn-outline-primary" type="submit"><i class="bi bi-search"></i></button>
+            <!-- Updated Search Bar with Status Badges in the same line -->
+            <div class="search-container">
+                <form method="GET" action="" class="search-form">
+                    <div class="search-input-group">
+                        <input type="text" name="search" value="{{ request('search') }}" class="search-input" placeholder="Search by name, email, company...">
+                        <button class="search-button" type="submit">
+                            <svg class="search-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M21 21L16.514 16.506L21 21ZM19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            </svg>
+                        </button>
+                    </div>
+                </form>
+                
+                <div class="status-badges">
+                    <span class="status-badge status-badge-pending">{{ $requests->where('status', 'pending')->count() }} Pending</span>
+                    <span class="status-badge status-badge-approved">{{ $requests->where('status', 'approved')->count() }} Approved</span>
+                    <span class="status-badge status-badge-rejected">{{ $requests->where('status', 'rejected')->count() }} Rejected</span>
                 </div>
-            </form>
+            </div>
 
             <div class="table-responsive custom-table-wrapper">
                 <table class="table align-middle mb-0 custom-table">
-                    <thead class="bg-light">
-                        <tr>
-                            <th>#</th>
-                            <th>Request ID</th>
-                            <th>Name</th>
-                            <th>Company</th>
-                            <th>Email</th>
-                            <th>Mobile</th>
-                            <th>Address</th>
-                            <th>Priority</th>
-                            <th>Date</th>
-                            <th>Status</th>
-                            <th>Actions</th>
-                        </tr>
-                    </thead>
+                    <thead><tr>
+                        <th>#</th><th>Request ID</th><th>Name</th><th>Company</th><th>Email</th><th>Mobile</th><th>Address</th><th>Priority</th><th>Date</th><th>Status</th><th>Actions</th>
+                    </tr></thead>
                     <tbody>
-                        @foreach($requests as $index => $req)
+                        @forelse($currentItems as $index => $req)
                             <tr>
-                                <td>{{ $requests->count() - $index }}</td>
+                                <td><strong>{{ ($currentPage - 1) * $perPage + $index + 1 }}</strong></td>
                                 <td>{{ $req->request_id }}</td>
                                 <td>{{ $req->customer_name }}</td>
                                 <td>{{ $req->company_name }}</td>
                                 <td>{{ $req->email }}</td>
                                 <td>{{ $req->mobile_no }}</td>
-                                <td>{{ $req->address }}</td>
+                                <td>{{ Str::limit($req->address, 30) }}</td>
                                 <td>
-                                    @if(strtolower($req->priority) == 'high')
-                                        <span class="priority-badge priority-high"><span class="icon">🔥</span>High</span>
-                                    @elseif(strtolower($req->priority) == 'medium')
-                                        <span class="priority-badge priority-medium"><span class="icon">⚡</span>Medium</span>
-                                    @elseif(strtolower($req->priority) == 'low')
-                                        <span class="priority-badge priority-low"><span class="icon">🟢</span>Low</span>
-                                    @else
-                                        {{ $req->priority }}
-                                    @endif
+                                    @if(strtolower($req->priority) == 'high')<span class="priority-badge priority-high">High</span>
+                                    @elseif(strtolower($req->priority) == 'medium')<span class="priority-badge priority-medium">Medium</span>
+                                    @elseif(strtolower($req->priority) == 'low')<span class="priority-badge priority-low">Low</span>
+                                    @else{{ $req->priority ?? 'N/A' }}@endif
                                 </td>
                                 <td>{{ $req->date }}</td>
                                 <td>
-                                    @if($req->status == 'approved')
-                                        <span class="badge bg-success">Approved</span>
-                                    @elseif($req->status == 'rejected')
-                                        <span class="badge bg-danger">Rejected</span>
+                                    @if($req->status == 'approved')<span class="badge badge-approved"><i class="bi bi-check-circle-fill status-icon"></i>Approved</span>
+                                    @elseif($req->status == 'rejected')<span class="badge badge-rejected"><i class="bi bi-x-circle-fill status-icon"></i>Rejected</span>
+                                    @else<span class="badge badge-pending"><i class="bi bi-clock-fill status-icon"></i>Pending</span>@endif
+                                </td>
+                                <td>
+                                    @if($req->status == 'pending')
+                                        <a href="{{ route('admin.requests.approve', $req->id) }}" 
+                                        class="btn btn-success btn-sm">
+                                            <i class="bi bi-check-circle"></i> Approve
+                                        </a>
+
+                                        <a href="{{ route('admin.requests.reject', $req->id) }}" 
+                                        class="btn btn-danger btn-sm">
+                                            <i class="bi bi-x-circle"></i> Reject
+                                        </a>
                                     @else
-                                        <span class="badge bg-warning text-dark">Pending</span>
+                                        <span class="text-muted">No Action</span>
                                     @endif
                                 </td>
-                                <td>N/A</td>
+
                             </tr>
-                        @endforeach
+                        @empty
+                            <tr><td colspan="11" class="text-center text-muted py-4">No records found.</td></tr>
+                        @endforelse
                     </tbody>
                 </table>
-                @if($requests->isEmpty())
-                    <div class="py-4 text-center text-muted">No records found.</div>
-                @endif
+            </div>
+
+            {{-- ✅ PAGINATION - WITH ARROW BUTTONS --}}
+            <div class="pagination-container">
+                <div class="pagination-info">
+                    Showing {{ ($currentPage - 1) * $perPage + 1 }} to {{ min($currentPage * $perPage, $total) }} of {{ $total }} entries
+                </div>
+                <div class="pagination-controls">
+                    {{-- Previous Page --}}
+                    @if($currentPage > 1)
+                        <a href="{{ request()->fullUrlWithQuery(['page' => $currentPage - 1]) }}" class="pagination-img-btn" title="Previous page">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            </svg>
+                        </a>
+                    @else
+                        <button class="pagination-img-btn" disabled title="Previous page">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            </svg>
+                        </button>
+                    @endif
+
+                    {{-- Page Numbers --}}
+                    <div class="pagination-pages">
+                        @php
+                            $start = max(1, $currentPage - 1);
+                            $end = min($totalPages, $currentPage + 1);
+                        @endphp
+
+                        @if($start > 1)
+                            <a href="{{ request()->fullUrlWithQuery(['page' => 1]) }}" class="pagination-page-btn">1</a>
+                            @if($start > 2)
+                                <span class="pagination-ellipsis">...</span>
+                            @endif
+                        @endif
+
+                        @for($i = $start; $i <= $end; $i++)
+                            @if($i == $currentPage)
+                                <span class="pagination-page-btn active">{{ $i }}</span>
+                            @else
+                                <a href="{{ request()->fullUrlWithQuery(['page' => $i]) }}" class="pagination-page-btn">{{ $i }}</a>
+                            @endif
+                        @endfor
+
+                        @if($end < $totalPages)
+                            @if($end < $totalPages - 1)
+                                <span class="pagination-ellipsis">...</span>
+                            @endif
+                            <a href="{{ request()->fullUrlWithQuery(['page' => $totalPages]) }}" class="pagination-page-btn">{{ $totalPages }}</a>
+                        @endif
+                    </div>
+
+                    {{-- Next Page --}}
+                    @if($currentPage < $totalPages)
+                        <a href="{{ request()->fullUrlWithQuery(['page' => $currentPage + 1]) }}" class="pagination-img-btn" title="Next page">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M6 4L10 8L6 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            </svg>
+                        </a>
+                    @else
+                        <button class="pagination-img-btn" disabled title="Next page">
+                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M6 4L10 8L6 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            </svg>
+                        </button>
+                    @endif
+                </div>
             </div>
         </div>
     </div>
 </div>
-@endsection
+@endsection

resources/views/admin/staff/create.blade.php

@@ -0,0 +1,187 @@
+@extends('admin.layouts.app')
+
+@section('page-title', 'Account Dashboard')
+
+@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; }
+</style>
+
+<div class="card">
+  <h3>Add Staff</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.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>
+            </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>
+    </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'});
+  }
+
+  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);
+  }
+</script>
+@endsection

resources/views/admin/staff/edit.blade.php

@@ -0,0 +1,156 @@
+@extends('admin.layouts.app')
+
+@section('page-title', 'Account Dashboard')
+
+@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; }
+</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>
+
+        <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
+
+    <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>
+    </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);
+  }
+</script>
+@endsection

resources/views/admin/staff/index.blade.php

@@ -0,0 +1,65 @@
+@extends('admin.layouts.app')
+
+@section('page-title', 'Account 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; }
+</style>
+
+<div class="top-bar">
+  <h2>Staff</h2>
+  <a href="{{ route('admin.staff.create') }}" class="btn primary">Add Staff</a>
+</div>
+
+<div class="card">
+  @if(session('success'))
+    <div style="padding:.5rem; background:#e6ffed; border:1px solid #b6f0c6; margin-bottom:1rem;">{{ session('success') }}</div>
+  @endif
+
+  <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

resources/views/admin/view_shipment.blade.php

@@ -0,0 +1,128 @@
+@extends('admin.layouts.app')
+
+@section('page-title', 'Shipment Preview')
+
+@section('content')
+
+<div class="container py-4">
+
+    <div class="card shadow-sm border-0">
+        <div class="card-header bg-primary text-white">
+            <h5 class="mb-0">
+                <i class="bi bi-box-seam me-2"></i>
+                Shipment Preview: {{ $shipment->shipment_id }}
+            </h5>
+        </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">
+                <tr>
+                    <th>Shipment ID</th>
+                    <td>{{ $shipment->shipment_id }}</td>
+                </tr>
+                <tr>
+                    <th>Origin</th>
+                    <td>{{ $shipment->origin }}</td>
+                </tr>
+                <tr>
+                    <th>Destination</th>
+                    <td>{{ $shipment->destination }}</td>
+                </tr>
+                <tr>
+                    <th>Status</th>
+                    <td>{{ ucfirst($shipment->status) }}</td>
+                </tr>
+                <tr>
+                    <th>Date</th>
+                    <td>{{ \Carbon\Carbon::parse($shipment->shipment_date)->format('d M Y') }}</td>
+                </tr>
+            </table>
+
+            <!-- Orders in Shipment -->
+            <h5 class="fw-bold mt-4">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
+                        </tbody>
+                    </table>
+                </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>
+
+            <a href="{{ route('admin.shipments') }}" class="btn btn-secondary mt-3">
+                ← Back to Shipments
+            </a>
+
+        </div>
+    </div>
+</div>
+
+@endsection

routes/api.php

@@ -4,17 +4,46 @@ use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\RequestController;
 use App\Http\Controllers\UserAuthController;
 use App\Http\Controllers\MarkListController;
+use App\Http\Controllers\User\UserOrderController;
+use App\Http\Controllers\User\UserProfileController;
+
 
 //user send request
 Route::post('/signup-request', [RequestController::class, 'usersignup']);
 
 //login / logout
 Route::post('/user/login', [UserAuthController::class, 'login']);
-Route::post('/user/logout', [UserAuthController::class, 'logout'])->middleware('auth:api');
 
 
 
 Route::middleware(['auth:api'])->group(function () {
-    Route::get('/show-mark-list', [MarkListController::class, 'showmarklist']);     // Fetch all marks by user
-    Route::post('/add-mark-no', [MarkListController::class, 'addmarkno']);    // Create new mark
+    //Route::post('/user/refresh', [UserAuthController::class, 'refreshToken']);
+
+    Route::post('/user/logout', [UserAuthController::class, 'logout']);
+
+    // Marklist
+    Route::get('/show-mark-list', [MarkListController::class, 'showmarklist']);
+    Route::post('/add-mark-no', [MarkListController::class, 'addmarkno']);
+
+    // Orders
+    Route::get('/user/order-summary', [UserOrderController::class, 'orderSummary']);
+    Route::get('/user/orders', [UserOrderController::class, 'allOrders']);
+    Route::get('/user/order/{order_id}/details', [UserOrderController::class, 'orderDetails']);
+    Route::get('/user/order/{order_id}/shipment', [UserOrderController::class, 'orderShipment']);
+    Route::get('/user/order/{order_id}/invoice', [UserOrderController::class, 'orderInvoice']);
+    Route::get('/user/order/{order_id}/track', [UserOrderController::class, 'trackOrder']);
+    Route::get('/user/invoice/{invoice_id}/details', [UserOrderController::class, 'invoiceDetails']);
+
+    // Invoice List
+    Route::get('/user/invoices', [UserOrderController::class, 'allInvoices']);
+    Route::get('/user/invoice/{invoice_id}/installments', [UserOrderController::class, 'invoiceInstallmentsById']);
+
+    // Profile
+    
+
+    Route::get('/user/profile', [UserProfileController::class, 'profile']);
+    Route::post('/user/profile-image', [UserProfileController::class, 'updateProfileImage']);
+    Route::post('/user/profile-update-request', [UserProfileController::class, 'updateProfileRequest']);
+
+    // Route::post('/user/profile/update', [UserProfileController::class, 'updateProfile']);
 });

routes/web.php

@@ -10,6 +10,7 @@ use App\Http\Controllers\Admin\AdminInvoiceController;
 use App\Http\Controllers\Admin\AdminCustomerController;
 use App\Http\Controllers\Admin\AdminAccountController;
 use App\Http\Controllers\Admin\AdminReportController;
+use App\Http\Controllers\Admin\AdminStaffController;
 
 // ---------------------------
 // Public Front Page
@@ -21,17 +22,11 @@ Route::get('/', function () {
 // ---------------------------
 // ADMIN LOGIN ROUTES
 // ---------------------------
+// login routes (public)
 Route::prefix('admin')->group(function () {
-
-    // MUST have route name "login" for session redirect
-    Route::get('/login', [AdminAuthController::class, 'showLoginForm'])
-        ->name('admin.login');
-
-    Route::post('/login', [AdminAuthController::class, 'login'])
-        ->name('admin.login.submit');
-
-    Route::post('/logout', [AdminAuthController::class, 'logout'])
-        ->name('admin.logout');
+    Route::get('/login', [AdminAuthController::class, 'showLoginForm'])->name('admin.login');
+    Route::post('/login', [AdminAuthController::class, 'login'])->name('admin.login.submit');
+    Route::post('/logout', [AdminAuthController::class, 'logout'])->name('admin.logout');
 });
 
 
@@ -64,135 +59,246 @@ Route::prefix('admin')
         // ---------------------------
         // USER REQUESTS
         // ---------------------------
-        Route::get('/requests', [UserRequestController::class, 'index'])
-            ->name('admin.requests');
+            Route::get('/requests', [UserRequestController::class, 'index'])
+                ->name('admin.requests');
 
-        Route::get('/requests/approve/{id}', [UserRequestController::class, 'approve'])
-            ->name('admin.requests.approve');
+            Route::get('/requests/approve/{id}', [UserRequestController::class, 'approve'])
+                ->name('admin.requests.approve');
+
+            Route::get('/requests/reject/{id}', [UserRequestController::class, 'reject'])
+                ->name('admin.requests.reject');
+
+        // PROFILE UPDATE REQUESTS
+        Route::get('/profile-update-requests', 
+            [UserRequestController::class, 'profileUpdateRequests']
+        )->name('admin.profile.requests');
+
+        Route::get('/profile-update/approve/{id}', 
+            [UserRequestController::class, 'approveProfileUpdate']
+        )->name('admin.profile.approve');
+
+        Route::get('/profile-update/reject/{id}', 
+            [UserRequestController::class, 'rejectProfileUpdate']
+        )->name('admin.profile.reject');
 
-        Route::get('/requests/reject/{id}', [UserRequestController::class, 'reject'])
-            ->name('admin.requests.reject');
 
 
         // ---------------------------
         // MARK LIST
         // ---------------------------
-        Route::get('/mark-list', [AdminMarkListController::class, 'index'])
-            ->name('admin.marklist.index');
+            Route::get('/mark-list', [AdminMarkListController::class, 'index'])
+                ->name('admin.marklist.index');
 
-        Route::get('/mark-list/status/{id}', [AdminMarkListController::class, 'toggleStatus'])
-            ->name('admin.marklist.toggle');
+            Route::get('/mark-list/status/{id}', [AdminMarkListController::class, 'toggleStatus'])
+                ->name('admin.marklist.toggle');
 
 
         // ---------------------------
         // ORDERS
         // ---------------------------
-        Route::get('/orders', fn() => view('admin.orders'))
-            ->name('admin.orders');
-
-        Route::get('/orders/list', [AdminOrderController::class, 'index'])
-            ->name('admin.orders.index');
-
-        Route::get('/orders/{id}', [AdminOrderController::class, 'show'])
-            ->name('admin.orders.show');
-
-        Route::post('/orders/temp/add', [AdminOrderController::class, 'addTempItem'])
-            ->name('admin.orders.temp.add');
-
-        Route::post('/orders/temp/delete', [AdminOrderController::class, 'deleteTempItem'])
-            ->name('admin.orders.temp.delete');
-
-        Route::post('/orders/temp/reset', [AdminOrderController::class, 'resetTemp'])
-            ->name('admin.orders.temp.reset');
-
-        Route::post('/orders/finish', [AdminOrderController::class, 'finishOrder'])
-            ->name('admin.orders.finish');
-
-        Route::get('/orders/view/{id}', [AdminOrderController::class, 'popup'])
-            ->name('admin.orders.popup');
+            Route::get('/orders', [AdminOrderController::class, 'orderShow'])
+                ->name('admin.orders');
 
 
+            Route::get('/orders/list', [AdminOrderController::class, 'index'])
+                ->name('admin.orders.index');
+
+            Route::get('/orders/{id}', [AdminOrderController::class, 'show'])
+                ->name('admin.orders.show');
+
+            Route::post('/orders/temp/add', [AdminOrderController::class, 'addTempItem'])
+                ->name('admin.orders.temp.add');
+
+            Route::post('/orders/temp/delete', [AdminOrderController::class, 'deleteTempItem'])
+                ->name('admin.orders.temp.delete');
+
+            Route::post('/orders/temp/reset', [AdminOrderController::class, 'resetTemp'])
+                ->name('admin.orders.temp.reset');
+
+            Route::post('/orders/finish', [AdminOrderController::class, 'finishOrder'])
+                ->name('admin.orders.finish');
+
+            Route::get('/orders/view/{id}', [AdminOrderController::class, 'popup'])
+                ->name('admin.orders.popup');
+            
         // ---------------------------
-        // SHIPMENTS
+        // ORDERS (FIXED ROUTES)
         // ---------------------------
-        Route::get('/shipments', [ShipmentController::class, 'index'])
-            ->name('admin.shipments');
+            // Add item to order
+            Route::post('/orders/{order}/item', [AdminOrderController::class, 'addItem'])
+                ->name('admin.orders.addItem');
+            // Delete item from order
+            Route::delete('/orders/item/{id}', [AdminOrderController::class, 'deleteItem'])
+                ->name('admin.orders.deleteItem');
+            // Restore deleted item
+            Route::post('/orders/item/{id}/restore', [AdminOrderController::class, 'restoreItem'])
+                ->name('admin.orders.restoreItem');
+            // Update main order fields
+            Route::put('/admin/orders/item/update/{id}', [AdminOrderController::class, 'updateItem'])
+            ->name('admin.orders.updateItem');
+            // Delete full order
+            Route::delete('/orders/{id}/delete', [AdminOrderController::class, 'destroy'])
+                ->name('admin.orders.destroy');
+                    
+                // ---------------------------
+                // SHIPMENTS (FIXED ROUTES)
+                // ---------------------------
+                Route::get('/shipments', [ShipmentController::class, 'index'])
+                    ->name('admin.shipments');
+        
+                Route::post('/shipments', [ShipmentController::class, 'store'])
+                    ->name('admin.shipments.store');
+        
+                Route::post('/shipments/update-status', [ShipmentController::class, 'updateStatus'])
+                    ->name('admin.shipments.updateStatus');
+        
+                // Get shipment orders for modal (AJAX)
+                Route::get('/shipments/{id}/orders', [ShipmentController::class, 'getShipmentOrders'])
+                    ->name('admin.shipments.orders');
+        
+                // Get shipment details for edit (AJAX)
+                Route::get('/shipments/{id}', [ShipmentController::class, 'show'])
+                    ->name('admin.shipments.show');
+        
+                // Shipment Update
+                Route::put('/shipments/{id}', [ShipmentController::class, 'update'])
+                    ->name('admin.shipments.update');
+        
+                // Shipment Delete
+                Route::delete('/shipments/{id}', [ShipmentController::class, 'destroy'])
+                    ->name('admin.shipments.destroy');
 
-        Route::post('/shipments/store', [ShipmentController::class, 'store'])
-            ->name('admin.shipments.store');
-
-        Route::post('/shipments/update-status', [ShipmentController::class, 'updateStatus'])
-            ->name('admin.shipments.updateStatus');
-
-        Route::get('/shipments/{id}', [ShipmentController::class, 'show'])
-            ->name('admin.shipments.show');
+                    Route::get('/shipment/dummy/{id}', [ShipmentController::class, 'dummy'])
+    ->name('admin.shipments.dummy');
 
 
         // ---------------------------
         // INVOICES
         // ---------------------------
-        Route::get('/invoices', [AdminInvoiceController::class, 'index'])
-            ->name('admin.invoices.index');
+            Route::get('/invoices', [AdminInvoiceController::class, 'index'])
+                ->name('admin.invoices.index');
 
-        Route::get('/invoices/{id}/popup', [AdminInvoiceController::class, 'popup'])
-            ->name('admin.invoices.popup');
+            Route::get('/invoices/{id}/popup', [AdminInvoiceController::class, 'popup'])
+                ->name('admin.invoices.popup');
 
-        Route::get('/invoices/{id}/edit', [AdminInvoiceController::class, 'edit'])
-            ->name('admin.invoices.edit');
+            Route::get('/invoices/{id}/edit', [AdminInvoiceController::class, 'edit'])
+                ->name('admin.invoices.edit');
 
-        Route::post('/invoices/{id}/update', [AdminInvoiceController::class, 'update'])
-            ->name('admin.invoices.update');
+            Route::post('/invoices/{id}/update', [AdminInvoiceController::class, 'update'])
+                ->name('admin.invoices.update');
 
+            Route::post('/invoices/{invoice}/installments', [AdminInvoiceController::class, 'storeInstallment'])
+                ->name('admin.invoice.installment.store');
+
+            Route::post('/invoices/{id}/installment', [AdminInvoiceController::class, 'storeInstallment'])
+            ->name('admin.invoice.installment.store');
+
+       
+
+        Route::delete('/installment/{id}', [AdminInvoiceController::class, 'deleteInstallment'])
+        ->name('admin.invoice.installment.delete');
+
+
+                //Add New Invoice
+            Route::get('/admin/invoices/create', [InvoiceController::class, 'create'])->name('admin.invoices.create');
+        
 
         // ---------------------------
         // CUSTOMERS
         // ---------------------------
-        Route::get('/customers', [AdminCustomerController::class, 'index'])
-            ->name('admin.customers.index');
+            Route::get('/customers', [AdminCustomerController::class, 'index'])
+                ->name('admin.customers.index');
 
-        Route::get('/customers/add', [AdminCustomerController::class, 'create'])
-            ->name('admin.customers.add');
+            Route::get('/customers/add', [AdminCustomerController::class, 'create'])
+                ->name('admin.customers.add');
 
-        Route::post('/customers/store', [AdminCustomerController::class, 'store'])
-            ->name('admin.customers.store');
+            Route::post('/customers/store', [AdminCustomerController::class, 'store'])
+                ->name('admin.customers.store');
 
-        Route::get('/customers/{id}/view', [AdminCustomerController::class, 'view'])
-            ->name('admin.customers.view');
+            Route::get('/customers/{id}/view', [AdminCustomerController::class, 'view'])
+                ->name('admin.customers.view');
 
-        Route::post('/customers/{id}/status', [AdminCustomerController::class, 'toggleStatus'])
-            ->name('admin.customers.status');
+            Route::post('/customers/{id}/status', [AdminCustomerController::class, 'toggleStatus'])
+                ->name('admin.customers.status');
+        });
+
+    // ==========================================
+    // ADMIN ACCOUNT (AJAX) ROUTES
+    // ==========================================
+        Route::prefix('admin/account')
+            ->middleware('auth:admin')
+            ->name('admin.account.')
+            ->group(function () {
+        
+                Route::get('/dashboard', [AdminAccountController::class, 'getDashboardData'])
+                    ->name('dashboard');
+        
+                Route::get('/available-orders', [AdminAccountController::class, 'getAvailableOrders'])
+                    ->name('orders.available');
+        
+                Route::post('/create-order', [AdminAccountController::class, 'accountCreateOrder'])
+                    ->name('create');
+        
+                Route::post('/toggle-payment', [AdminAccountController::class, 'togglePayment'])
+                    ->name('toggle');
+        
+                Route::post('/installment/create', [AdminAccountController::class, 'addInstallment'])
+                    ->name('installment.create');
+        
+                Route::post('/installment/update-status', [AdminAccountController::class, 'updateInstallmentStatus'])
+                    ->name('installment.update');
+        
+                Route::get('/entry/{entry_no}', [AdminAccountController::class, 'getEntryDetails'])
+                    ->name('entry.details');
+        
+                // ⬇⬇ NEW ROUTES FOR EDIT + DELETE ⬇⬇
+                Route::post('/update-entry', [AdminAccountController::class, 'updateEntry'])
+                    ->name('update.entry');
+        
+                Route::post('/delete-entry', [AdminAccountController::class, 'deleteEntry'])
+                    ->name('delete.entry');
+
+
+                    // ===== Associated Orders Routes (EDIT MODAL साठी) =====
+                    Route::post('/add-orders-to-entry', [AdminAccountController::class, 'addOrdersToEntry'])
+                        ->name('add.orders.to.entry');
+            
+                    Route::get('/entry-orders/{entry_no}', [AdminAccountController::class, 'getEntryOrders'])
+                        ->name('entry.orders');
+            
+                    Route::post('/remove-order-from-entry', [AdminAccountController::class, 'removeOrderFromEntry'])
+                        ->name('remove.order.from.entry');
+
+                
+            });
+
+   
+
+
+        // ---------------------------
+        // REPORTS DOWNLOAD ROUTES
+        // ---------------------------
+        Route::get('/admin/orders/download/pdf', [AdminOrderController::class, 'downloadPdf'])
+            ->name('admin.orders.download.pdf');
+
+        Route::get('/admin/orders/download/excel', [AdminOrderController::class, 'downloadExcel'])
+            ->name('admin.orders.download.excel');
+
+        
+            Route::prefix('admin/account')->middleware('auth:admin')->name('admin.account.')->group(function () {
+                Route::post('/toggle-payment', [AdminAccountController::class, 'togglePayment'])->name('toggle');
+            });
+            
+        //---------------------------
+          //Edit Button Route
+        //---------------------------
+       // protected admin routes
+    Route::middleware(['auth:admin'])
+        ->prefix('admin')
+        ->name('admin.')
+        ->group(function () {
+        
+
+            // staff resource
+            Route::resource('staff', AdminStaffController::class);
     });
-
-
-// ==========================================
-// ADMIN ACCOUNT (AJAX) ROUTES
-// ==========================================
-Route::prefix('admin/account')
-    ->middleware('auth:admin')
-    ->name('admin.account.')
-    ->group(function () {
-
-        Route::get('/dashboard', [AdminAccountController::class, 'getDashboardData'])
-            ->name('dashboard');
-
-        Route::get('/available-orders', [AdminAccountController::class, 'getAvailableOrders'])
-            ->name('orders.available');
-
-        Route::post('/create-order', [AdminAccountController::class, 'accountCreateOrder'])
-            ->name('create');
-
-        Route::post('/toggle-payment', [AdminAccountController::class, 'togglePayment'])
-            ->name('toggle');
-
-        Route::post('/installment/create', [AdminAccountController::class, 'addInstallment'])
-            ->name('installment.create');
-
-        Route::post('/installment/update-status', [AdminAccountController::class, 'updateInstallmentStatus'])
-            ->name('installment.update');
-
-        Route::get('/entry/{entry_no}', [AdminAccountController::class, 'getEntryDetails'])
-            ->name('entry.details');
-    });
-
-
-