{"id":424,"date":"2025-09-11T13:24:56","date_gmt":"2025-09-11T13:24:56","guid":{"rendered":"https:\/\/truck.ctaindiaload.in\/?page_id=424"},"modified":"2025-09-11T13:25:37","modified_gmt":"2025-09-11T13:25:37","slug":"notifications-page","status":"publish","type":"page","link":"https:\/\/truck.ctaindiaload.in\/?page_id=424","title":{"rendered":"notifications page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Notifications<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n :root {\n --primary: #2563eb;\n --primary-dark: #1d4ed8;\n --secondary: #3b82f6;\n --accent: #22d3ee;\n --light: #f0f7ff;\n --dark: #1e293b;\n --success: #10b981;\n --warning: #f59e0b;\n --danger: #ef4444;\n --gray: #64748b;\n }\n \n body {\n background: linear-gradient(135deg, #f0f7ff 0%, #e0f2fe 100%);\n color: var(--dark);\n min-height: 100vh;\n }\n \n \/* Header Styles *\/\n .header {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 15px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n \n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n \n .logo h1 {\n font-size: 22px;\n font-weight: 600;\n }\n \n .back-btn {\n background: rgba(255, 255, 255, 0.2);\n color: white;\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 18px;\n cursor: pointer;\n transition: background 0.3s;\n }\n \n .back-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n \n \/* Main Content *\/\n .main-content {\n padding: 20px;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .page-title {\n font-size: 24px;\n margin-bottom: 20px;\n color: var(--dark);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n \n .notifications-list {\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n }\n \n .notification-item {\n padding: 15px 20px;\n border-bottom: 1px solid #f1f5f9;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n transition: background 0.3s;\n }\n \n .notification-item:hover {\n background: #f8fafc;\n }\n \n .notification-item:last-child {\n border-bottom: none;\n }\n \n .notification-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--light);\n color: var(--primary);\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .notification-content {\n flex: 1;\n }\n \n .notification-title {\n font-weight: 600;\n margin-bottom: 5px;\n color: var(--dark);\n }\n \n .notification-desc {\n color: var(--gray);\n font-size: 14px;\n margin-bottom: 8px;\n line-height: 1.5;\n }\n \n .notification-time {\n font-size: 12px;\n color: var(--gray);\n }\n \n .unread {\n background: #f0f7ff;\n }\n \n .unread .notification-icon {\n background: var(--primary);\n color: white;\n }\n \n .unread .notification-title {\n color: var(--primary-dark);\n }\n \n .mark-all-read {\n display: block;\n text-align: center;\n padding: 15px;\n color: var(--primary);\n text-decoration: none;\n font-weight: 500;\n border-top: 1px solid #f1f5f9;\n transition: background 0.3s;\n }\n \n .mark-all-read:hover {\n background: #f8fafc;\n }\n \n \/* Empty State *\/\n .empty-state {\n text-align: center;\n padding: 40px 20px;\n color: var(--gray);\n }\n \n .empty-state i {\n font-size: 48px;\n margin-bottom: 15px;\n color: #cbd5e1;\n }\n \n .empty-state p {\n margin-bottom: 20px;\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .main-content {\n padding: 15px;\n }\n \n .notification-item {\n padding: 12px 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Header -->\n <div class=\"header\">\n <div class=\"logo\">\n <button class=\"back-btn\" onclick=\"window.history.back()\">\n <i class=\"fas fa-arrow-left\"><\/i>\n <\/button>\n <h1>Notifications<\/h1>\n <\/div>\n <div class=\"header-right\">\n <div class=\"notification-icon\">\n <i class=\"fas fa-bell\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Main Content -->\n <div class=\"main-content\">\n <h2 class=\"page-title\">\n <i class=\"fas fa-bell\"><\/i>\n Your Notifications\n <\/h2>\n \n <div class=\"notifications-list\">\n <div class=\"notification-item unread\">\n <div class=\"notification-icon\">\n <i class=\"fas fa-shipping-fast\"><\/i>\n <\/div>\n <div class=\"notification-content\">\n <div class=\"notification-title\">New Delivery Assignment<\/div>\n <div class=\"notification-desc\">You have been assigned a new delivery to Andheri East. Please check your app for details.<\/div>\n <div class=\"notification-time\">10 minutes ago<\/div>\n <\/div>\n <\/div>\n \n <div class=\"notification-item unread\">\n <div class=\"notification-icon\">\n <i class=\"fas fa-rupee-sign\"><\/i>\n <\/div>\n <div class=\"notification-content\">\n <div class=\"notification-title\">Payment Received<\/div>\n <div class=\"notification-desc\">\u20b9250 has been credited to your account for delivery #12345.<\/div>\n <div class=\"notification-time\">45 minutes ago<\/div>\n <\/div>\n <\/div>\n \n <div class=\"notification-item\">\n <div class=\"notification-icon\">\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <div class=\"notification-content\">\n <div class=\"notification-title\">New Rating<\/div>\n <div class=\"notification-desc\">Customer Rohan Sharma gave you a 5-star rating for your recent delivery.<\/div>\n <div class=\"notification-time\">2 hours ago<\/div>\n <\/div>\n <\/div>\n \n <div class=\"notification-item\">\n <div class=\"notification-icon\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n <\/div>\n <div class=\"notification-content\">\n <div class=\"notification-title\">Schedule Update<\/div>\n <div class=\"notification-desc\">Your delivery schedule for tomorrow has been updated. Please check the app.<\/div>\n <div class=\"notification-time\">5 hours ago<\/div>\n <\/div>\n <\/div>\n \n <div class=\"notification-item\">\n <div class=\"notification-icon\">\n <i class=\"fas fa-gift\"><\/i>\n <\/div>\n <div class=\"notification-content\">\n <div class=\"notification-title\">Bonus Earned<\/div>\n <div class=\"notification-desc\">You've earned a \u20b9150 bonus for completing 10 deliveries this week!<\/div>\n <div class=\"notification-time\">1 day ago<\/div>\n <\/div>\n <\/div>\n \n <a href=\"#\" class=\"mark-all-read\">\n <i class=\"fas fa-check-double\"><\/i>\n Mark all as read\n <\/a>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Mark as read functionality\n document.querySelectorAll('.notification-item').forEach(item => {\n item.addEventListener('click', function() {\n this.classList.remove('unread');\n });\n });\n \n \/\/ Mark all as read\n document.querySelector('.mark-all-read').addEventListener('click', function(e) {\n e.preventDefault();\n document.querySelectorAll('.notification-item').forEach(item => {\n item.classList.remove('unread');\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Notifications Notifications Your Notifications New Delivery Assignment You have been assigned a new delivery to Andheri East. Please check your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=424"}],"version-history":[{"count":4,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":428,"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=\/wp\/v2\/pages\/424\/revisions\/428"}],"wp:attachment":[{"href":"https:\/\/truck.ctaindiaload.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}