
                    <a class="navbar-brand text-white">
                        <img id="with-internet" class="img-icon" src="<!--[#SITE_URL;]-->/res/img/with-internet.png" alt="PeakPOS">
                        <img id="no-internet" class="img-icon d-none" src="<!--[#SITE_URL;]-->/res/img/no-internet.png" alt="PeakPOS">
                    </a>
                </nav>

                <!-- main content -->
                <section class="page-content-wrapper p-3 d-print-none">
                    <h3>Reports</h3>

                    <div class="list-group mb-3">
                        <a href="history.html" class="list-group-item list-group-item-action" id="REP_TRANSACTION_HISTORY_LNK" style="display: none;">Transaction History</a>
                        <a href="stockcard.html" class="list-group-item list-group-item-action" id="REP_STOCK_CARD_LNK" style="display: none;">Stock Card History</a>
                        <a href="inventory-summary.html" class="list-group-item list-group-item-action" id="REP_INVENTORY_SUMMARY_LNK" style="display: none;">Inventory Summary</a> 
                        
                        <a href="reservation-summary.html" class="list-group-item list-group-item-action" id="REP_RESERVATION_SUMMARY_LNK" style="display: none;">Reservation Summary</a>
                        <a href="javascript:void(0);" class="list-group-item list-group-item-action" id="REP_DAILY_SALES_LNK">Daily Sales</a>     
                        
                        <a href="delivery-report.html" class="list-group-item list-group-item-action" id="REP_DELIVERY_LNK" style="display: none;">Delivery Report</a>   
                        <a href="stocks-for-return.html" class="list-group-item list-group-item-action" id="REP_STOCK_FOR_RETURN_LNK" style="display: none;">Stocks for Return</a>   
                              
                    </div>
                    <div class="list-group mb-3">
                        <button type="button" class="list-group-item list-group-item-action" id="XREAD_BBI">X Reading</button>
                        <button type="button" class="list-group-item list-group-item-action d-none" id="CASHFLOW_BBI">Cash Flow Report</button>
                    </div>
                    <div class="list-group">
                        <button type="button" class="list-group-item list-group-item-action" id="ZREAD_BBI">Z Reading</button>
                    </div>
                    
                </section>
            </div>
        </div>
    </main>

    <div class="col-6" id="ZREADING_MODAL" style="display: none;">
        <div class="modal-header">
            <h6 class="modal-title text-dark">Z-READING REPORT</h6>
        </div>
        <div class="modal-body">
            <form id="form-zreport">
                <div class="form-group row">
                    <label class="col-4 col-form-label">FROM DATE:</label>
                    <div class="col-8">
                        <input type="date" class="form-control" id="ZREADING_FROM_DATE" name="ZREADING_FROM_DATE">
                        <div class="invalid-feedback">Please select date</div>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-12 text-center small">
                        Z READING is the total sales report of the machine generated by the system. It is used by the Bureau of Internal Revenue (BIR) for auditing purposes.
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary" id="ZREADING_MODAL_MODAL_CLOSE_CMD">Close</button>
            <button type="button" class="btn btn-success" id="PRINT_ZREAD_BBI">PRINT</button>
        </div>
    </div>

    <!--[#IMPORT:pos-end-shift-modal.tpl;]-->

    <!-- jQuery -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Alertify -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/alertifyjs/alertify.min.js"></script>

    <!-- Select2 -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/vendor/select2/js/select2.min.js"></script>

    <!--  Import Libraries  -->
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/res/lib/javascript.js"></script>
    <script type="text/javascript" src="<!--[#SITE_URL;]-->/p/comm/common.js"></script>