From 8b64515689641903b3fcf6b54244764c3bbcc5c92774d7dfa602c9b0456abb3f Mon Sep 17 00:00:00 2001
From: Abhishek Mali <maliabhi000@gmail.com>
Date: Sat, 15 Nov 2025 10:08:43 +0530
Subject: [PATCH] order popup

---
 .../Admin/AdminOrderController.php            |  17 ++
 resources/views/admin/dashboard.blade.php     |  53 +++++-
 resources/views/admin/popup.blade.php         | 179 ++++++++++++++++++
 routes/web.php                                |   5 +
 4 files changed, 253 insertions(+), 1 deletion(-)
 create mode 100644 resources/views/admin/popup.blade.php

diff --git a/app/Http/Controllers/Admin/AdminOrderController.php b/app/Http/Controllers/Admin/AdminOrderController.php
index 051da6f..05a2446 100644
--- a/app/Http/Controllers/Admin/AdminOrderController.php
+++ b/app/Http/Controllers/Admin/AdminOrderController.php
@@ -191,6 +191,23 @@ class AdminOrderController extends Controller
         return view('admin.orders_show', compact('order', 'user'));
     }
 
+    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']);
diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/admin/dashboard.blade.php
index d6f3d01..dc18e83 100644
--- a/resources/views/admin/dashboard.blade.php
+++ b/resources/views/admin/dashboard.blade.php
@@ -428,10 +428,13 @@ body, .container-fluid { background: #f4f7fc; }
               <tr>
                 <td>{{ $order->id }}</td>
                 <td>
-                  <a href="{{ route('admin.orders.show', $order->id) }}" class="fw-semibold text-primary">
+                  <a href="javascript:void(0)"
+                    class="fw-semibold text-primary open-order-modal"
+                    data-id="{{ $order->id }}">
                     {{ $order->order_id }}
                   </a>
                 </td>
+
                 <td>{{ $order->mark_no }}</td>
                 <td>{{ $order->origin }}</td>
                 <td>{{ $order->destination }}</td>
@@ -725,4 +728,52 @@ document.addEventListener('DOMContentLoaded', function() {
 });
 </script>
 
+<!-- ORDER DETAILS MODAL -->
+<div class="modal fade" id="orderDetailsModal" tabindex="-1">
+  <div class="modal-dialog modal-xl modal-dialog-scrollable">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">Order Details</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+
+      <div class="modal-body" id="orderDetailsBody">
+        <p class="text-center text-muted">Loading...</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+
+  document.querySelectorAll('.open-order-modal').forEach(button => {
+
+    button.addEventListener('click', function () {
+
+      let id = this.dataset.id;
+      let modal = new bootstrap.Modal(document.getElementById('orderDetailsModal'));
+
+      document.getElementById('orderDetailsBody').innerHTML =
+          "<p class='text-center text-muted'>Loading...</p>";
+
+      modal.show();
+
+      fetch(`/admin/orders/view/${id}`)
+        .then(response => response.text())
+        .then(html => {
+          document.getElementById('orderDetailsBody').innerHTML = html;
+        })
+        .catch(() => {
+          document.getElementById('orderDetailsBody').innerHTML =
+              "<p class='text-danger text-center'>Failed to load order details.</p>";
+        });
+    });
+
+  });
+
+});
+</script>
+
+
 @endsection
