                    <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/rider/rider_job_order.html" class="nav-link">Delivery</a>
                            </li>
                            <li class="nav-item">
                                <a href="<!--[#SITE_URL;]-->/p/water/rider/reports.html" class="nav-link">Reports</a>
                            </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>