diff --git a/resources/views/admin/account.blade.php b/resources/views/admin/account.blade.php
index c5f765d..6e13971 100644
--- a/resources/views/admin/account.blade.php
+++ b/resources/views/admin/account.blade.php
@@ -458,7 +458,7 @@ tr:hover td{ background:#fbfdff; }
filter: brightness(0) saturate(100%) invert(84%) sepia(8%) saturate(165%) hue-rotate(179deg) brightness(89%) contrast(86%);
}
-/* ---------- Entry Details Modal (existing) ---------- */
+/* ---------- Entry Details Modal (Enhanced) ---------- */
.modal-fade1 {
position:fixed;
inset:0;
@@ -471,15 +471,18 @@ tr:hover td{ background:#fbfdff; }
}
.modal-fade1.modal-open { display:flex; }
.modal-box1 {
- background:#fff;
- border-radius:12px;
- padding:20px 24px;
- box-shadow:0 14px 40px rgba(18,30,60,0.12);
- max-width:1200px;
- width:100%;
- max-height:92vh;
- overflow:auto;
- min-height: 500px;
+ background:#fff;
+ border-radius:12px;
+ padding:20px 24px;
+ box-shadow:0 14px 40px rgba(18,30,60,0.12);
+ max-width:1200px;
+ width:100%;
+ max-height:92vh;
+ overflow:auto;
+ min-height: 500px;
+ }
+#entryOrdersModal {
+ z-index: 1300;
}
#entryOrdersModal {
z-index: 1300;
@@ -504,6 +507,182 @@ tr:hover td{ background:#fbfdff; }
.entry-summary-label{ font-size:12px; color:var(--muted); }
.entry-summary-value{ font-size:18px; font-weight:700; color:#253047; margin-top:6px; }
+/* Enhanced dropdown */
+.installment-status-dropdown {
+ cursor: pointer;
+ appearance: none;
+ width: 100%;
+ padding: 10px 40px 10px 12px;
+ border-radius: 8px;
+ border: 1.5px solid #e3eaf6;
+ background: white;
+ font-size: 13px;
+ font-weight: 500;
+ transition: all 0.2s ease;
+ background-image: url('data:image/svg+xml;charset=US-ASCII,');
+ background-repeat: no-repeat;
+ background-position: right 12px center;
+ min-width: 140px;
+}
+
+.installment-status-dropdown:hover {
+ border-color: #c2d1f0;
+ background-color: #f8fafc;
+}
+
+.installment-status-dropdown:focus {
+ outline: none;
+ border-color: var(--accent);
+ box-shadow: 0 0 0 3px rgba(39, 109, 234, 0.1);
+}
+
+/* Status-specific dropdown options */
+.installment-status-dropdown option {
+ padding: 12px !important;
+ font-size: 13px;
+ font-weight: 500;
+}
+
+.installment-status-dropdown option[value="Pending"] {
+ color: #f59e0b;
+}
+
+.installment-status-dropdown option[value="Loading"] {
+ color: #3b82f6;
+}
+
+.installment-status-dropdown option[value="Packed"] {
+ color: #8b5cf6;
+}
+
+.installment-status-dropdown option[value="Dispatched"] {
+ color: #10b981;
+}
+
+.installment-status-dropdown option[value="Delivered"] {
+ color: #0c6b2e;
+}
+
+/* ---------- Entry Orders Modal (Enhanced) ---------- */
+.entry-orders-modal .modal-box1 {
+ padding: 0 !important;
+ overflow: hidden;
+ border-radius: 16px;
+ box-shadow: 0 20px 60px rgba(18, 30, 60, 0.25);
+}
+
+.entry-orders-header {
+ background: linear-gradient(90deg, var(--primary-1), var(--primary-2));
+ padding: 24px 30px;
+ color: white;
+ border-radius: 16px 16px 0 0;
+}
+
+.entry-orders-header h2 {
+ margin: 0 0 8px 0;
+ font-size: 24px;
+ font-weight: 700;
+ color: white;
+}
+
+.entry-orders-header .subtitle {
+ font-size: 14px;
+ opacity: 0.9;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.entry-orders-content {
+ padding: 30px;
+ max-height: 70vh;
+ overflow-y: auto;
+}
+
+/* Orders table in modal */
+.orders-table-container {
+ max-height: 400px;
+ overflow-y: auto;
+ border: 1px solid #eef3fb;
+ border-radius: 12px;
+ margin: 20px 0;
+}
+
+.orders-table {
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 14px;
+}
+
+.orders-table th {
+ background: linear-gradient(90deg, #f8fbff, #f5f9ff);
+ padding: 14px 16px;
+ text-align: left;
+ font-weight: 700;
+ color: var(--primary-1);
+ border-bottom: 2px solid #eef3fb;
+ position: sticky;
+ top: 0;
+}
+
+.orders-table td {
+ padding: 14px 16px;
+ border-bottom: 1px solid #f1f6ff;
+}
+
+.orders-table tr:hover {
+ background: #fbfdff;
+}
+
+.orders-table tr:last-child td {
+ border-bottom: none;
+}
+
+/* Order ID with badge style */
+.order-id-badge {
+ display: inline-block;
+ background: linear-gradient(90deg, #f0f7ff, #e6f0ff);
+ color: var(--primary-1);
+ padding: 4px 10px;
+ border-radius: 6px;
+ font-weight: 600;
+ font-size: 12px;
+ border: 1px solid #dbe4f5;
+}
+
+/* Summary row */
+.orders-summary-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 16px 20px;
+ background: linear-gradient(90deg, #f8fbff, #f5f9ff);
+ border-radius: 10px;
+ margin-top: 20px;
+ border: 1px solid #eef3fb;
+}
+
+.orders-summary-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ flex: 1;
+}
+
+.orders-summary-value {
+ font-size: 20px;
+ font-weight: 800;
+ color: var(--primary-1);
+}
+
+.orders-summary-label {
+ font-size: 12px;
+ color: var(--muted);
+ margin-top: 4px;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+}
+
/* installment modal */
#installmentModal .modal-box1 { max-width:720px; min-width:380px; }
@@ -1110,6 +1289,38 @@ tr:hover td{ background:#fbfdff; }
.pagination-container {
margin-right: 0 !important;
}
+
+ /* Responsive modals */
+ .entry-details-modal .modal-box1,
+ .entry-orders-modal .modal-box1 {
+ margin: 10px;
+ border-radius: 12px;
+ }
+
+ .entry-details-header,
+ .entry-orders-header {
+ padding: 18px 20px;
+ }
+
+ .entry-details-content,
+ .entry-orders-content {
+ padding: 20px;
+ }
+
+ .entry-summary-cards {
+ grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+ gap: 12px;
+ }
+
+ .entry-summary-value {
+ font-size: 20px;
+ }
+
+ .orders-summary-row {
+ flex-direction: column;
+ gap: 15px;
+ text-align: center;
+ }
}
/* Zoom out specific fix */
@@ -1146,6 +1357,10 @@ tr:hover td{ background:#fbfdff; }
.pagination-info {
font-size: 12px;
}
+
+ .entry-summary-cards {
+ grid-template-columns: 1fr;
+ }
}
/* Prevent horizontal scroll on very small screens */
@@ -1178,6 +1393,7 @@ html, body {
+
@@ -1385,7 +1601,7 @@ html, body {