\ No newline at end of file
diff --git a/resources/views/admin/popup.blade.php b/resources/views/admin/popup.blade.php
new file mode 100644
index 0000000..f896a7d
--- /dev/null
+++ b/resources/views/admin/popup.blade.php
@@ -0,0 +1,179 @@
+<style>
+    .order-popup-card {
+        background: #fff;
+        border-radius: 12px;
+        padding: 20px;
+    }
+    .order-user-box {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 20px;
+    }
+    .order-user-left {
+        display: flex;
+        gap: 15px;
+        align-items: center;
+    }
+    .order-profile-icon {
+        width: 60px;
+        height: 60px;
+        background: #e5e7eb;
+        border-radius: 50%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 28px;
+        color: #6b7280;
+    }
+    .order-summary-card {
+        background: #f3f4f6;
+        padding: 18px;
+        border-radius: 12px;
+        margin: 20px 0;
+    }
+    .summary-title {
+        font-size: 17px;
+        font-weight: 600;
+        margin-bottom: 4px;
+    }
+    .summary-value {
+        font-size: 16px;
+        font-weight: 700;
+        color: #111827;
+    }
+    .status-badge {
+        background: #fde6d4;
+        color: #ad6200;
+        padding: 5px 12px;
+        border-radius: 20px;
+        font-size: 12px;
+        font-weight: 600;
+    }
+    .totals-box {
+        background: #f3f4f6;
+        padding: 18px;
+        border-radius: 12px;
+        margin-top: 25px;
+        text-align: center;
+    }
+</style>
+
+<div class="order-popup-card">
+
+    {{-- Header --}}
+    <h3 class="fw-bold">Order Details</h3>
+    <p class="text-muted mb-4">Detailed View of all Orders in this shipment consolidation.</p>
+
+    {{-- USER SECTION --}}
+    <div class="order-user-box">
+
+        <div class="order-user-left">
+            <div class="order-profile-icon">
+                {{ strtoupper(substr($user->customer_name ?? 'U', 0, 1)) }}
+            </div>
+
+            <div>
+                <h5 class="mb-1">{{ $user->customer_name ?? 'Unknown Customer' }}</h5>
+                <p class="mb-0">{{ $user->company_name ?? 'N/A Company' }}</p>
+                <p class="text-muted mb-0">{{ $user->email ?? '' }}</p>
+                <p class="text-muted mb-0">{{ $user->mobile_no ?? '' }}</p>
+            </div>
+        </div>
+
+        <div class="text-end">
+            <p class="mb-0">{{ $user->address ?? 'No Address' }}</p>
+            <small class="text-muted">{{ $user->pincode ?? '' }}</small>
+        </div>
+
+    </div>
+
+    {{-- ORDER SUMMARY --}}
+    <div class="order-summary-card">
+        <div class="row text-center">
+
+            <div class="col-md-4">
+                <p class="summary-title">Order ID</p>
+                <p class="fw-bold text-primary" style="font-size:18px;">{{ $order->order_id }}</p>
+            </div>
+
+            <div class="col-md-4">
+                <p class="summary-title">Total Orders</p>
+                <p class="summary-value">{{ $order->items->count() }}</p>
+            </div>
+
+            <div class="col-md-4">
+                <p class="summary-title">Status</p>
+                <span class="status-badge">{{ ucfirst($order->status) }}</span>
+            </div>
+
+        </div>
+    </div>
+
+    {{-- ITEMS TABLE --}}
+<div class="table-responsive mt-3">
+    <table class="table table-borderless align-middle">
+        <thead>
+            <tr class="text-muted">
+                <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($order->items as $index => $item)
+            <tr>
+                <td>{{ $index + 1 }}</td>
+                <td>{{ $item->description }}</td>
+                <td>{{ $item->ctn }}</td>
+                <td>{{ $item->qty }}</td>
+                <td>{{ $item->ttl_qty }}</td>
+                <td class="fw-bold">{{ strtoupper($item->unit) }}</td>
+                <td class="fw-bold">₹{{ number_format($item->price, 2) }}</td>
+                <td class="fw-bold">₹{{ 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>
+</div>
+
+
+    {{-- TOTALS --}}
+    <div class="totals-box">
+        <div class="row">
+
+            <div class="col-md-4">
+                <h4 class="text-primary fw-bold">{{ $order->ttl_qty }}</h4>
+                <p class="text-muted mb-0">Total TTL/QTY</p>
+            </div>
+
+            <div class="col-md-4">
+                <h4 class="text-success fw-bold">{{ $order->ttl_kg }}</h4>
+                <p class="text-muted mb-0">Total TTL KG</p>
+            </div>
+
+            <div class="col-md-4">
+                <h4 style="color:#e60073;" class="fw-bold">₹{{ number_format($order->ttl_amount, 2) }}</h4>
+                <p class="text-muted mb-0">Total Amount</p>
+            </div>
+
+        </div>
+    </div>
+
+</div>
diff --git a/routes/web.php b/routes/web.php
index e994ed4..d134454 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -78,6 +78,11 @@ Route::prefix('admin')->middleware('auth:admin')->group(function () {
     Route::post('/orders/temp/reset', [AdminOrderController::class, 'resetTemp'])
      ->name('admin.orders.temp.reset');
 
+     Route::get('/orders/view/{id}', [AdminOrderController::class, 'popup'])
+    ->name('admin.orders.popup');
+
+
+
     Route::get('/shipments', [ShipmentController::class, 'index'])
         ->name('admin.shipments');