diff --git a/resources/views/admin/account.blade.php b/resources/views/admin/account.blade.php index ccfd85b..ca4e0aa 100644 --- a/resources/views/admin/account.blade.php +++ b/resources/views/admin/account.blade.php @@ -29,7 +29,7 @@ tr:hover td { background-color:#f9fafc;} .status-dispatched { background-color:#20c5c7; } .pending-badge-red { background-color:#ef4f4f; } .pending-badge-green { background-color:#34c86c; } -.entry-link { color:#3769d7; text-decoration:underline; font-weight:600;} +.entry-link { color:#3769d7; text-decoration:underline; font-weight:600; cursor: pointer;} .toggle-switch-btn { appearance: none; -webkit-appearance: none; width: 48px; height: 22px; @@ -47,9 +47,9 @@ tr:hover td { background-color:#f9fafc;} /* Modal */ .modal-fade1 { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(38,38,38,0.12); display:none; justify-content:center; align-items:center; z-index:999; } .modal-fade1.modal-open { display:flex; } -.modal-fade {position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(38,38,38,0.12); display:none; justify-content:center; align-items:center; z-index:999; } +.modal-fade{position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(38,38,38,0.12); display:none; justify-content:center; align-items:center; z-index:999; } .modal-fade.modal-open { display:flex; } -.modal-box1 { background:#fff; border-radius:16px; box-shadow:0 8px 44px #33487129; padding:0 34px 30px 34px; min-width:590px; max: width 100%;;} +.modal-box1 { background:#fff; border-radius:16px; box-shadow:0 8px 44px #33487129; padding:0 34px 30px 34px; min-width:590px; max-width:100%;;} .modal-box { background:#fff; border-radius:16px; box-shadow:0 8px 44px #33487129; padding:0 34px 30px 34px; min-width:590px; max: width 100%;;} .modal-head, .modal-title-main { font-size: 25px; font-weight:700; margin-bottom:5px;} .modal-desc, .modal-sub { font-size:16px; color:#6a7a8c; margin-bottom:13px;} @@ -62,7 +62,6 @@ tr:hover td { background-color:#f9fafc;} justify-content:center; align-items:center; z-index:999; - /* keep default */ } .modal-fade1.modal-open { @@ -70,7 +69,7 @@ tr:hover td { background-color:#f9fafc;} } .modal-box1 { - max-width: 550px; + max-width: 680px; min-width: 370px; max-height: 90vh; overflow-y: auto; @@ -112,7 +111,19 @@ tr:hover td { background-color:#f9fafc;} .inst-blue { color:#509cf8; } .inst-purple { color:#7d57d2; } - +/* Entry Details Modal */ +.entry-details-modal { max-width: 800px; min-width: 700px; } +.entry-details-header { background: linear-gradient(90deg, #1a2951, #243a72); color: white; padding: 20px 25px; border-radius: 12px 12px 0 0; margin: 0 -34px 20px -34px; } +.entry-details-title { font-size: 24px; font-weight: 700; margin: 0; } +.entry-details-subtitle { font-size: 14px; opacity: 0.9; margin: 5px 0 0 0; } +.entry-summary-cards { display: flex; gap: 15px; margin-bottom: 20px; } +.entry-summary-card { flex: 1; background: #f8fafc; border-radius: 10px; padding: 15px; border-left: 4px solid #1a2951; } +.entry-summary-label { font-size: 13px; color: #6a7a8c; margin-bottom: 5px; } +.entry-summary-value { font-size: 20px; font-weight: 700; color: #1a2951; } +.entry-installments-table { width: 100%; border-collapse: collapse; margin-top: 15px; } +.entry-installments-table th { background: #f3f6fb; padding: 12px 15px; text-align: left; font-weight: 600; color: #4a5570; border-bottom: 2px solid #e5e9f2; } +.entry-installments-table td { padding: 12px 15px; border-bottom: 1px solid #e5e9f2; } +.entry-installments-table tr:hover td { background: #f9fafc; } /* Modern Installment card style */ .installment-card { background: #fff; border-radius: 10px; margin-bottom: 11px; padding: 10px 16px 10px 10px; display: flex; align-items: center; box-shadow: 0 2.5px 7px 0 rgba(60,90,170,0.09);} @@ -214,7 +225,173 @@ tr:hover td { background-color:#f9fafc;} .isum-green { color:#27ca58; } .isum-red { color:#e58211; } .isum-purple { color:#9856e6; } +/* Consolidated Orders Details - k44 style */ +#consolidatedOrderDetailsModal .modal-box1 { + max-width: 800px; + border-radius: 16px; + box-shadow: 0 8px 44px #33487129; + background: #fff; + padding: 0 26px 28px 26px; + font-family: 'Segoe UI', Arial, sans-serif; +} +#consolidatedOrderDetailsModal .cod-header { + padding: 18px 0 6px 0; + border-radius: 16px 16px 0 0; + font-weight: 700; + font-size: 20px; + color: #233063; + display: flex; + align-items: center; + justify-content: space-between; +} +#consolidatedOrderDetailsModal .cod-header .cod-x { + font-size: 26px; + color: #aaa; + cursor: pointer; + transition: color 0.2s; + font-weight: 600; +} +#consolidatedOrderDetailsModal .cod-header .cod-x:hover { + color: #dd4343; +} +#consolidatedOrderDetailsModal .cod-detail-row { + display: flex; + gap: 35px; + align-items: center; + font-size: 14.2px; + margin: 9px 0 8px 0; + color: #535770; +} +#consolidatedOrderDetailsModal .cod-detail-row span { + margin-right: 18px; +} +#consolidatedOrderDetailsModal .cod-detail-row .cod-shipid { + color: #2469d6; + font-size: 18px; + font-weight: 700; + margin-right: 18px; +} +#consolidatedOrderDetailsModal .cod-detail-row .cod-badge { + background: #ffb366; + color: #fff; + padding: 3.4px 14px; + border-radius: 12px; + font-size: 13px; + font-weight: 600; + margin: 0 8px 0 0; + vertical-align:middle; + display:inline-block; +} + +#consolidatedOrderDetailsModal .cod-detail-row .cod-light { + color: #9ba5bb; + font-weight: 500; +} +#consolidatedOrderDetailsModal .cod-table { + width: 100%; + background: #f8f3e4; + border-collapse: collapse; + border-radius: 11px; + box-shadow: 0 1px 8px #eeeae5; + margin-bottom: 13px; + font-size: 14px; + overflow: hidden; +} + +#consolidatedOrderDetailsModal .cod-table th, +#consolidatedOrderDetailsModal .cod-table td { + padding: 9px 9px; + text-align: left; + border-bottom: 1px solid #efe6d1; + color: #233063; + white-space: nowrap; + background: #faf8f1; +} +#consolidatedOrderDetailsModal .cod-table th { + background: #ffe0a7; + font-weight: 600; + font-size: 13px; + color: #3b4060; +} +#consolidatedOrderDetailsModal .cod-table tr:last-child td { + border-bottom: none; +} +#consolidatedOrderDetailsModal .cod-table .cod-link { + color: #2469d6; + font-weight: 600; + text-decoration: underline; + cursor: pointer; +} +#consolidatedOrderDetailsModal .cod-summary-row { + display: flex; + gap: 15px; + + align-items: center; + margin-top: 13px; + margin-bottom: 2px; + padding: 8px 0 2px 0; + background: none; +} +#consolidatedOrderDetailsModal .cod-sum-val { + font-size: 23px; + font-weight: 700; +} +#consolidatedOrderDetailsModal .cod-sum-label { + font-size: 13px; + font-weight: 500; + margin-top: 3px; + color: #858fa2; + letter-spacing:0.2px; +} +#consolidatedOrderDetailsModal .cod-blue { color: #276dea;} +#consolidatedOrderDetailsModal .cod-green { color: #22b963;} +#consolidatedOrderDetailsModal .cod-red { color: #da2479; } +#consolidatedOrderDetailsModal .cod-closebtn { + background: #ebeffa; + color: #37436c; + border: none; + border-radius: 10px; + font-size: 16px; + font-weight: 600; + padding: 10px 42px; + cursor: pointer; + margin-top: 13px; + transition: background 0.18s; +} +#consolidatedOrderDetailsModal .cod-closebtn:hover { + background: #dae1fa; +} +.shipment-container { + background: #f4f4f6; /* हलका gray background */ + border-radius: 10px; /* कोपरे गोल */ + padding: 14px 18px; /* आतील space */ + box-shadow: 0 2px 8px rgba(0,0,0,0.06); /* हलकी सावली */ + margin: 10px 0; /* थोडं बाहेरचं space */ + font-family: 'Segoe UI', Arial, sans-serif; + transition: transform 0.25s ease, box-shadow 0.25s ease; +} + +/* Hover effect - थोडा उठून दिसतो */ +.shipment-container:hover { + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(0,0,0,0.08); +} + +/* आतल्या headings साठी consistency */ +.shipment-container span { + display: inline-block; +} + +/* Status badge look सुधारण्यासाठी */ +#modalShipmentStatus { + background: #ffb366; + color: #fff; + padding: 4px 14px; + border-radius: 12px; + font-size: 13px; + font-weight: 600; +} @@ -277,7 +454,7 @@ tr:hover td { background-color:#f9fafc;} - PAY-2023-042 + PAY-2023-042 2024-07-19 Electronic Cams China @@ -287,7 +464,7 @@ tr:hover td { background-color:#f9fafc;} - PAY-2023-041 + PAY-2023-041 2024-07-19 Electronic Cams China @@ -302,7 +479,7 @@ tr:hover td { background-color:#f9fafc;} - + + + + + + + + + -@endsection +@endsection \ No newline at end of file diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/admin/dashboard.blade.php index 0359d50..a64eb2d 100644 --- a/resources/views/admin/dashboard.blade.php +++ b/resources/views/admin/dashboard.blade.php @@ -3,126 +3,254 @@ @section('page-title', 'Orders') @section('content') -
+ + +
+ + +
+
Admin Dashboard
+
Monitor operations and manage system
- {{-- Create Order Form --}} -
-
-
- New Order Form -
-
-
- @csrf -
- - {{-- Mark No --}} -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
-
-
-
-
-
-
-
-
-
-
- -
- -
+ +
+
+
📦
Total Shipments
1,247
+
👥
Active Customers
342
+
💰
Total Revenue
₹123
+
⏳
Pending Order
23
+
+
+
📦
Total Orders
453
+
🧑‍💼
Total Staff
125
+
📦
Total Items
321
+
⛔
Inactive Customers
10
+
+
+ +
+
+ Order Management + +
+
+ +
+
+
New Order Form
+
+ + @csrf +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
- +
+
+ +
+
Recent Orders
+
+ + + + + + + + + + + + + + + + + @forelse($orders as $index => $order) + + + + + + + + + + + + + @empty + + @endforelse + +
#Order IDMark NoDescriptionOriginDestinationTTL AmountStatusDateAction
{{ $index + 1 }}{{ $order->order_id }}{{ $order->mark_no }}{{ $order->description }}{{ $order->origin }}{{ $order->destination }}₹{{ number_format($order->ttl_amount, 2) }}{{ ucfirst($order->status) }}{{ $order->created_at->format('d-m-Y') }}View
No orders found
+
-
-
- - {{-- Orders Table --}} -
-
- Recent Orders -
-
- - - - - - - - - - - - - - - - - @forelse($orders as $index => $order) - - - - - - - - - - - - - @empty - - @endforelse - -
#Order IDMark NoDescriptionOriginDestinationTTL AmountStatusDateAction
{{ $index + 1 }}{{ $order->order_id }}{{ $order->mark_no }}{{ $order->description }}{{ $order->origin }}{{ $order->destination }}₹{{ number_format($order->ttl_amount, 2) }}{{ ucfirst($order->status) }}{{ $order->created_at->format('d-m-Y') }}View
No orders found
- -{{-- Autofill JS --}}