// var crud_section_view = `
// <div class="cargo-header">

//     <!-- Left: Title + Tabs -->
//     <div class="cargo-left">
//         <div class="cargo-title">
//             Cargo Tracking
//             <span class="cargo-subtitle">Live shipment overview</span>
//         </div>

//         <div class="cargo-tabs">
//             <button class="cargo-tab active" data-tab="all">All</button>
//             <button class="cargo-tab" data-tab="in-transit">In Transit</button>
//             <button class="cargo-tab" data-tab="arrived">Arrived</button>
//             <button class="cargo-tab" data-tab="delayed">Delayed</button>
//         </div>
//     </div>

//     <!-- Right: Notifications + User -->
//     <div class="cargo-right">
//         <div class="icon-btn" onclick="openNotifications()">
//             <i class="bell-icon"></i>
//             <span class="badge">3</span>
//         </div>

//         <div class="user-menu">
//             <span class="user-name">Admin</span>
//             <button class="logout-btn" onclick="logoutUser()">Logout</button>
//         </div>
//     </div>

// </div>
// `;

// $(".crud_section_header").html(crud_section_view);



// function openNotifications() {
//     // dynamically load notification JS only when needed
//     window.location.href = "./#app/notiifications";

// }
