                    <div class="collapse navbar-collapse navbar-collapse-left bg-blue" id="sidebar-left">
                        <ul class="navbar-nav m-auto p-3 scrollable-menu">
                            <div class="my-3"></div>
                            <li class="nav-item">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/hub.html" class="nav-link">Reservation</a>
                            </li>
                            <li class="nav-item">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/job-order.html" class="nav-link">Job Orders</a>
                            </li>
                            <li class="nav-item">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub2/offline_hub.html" class="nav-link">Offline Hub</a>
                            </li>
                            <li class="nav-item">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/client.html" class="nav-link">Customers</a>
                            </li>
                            <li class="nav-item d-none">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/job-order-completion.html" class="nav-link">RGS Approval</a>
                            </li>
                            <li class="nav-item">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/inventory.html" class="nav-link">Inventory</a>
                            </li>
                            <li class="nav-item d-none">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/purchase-orders.html" class="nav-link">Purchase Orders</a>
                            </li>
                            <li class="nav-item d-none">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/incoming-orders.html" class="nav-link">Deliveries</a>
                            </li>
                            <li class="nav-item">
                                <a href="<!--[#SITE_URL;]-->/p/water/hub/reports.html" class="nav-link">Reports</a>
                            </li>
                            <li class="nav-item" style="display: none;" id="MENU_UPLOAD_BBI_DIV">
                                <button id="MENU_UPLOAD_BBI" class="col-sm-4 btn btn-white" onclick="UPDATA()">Upload Data [0]</button>
                            </li>
                            <li class="nav-item">
                                <a href="javascript:void(0);" class="nav-link" id="LOGOUT_CMD">Logout</a>
                            </li>
                        </ul>

                        <div class="p-3 mt-3" style="color: #ffffff; height: 25px; " id="DEVICE_ID_DIV">Device ID: <span id="DEVICE_ID_LBL"></span></div>
                        <div class="p-3" style="color: #ffffff; height: 25px;">User: <span id="AUTH_ACC_ACCOUNT_NAME_LBL"></span></div>
                    </div>

					
                     <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/page/water/cus/localstorage_checker.js"></script>
                     <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/page/water/hub2/upload_localstorage2.js"></script>