
                    <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 row p-3 d-print-none">
                    <div class="col-sm-12">
                        <h3>Accounts Receivable</h3>
                        <h5 class="text-black mt-3">Total Number of Transactions: <span id="transaction_count"></span></h5>
                        <h5 class="text-black mb-3">Total Amount Receivable: <span id="transaction_sum"></span></h5>
                        
                        <!-- table -->
                        <div class="fix-table-head table-border">
                            <table class="pos-table" id="POS_SALE_DGV">
                                <thead class="bg-blue text-white">
                                    <tr id="POS_SALE_DGV_HEADER">
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_ID" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_CLIENT_FIRSTNAME" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_CLIENT_LASTNAME" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_CLIENT_MIDDLENAME" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_CODE">Receipt No.</th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_DATE_TRANSACT">Transaction Date</th>
                                        <th id="POS_SALE_DGV_HEADER_REC_CLIENT_NAME">Name</th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_NET" style="text-align: right;">Net Sales</th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_VATABLE" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_VATEXEMPT" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_NONVAT" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_ZERORATED" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_VATOTHER" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REC_POSSALE_TOTAL_VAT" style="display: none;"></th>
                                        <th id="POS_SALE_DGV_HEADER_REPRINT_RECEIPT_CMD" style="text-align: right; width: 100px; display: none;">Reprint</th>
                                        <th id="POS_SALE_DGV_HEADER_REPRINT_ORDERSLIP_CMD" style="text-align: right; width: 100px; display: none;"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr id="POS_SALE_DGV_ROW">
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_ID" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_CLIENT_FIRSTNAME" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_CLIENT_LASTNAME" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_CLIENT_MIDDLENAME" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_CODE">Receipt No.</td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_DATE_TRANSACT">Transaction Date</td>
                                        <td id="POS_SALE_DGV_ROW_REC_CLIENT_NAME">Transaction Date</td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_NET" style="text-align: right;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_VATABLE" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_VATEXEMPT" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_NONVAT" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_ZERORATED" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_VATOTHER" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REC_POSSALE_TOTAL_VAT" style="display: none;"></td>
                                        <td id="POS_SALE_DGV_ROW_REPRINT_RECEIPT_CMD" style="text-align: right; display: none;"><button type="button" class="btn btn-primary rounded-0 btn-sm" title="Reprint Receipt">Receipt</td>
                                        <td id="POS_SALE_DGV_ROW_REPRINT_ORDERSLIP_CMD" style="text-align: right; display: none;"><button type="button" class="btn btn-primary rounded-0 btn-sm" title="Reprint Order Slip">Order Slip</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="footer-txt"><h6><i>Scroll up to view more data</i></h6></div>
                    </div>
                    
                </section>
            </div>
        </div>
    </main>

    <div class="col-8" id="POS_SALE_MODAL" style="display: none;">
        <div class="modal-header px-1 pb-2">
            <h5 class="mb-0">
                RECEIPT NO. <span id="POS_SALE_CODE_TXT"></span>
            </h5>
        </div>
        <div class="modal-body p-1">
            <div class="row my-2">
                <div class="col-sm-2 font-weight-bold">CUSTOMER</div>
                <div id="POS_SALE_CUSTOMER_NAME" class="col-sm-10"></div>
            </div>
            <div class="row my-2">
                <div class="col-sm-2 font-weight-bold">ADDRESS</div>
                <div id="POS_SALE_CUSTOMER_ADDRESS" class="col-sm-10"></div>
            </div>
            <div class="row my-2">
                <div class="col-sm-2 font-weight-bold">TIN</div>
                <div id="POS_SALE_CUSTOMER_TIN" class="col-sm-10"></div>
            </div>
            <div class="fix-table-head-45 table-border">
                <table class="pos-table" id="POS_SALE_LIST_DGV">
                    <thead class="bg-blue text-white">
                        <tr id="POS_SALE_LIST_DGV_HEADER">
                            <th id="POS_SALE_LIST_DGV_HEADER_REC_POSSALE_LIST_CAT_PRODUCT_ID_DESCRIPTION">Product</th>
                            <th id="POS_SALE_LIST_DGV_HEADER_REC_POSSALE_LIST_QUANTITY" style="text-align: right;">QTY</th>
                            <th id="POS_SALE_LIST_DGV_HEADER_CAT_UOM_CODE" style="text-align: right;">UoM</th>
                            <th id="POS_SALE_LIST_DGV_HEADER_REC_POSSALE_LIST_AMOUNT_PRICE" style="text-align: right;">Price</th>
                            <th id="POS_SALE_LIST_DGV_HEADER_REC_POSSALE_TOTAL_DISCOUNT" style="display: none;">Total</th>
                            <th id="POS_SALE_LIST_DGV_HEADER_REC_POSSALE_LIST_TOPAY_SUBTOTAL" style="text-align: right;">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="POS_SALE_LIST_DGV_ROW">
                            <td id="POS_SALE_LIST_DGV_ROW_REC_POSSALE_LIST_CAT_PRODUCT_ID_DESCRIPTION"></td>
                            <td id="POS_SALE_LIST_DGV_ROW_REC_POSSALE_LIST_QUANTITY" style="text-align: right;"></td>
                            <td id="POS_SALE_LIST_DGV_ROW_CAT_UOM_CODE" style="text-align: right;"></td>
                            <td id="POS_SALE_LIST_DGV_ROW_REC_POSSALE_LIST_AMOUNT_PRICE" style="text-align: right;"></td>
                            <td id="POS_SALE_LIST_DGV_ROW_REC_POSSALE_TOTAL_DISCOUNT" style="display: none;"></td>
                            <td id="POS_SALE_LIST_DGV_ROW_REC_POSSALE_LIST_TOPAY_SUBTOTAL" style="text-align: right;"></td>
                        </tr>
                    </tbody> 
                </table>
            </div>
            <div class="table-responsive">
                <table class="table table-sm mb-0 border-none">
                    <tr>
                        <th width="40%"></th>
                        <th width="30%">SUBTOTAL</th>
                        <th id="SUBTOTAL_TXT" class="table-info text-right"></th>
                    </tr>  
                    <tr>
                        <th width="40%"></th>
                        <th width="30%">LESS DISCOUNT</th>
                        <th id="DISCOUNT_TXT" class="table-info text-right"></th>
                    </tr>  
                    <tr>
                        <th width="40%"></th>
                        <th width="30%">TOTAL AMOUNT DUE</th>
                        <th id="TOTAL_TXT" class="table-info text-right"></th>
                    </tr>             
                </table>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="MODAL_CLOSE_CMD">CLOSE</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>
